/* דף החנויות, גרסה 2 (7.10.2026 לילה) — מהמחשבון עד הסוף לפי המבנה של אברהם לשם, השראה מ-umanodesign.
   יושב מעל site.css + stores.css ויורש מהם את הסולם: H2 52/29, H3 22, ליד 20, גוף 18, מטא 15, מספר 45; --sec 56/48/40, ראש←תוכן 36, גריד 24.
   בהיר מ"אם אתה מזהה" ועד הבונוסים, כהה מ"חנויות שבניתי" ועד הסוף (רועי 7.10). הפוטר נשאר קרם כמו באתר הראשי. */

/* ===== המעבר בהיר/כהה (הועתק מ-light.css בלי הפוטר הכהה; js/stores-v2.js מדליק is-light רק בין הלוגואים לחנויות) ===== */
@property --bg{syntax:"<color>";inherits:true;initial-value:#1C1A33}
@property --bg-2{syntax:"<color>";inherits:true;initial-value:#26243F}
@property --bg-3{syntax:"<color>";inherits:true;initial-value:#14122A}
@property --ink{syntax:"<color>";inherits:true;initial-value:#F0E9DD}
@property --ink-2{syntax:"<color>";inherits:true;initial-value:#E3DACB}
@property --grey{syntax:"<color>";inherits:true;initial-value:#A8A4C4}
@property --grey-2{syntax:"<color>";inherits:true;initial-value:#8E8AA8}
@property --line{syntax:"<color>";inherits:true;initial-value:rgba(240,233,221,.16)}
@property --line-strong{syntax:"<color>";inherits:true;initial-value:rgba(240,233,221,.6)}
@property --pill{syntax:"<color>";inherits:true;initial-value:#F0E9DD}
@property --pill-ink{syntax:"<color>";inherits:true;initial-value:#1C1A33}
body.lp{transition:--bg .7s cubic-bezier(.4,0,.2,1),--bg-2 .7s cubic-bezier(.4,0,.2,1),--bg-3 .7s cubic-bezier(.4,0,.2,1),--ink .7s cubic-bezier(.4,0,.2,1),--ink-2 .7s cubic-bezier(.4,0,.2,1),--grey .7s cubic-bezier(.4,0,.2,1),--grey-2 .7s cubic-bezier(.4,0,.2,1),--line .7s cubic-bezier(.4,0,.2,1),--line-strong .7s cubic-bezier(.4,0,.2,1),--pill .7s cubic-bezier(.4,0,.2,1),--pill-ink .7s cubic-bezier(.4,0,.2,1)}
body.lp.is-light{--bg:#F0E9DD;--bg-2:#E6DECF;--bg-3:#E9E1D3;--ink:#1C1A33;--ink-2:#2F2C4A;--grey:#5E5A78;--grey-2:#77738F;--line:rgba(28,26,51,.14);--line-strong:rgba(28,26,51,.5);--pill:#1C1A33;--pill-ink:#F0E9DD}
.lp .calc-stage::before{opacity:.55}
.lp .cc-card{background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(255,255,255,.38) 46%,rgba(255,255,255,.55));box-shadow:0 40px 80px -40px rgba(28,26,51,.28),inset 0 0 0 1px rgba(255,255,255,.6)}
.lp .cc-card::before{background:radial-gradient(ellipse 70% 40% at 82% 0%,rgba(255,255,255,.5),rgba(255,255,255,0) 70%)}
.lp .cc-in .cc-top output{background:rgba(28,26,51,.05);box-shadow:inset 0 0 0 1px rgba(28,26,51,.14)}
.lp .cc-in input[type=range]{background:linear-gradient(to left,var(--accent) var(--p),rgba(28,26,51,.14) var(--p)) center/100% 4px no-repeat}
.lp .cc-in .cc-up{border-top-color:rgba(28,26,51,.12)}
@media (hover:hover){.lp .cc-chip:not(.on):hover{background:rgba(28,26,51,.06)}}

/* כרטיס זכוכית בהיר, אותו מתכון כמו המחשבון */
.lp .glass-l{position:relative;border-radius:32px;background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(255,255,255,.38) 46%,rgba(255,255,255,.55));-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 40px 80px -40px rgba(28,26,51,.28),inset 0 0 0 1px rgba(255,255,255,.6)}
.lp .glass-l::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,.5),rgba(255,255,255,0) 70%)}
.lp .glass-l>*{position:relative}

/* ===== 04 · מה תקבל: שש משבצות סביב טלפון, בהיר ===== */
.lp .get-top{justify-items:center;text-align:center;row-gap:16px;margin-bottom:36px}
.lp .get-top h2{grid-column:1/-1}
.lp .get-top h2 .line>span{text-align:center}
.lp .get-top p{grid-column:1/-1;font-size:var(--fs-lead);line-height:1.28;color:var(--grey);max-width:44ch;text-wrap:balance}
/* סבב 3 (רועי 7.10: "שהכל ייכנס בפולד אחד", "אייקונים קרובים יותר לכותרות", "קומפוזיציה של קשת לכל צד"):
   האזור בגובה מסך אחד והכותרת בשורה אחת. האייקון יושב בעמודה משלו צמוד לכותרת ולטקסט.
   כל צד הוא קשת: הפריט האמצעי צמוד לטלפון, העליון והתחתון זזים החוצה, וקו שיער עובר דרך מרכזי שלושת האייקונים (js מחשב אותו). */
.lp .get{min-height:100svh;display:grid;align-content:center;padding-block:clamp(72px,9vh,96px) clamp(24px,4vh,40px)}
.lp .get .sec-head{margin-bottom:clamp(12px,2vh,24px)}
.lp .get .get-top{margin-bottom:clamp(16px,3.5vh,36px);row-gap:12px}
.lp .get-top h2{white-space:nowrap}
.lp .get .get-top p{max-width:none}
.get-grid{--arc:clamp(40px,6vw,96px);position:relative;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(32px,3.5vw,64px);align-items:center;max-width:1400px;margin-inline:auto;width:100%}
.lp .get-phone{width:calc(min(54svh,500px) * 9 / 19);border-radius:36px;padding:10px}
@media (max-width:1023px){.lp .get-phone{zoom:.85}} /* רועי 8.10: "רציתי שתקטין רק בנייד" — zoom ולא רוחב, כדי שהכרטיסים בפנים יקטנו באותו יחס ולא ייחתכו */
.lp .get-phone .gp-screen{border-radius:28px;padding:44px 14px 14px;gap:10px}
.get-col{display:grid;gap:clamp(20px,4.2vh,44px);min-width:0;position:relative;z-index:1}
.get-item{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:20px;align-items:start;width:min(100%,420px)}
.get-r .get-item{justify-self:end}
.get-l .get-item{justify-self:start}
.get-r .get-item:nth-child(odd){translate:var(--arc) 0}
.get-l .get-item:nth-child(odd){translate:calc(var(--arc) * -1) 0}
.gi-badge{display:grid;place-items:center;width:84px;height:84px;margin-top:-10px;border-radius:50%;background:var(--bg)}
.gi-txt{display:grid;gap:6px;min-width:0}
.gi-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.gi-arc path{fill:none;stroke:var(--line-strong);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;opacity:.55}
.gi-arc.on path{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease-out) .3s}
.lp .get-item h3{font-size:var(--fs-h3);line-height:1.24;text-wrap:balance;margin-top:2px}
.lp .get-item p{color:var(--ink-2);max-width:34ch;text-wrap:pretty}
@media (max-width:1023px){
  .lp .get{min-height:0;display:block}
  .lp .get-top h2{white-space:normal}
  .get-grid{grid-template-columns:minmax(0,1fr);row-gap:48px;max-width:560px}
  .get-col{gap:36px}
  .get-r .get-item,.get-l .get-item{translate:none;justify-self:stretch;width:auto}
  .lp .get-phone{width:min(100%,240px);margin-inline:auto;grid-row:1}
  .gi-badge{width:64px;height:64px;margin-top:-6px}
  .gi-arc{display:none}
}
.get-cta{grid-column:1/-1;display:flex;justify-content:center;margin-top:40px}
/* הטלפון: המסך מהפתיחה חוזר, והתראות הזמנה קופצות בו בלופ */
.get-phone{position:relative;width:100%;aspect-ratio:9/19;border-radius:44px;background:#0B0A18;padding:12px;box-shadow:0 50px 100px -40px rgba(28,26,51,.55),0 0 0 1px rgba(28,26,51,.18),inset 0 0 0 1px rgba(255,255,255,.08)}
.gp-screen{position:relative;height:100%;border-radius:34px;overflow:hidden;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(127,101,251,.35),rgba(127,101,251,0) 70%),#14122A;color:#F0E9DD;padding:52px 18px 18px;display:grid;gap:12px;direction:rtl;grid-template-rows:auto auto auto minmax(0,1fr)}
.gp-screen::before{content:"";position:absolute;top:12px;left:50%;width:34%;height:22px;border-radius:999px;background:#0B0A18;translate:-50% 0}
.gp-top{display:flex;align-items:center;gap:8px;font-size:13px;color:#A8A4C4}
.gp-top i{width:18px;height:18px;border-radius:6px;background:var(--accent)}
.gp-sumrow{position:relative}
.gp-sum{font-family:var(--body);font-weight:700;font-size:clamp(28px,2.6vw,38px);line-height:1;letter-spacing:-.02em;color:#F0E9DD;font-variant-numeric:tabular-nums;transition:color .7s var(--ease),text-shadow .7s var(--ease)}
.gp-sum.bump{color:#C9BDFF;text-shadow:0 0 18px rgba(127,101,251,.6);transition:none}
/* הסכום שנוסף צף מעל המספר, בחלק הריק של שורת "מכירות היום" */
.gp-plus{position:absolute;inset-inline-end:0;bottom:calc(100% + 4px);font-size:13px;font-weight:700;color:#C9BDFF;opacity:0;pointer-events:none;font-variant-numeric:tabular-nums}
.gp-plus.go{animation:gpPlus 1.3s var(--ease-out)}
@keyframes gpPlus{0%{opacity:0;translate:0 8px}20%{opacity:1}70%{opacity:1}100%{opacity:0;translate:0 -12px}}
/* הגרף: העמודה של היום (האחרונה) גדלה עם כל הזמנה, ופעם בכמה הזמנות הגרף זז צעד — הישנה נסגרת, חדשה נפתחת */
.gp-bars{display:flex;align-items:flex-end;height:64px;margin:4px -2.5px 0}
.gp-bars i{flex:1 1 0;min-width:0;margin-inline:2.5px;border-radius:4px 4px 0 0;background:rgba(127,101,251,.35);height:calc(var(--h)*1%);transition:height .65s var(--ease-out),background-color .5s var(--ease),flex-grow .6s var(--ease-out),margin .6s var(--ease-out),opacity .4s var(--ease)}
.gp-bars i:last-child{background:var(--accent)}
.gp-bars i.out,.gp-bars i.new{flex-grow:0;margin-inline:0}
.gp-bars i.out{opacity:0}
/* ההזמנות: כרטיס חדש נוחת למעלה, השאר מחליקים למטה, והתחתון נבלע בדהייה */
.gp-notifs{display:grid;align-content:start;gap:8px;margin-top:8px;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 64px),transparent);mask-image:linear-gradient(#000 calc(100% - 64px),transparent)}
.gp-n{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(240,233,221,.08);font-size:12.5px;line-height:1.3;color:#E3DACB;opacity:0;transform:scale(.92);transform-origin:50% 0;transition:opacity .45s var(--ease-out),transform .55s var(--ease-out),background-color 1.2s var(--ease)}
.gp-n.on{opacity:1;transform:none}
.gp-n.fresh{background:rgba(127,101,251,.24)}
.gp-ic{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#FFB340}
.gp-n.re .gp-ic{background:#3CCB7F}
.gp-ic svg{width:16px;height:16px;fill:none;stroke:#1C1A33;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gp-t{flex:1;display:grid;gap:2px;min-width:0}
.gp-t b{font-weight:700;color:#F0E9DD;white-space:nowrap}
.gp-t small{font-size:11px;color:#A8A4C4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-amt{flex:none;font-size:13px;font-weight:700;color:#F0E9DD;font-variant-numeric:tabular-nums}

/* ===== 05 · בונוסים: לפי אברהם — מילת רפאים מאחורי כותרת ממורכזת, כרטיס רחב: טקסט מימין, פאנל עם אובייקט שגולש החוצה משמאל. נערמים בגלילה ===== */
.bs-head{position:relative;justify-items:center}
/* המשבצות של הפתיחה חוזרות, בקווים כהים על הקרם, ונעלמות לשוליים */
.lp .bonus{position:relative;isolation:isolate}
.lp .bonus::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(28,26,51,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(28,26,51,.07) 1px,transparent 1px);background-size:44px 44px;background-position:center top;mask-image:radial-gradient(ellipse 60% 55% at 50% 30%,#000 25%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 30%,#000 25%,transparent 78%)}
@media (min-width:901px){.lp .bonus-h .line{white-space:nowrap}}
.bs-ghost{grid-column:1/-1;grid-row:1;align-self:start;justify-self:center;font-family:var(--body);font-weight:700;font-size:clamp(88px,15vw,240px);line-height:.8;letter-spacing:-.02em;color:rgba(28,26,51,.06);pointer-events:none;user-select:none;white-space:nowrap;direction:ltr;margin-top:-.12em}
.lp .bonus-h{grid-column:1/-1;grid-row:1;text-align:center;position:relative;margin-top:clamp(40px,6vw,96px)}
.bs-stack{grid-column:1/-1;display:grid;gap:72px;margin-top:56px;max-width:1120px;margin-inline:auto;width:100%}
/* כרטיס צר שזז לסירוגין ימינה ושמאלה; הוויזואל מתחלף צד ויוצא מהכרטיס */
.lp .bs-card{position:relative;width:min(100%,800px);padding:0;display:grid;grid-template-columns:1fr 300px;align-items:center;margin-inline-start:0}
.lp .bs-card:nth-child(2){margin-inline-start:auto;grid-template-columns:300px 1fr}
.lp .bs-card:nth-child(2) .bs-vis{order:-1}
.lp .bs-card:nth-child(3){margin-inline-start:12%}
.bs-txt{padding:44px 48px;display:grid;align-content:center;justify-items:start;gap:12px}
.bs-line{display:block;width:48px;height:3px;border-radius:2px;background:var(--accent);margin-bottom:6px}
.lp .bs-card h3{font-size:clamp(28px,2.6vw,40px);line-height:1.1}
.lp .bs-card p{font-size:var(--fs-body,18px);line-height:1.45;color:var(--ink-2);max-width:44ch;text-wrap:pretty}
.bs-vis{position:relative;align-self:stretch;min-height:300px}
/* המספר כמו ברפרנס: ענק, מלא, יושב על הפינה התחתונה בצד הוויזואל ונחתך בקצה הכרטיס */
.lp .bs-card .bs-clip{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.bs-num{position:absolute;bottom:-.3em;inset-inline-end:-.08em;font-family:var(--head);font-weight:700;font-size:clamp(260px,28vw,420px);line-height:1;letter-spacing:-.05em;color:rgba(127,101,251,.08);user-select:none}
.lp .bs-card:nth-child(2) .bs-num{inset-inline-end:auto;inset-inline-start:-.08em}
.lp .bs-card.glass-l{box-shadow:0 1px 2px rgba(28,26,51,.04),0 14px 36px -18px rgba(28,26,51,.14),inset 0 0 0 1px rgba(255,255,255,.6)}
/* באמצע האזור הדף חוזר לכהה: הכרטיסים הופכים לזכוכית כהה והמשבצות לקווים בהירים */
.lp .bs-card.glass-l,.lp .bonus::before{transition:background .7s var(--ease-out),box-shadow .7s var(--ease-out)}
body.lp:not(.is-light) .bs-card.glass-l{background:linear-gradient(160deg,rgba(240,233,221,.10),rgba(240,233,221,.03) 46%,rgba(240,233,221,.07));box-shadow:0 30px 60px -30px rgba(0,0,0,.5),inset 0 0 0 1px rgba(240,233,221,.12)}
body.lp:not(.is-light) .bs-card.glass-l::before{background:radial-gradient(ellipse 70% 40% at 82% 0%,rgba(240,233,221,.10),rgba(240,233,221,0) 70%)}
body.lp:not(.is-light) .bs-num{color:rgba(127,101,251,.24)}
body.lp:not(.is-light) .bonus::before{background-image:linear-gradient(rgba(240,233,221,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(240,233,221,.08) 1px,transparent 1px)}
.bs-shp{position:absolute;top:-150px;left:-130px;width:400px;aspect-ratio:1;pointer-events:none;z-index:2}
.lp .bs-card:nth-child(2) .bs-shp{left:auto;right:-130px}
.bs-shp img{width:100%;height:100%;object-fit:contain}

@media (max-width:900px){
  .lp .bs-card,.lp .bs-card:nth-child(2),.lp .bs-card:nth-child(3){grid-template-columns:1fr;width:100%;margin-inline-start:0;border-radius:24px}
  .lp .bs-card .bs-vis{order:-1;min-height:170px}
  .bs-num{font-size:220px}
  .lp .bs-card:nth-child(2) .bs-num{inset-inline-start:auto;inset-inline-end:-.08em}
  .bs-shp,.lp .bs-card:nth-child(2) .bs-shp{width:230px;left:50%;right:auto;top:-30px;margin:0 0 0 -115px}
  .bs-txt{padding:8px 24px 32px}
  .bs-ghost{font-size:clamp(64px,20vw,120px)}
}

/* ===== 06 · חנויות שבניתי: חצי מסך רשימה, חצי מסך מחשב הלבד על במה (רועי 7.10, אחרי ניסיון השם הענק).
   מימין חמישה שמות; מעבר עכבר מחליף את המסך. משמאל המחשב עומד על במה סגולה עגולה עם מרקם לבד, כמו שאר הצורות.
   טלפון: המחשב והבמה נצמדים למעלה, והשם שעובר את קו הקריאה הוא הפעיל ===== */
.lp .built{padding-bottom:0}
.lp .built .works-top{margin-bottom:48px}
.lp .built .works-top h2{grid-column:1/-1}
.stg{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:start}
@media (min-width:1200px){.stg{grid-template-columns:minmax(0,1fr) minmax(0,1.38fr)}}
.stg-idx{display:flex;flex-direction:column}
.stg-it{position:relative;display:grid;grid-template-columns:5ch 1fr auto;column-gap:18px;align-items:baseline;padding-block:28px;cursor:pointer}
.stg-it .mono{color:var(--grey);transition:color .3s}
.stg-it h3{font-family:var(--head);font-weight:500;font-size:clamp(24px,2.6vw,40px);line-height:1.1;letter-spacing:-.01em;opacity:.4;transition:opacity .35s var(--ease),transform .45s var(--ease)}
.stg-it .tag{font-size:var(--fs-meta);color:var(--grey);white-space:nowrap;opacity:.6;transition:opacity .35s var(--ease)}
.stg-it .pl-link{color:inherit}
/* פרויקט שעוד לא באוויר (גלופר, Hi Maya) לא נראה לחיץ */
.stg-it:not(:has(a.pl-link)){cursor:default}
.stg-bar{position:absolute;top:0;inset-inline:0;height:1px;background:var(--line)}
.stg-bar::after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}
.stg-it.on .mono{color:var(--accent)}
.stg-it.on h3{opacity:1;transform:translateX(-12px)}
.stg-it.on .tag{opacity:1}
.stg-it.on .stg-bar::after{transform:scaleX(1)}
/* הבמה: תמונה אחת ממגניפיק (podium-laptop.webp, 1400×1400): לפטופ כהה (אפור חלל) שהמסך שלו פונה ימינה אל הרשימה, על טבעת מתנפחת מפוספסת סגול-קרם, וכדור הפרווה הענבר לרגלי הבמה (סבב 3, רועי 7.10: "לפטופ כהה בסגנון של ליאב", "המסך נוטה לרשימה", בלי פנס, בלי הילה).
   הרקע של התמונה כמעט זהה לרקע הדף, ולכן לא נגזר: רק 4% בכל קצה נמוגים. המסך הירוק הוחלף בשחור, וצילומי החנויות מולבשים עליו ב-matrix3d לפי ארבע הפינות שנמדדו */
/* המחשב מוגדל עד הקצה (רועי 8.10: "להגדיל אותו כמה שיותר, גם על חשבון זה שהוא יתקרב לשוליים"): הלפטופ והבמה תופסים 81% מרוחב התמונה ו-80% מגובהה (נמדד בפיקסלים),
   ולכן התמונה גדלה עד שהלפטופ עצמו מתחיל בשוליים של הדף ונגמר בחצי מהרווח שלפני הרשימה. השוליים הריקים של התמונה יוצאים מהמסך ונמסים. התקרה: 110svh, כדי שהלפטופ והבמה תמיד ייכנסו לגובה המסך */
.stg{container-type:inline-size}
/* הבמה תופסת בדף רק את הגובה של הלפטופ והבמה (80% מהתמונה) ולא את השוליים הריקים, אחרת הרשימה קצרה מדי כדי להחזיק אותה נעוצה במרכז */
.stg-stage{position:sticky;top:calc(50svh - var(--lw)*.4);display:flex;justify-content:flex-end;align-items:flex-start;height:calc(var(--lw)*.8);pointer-events:none;--lw:min(61.4cqw,110svh)}
.stg-stage .plap{margin-left:calc(var(--lw)*-.115);margin-top:calc(var(--lw)*-.113)}
/* 11 פרויקטים (רועי 7.10): הרשימה גבוהה מהמסך, ולכן בדסקטופ המחשב נעוץ באמצע המסך בזמן שהרשימה גוללת */
.plap{position:relative;flex:none;width:var(--lw);aspect-ratio:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
.plap-stage{position:absolute;top:0;left:0;width:1400px;height:1400px;zoom:var(--k,.4)} /* zoom ולא scale (רועי 8.10, הסרטון מהגלקסי: "חורים שחורים" באזור הפרויקטים): עם scale הדפדפן צייר את הבמה, הצל, שכבת הצבע והמסך של הלפטופ בגודל 1,400 פיקסל ואז הקטין — כ-280 מגה בזיכרון הגרפי של הטלפון. zoom מקטין בפריסה, וכל שכבה מצוירת בגודל שבו היא נראית */
.plap-img{position:absolute;inset:0;width:100%;height:100%}
.plap-screen{position:absolute;top:0;left:0;width:1600px;height:1034px;transform-origin:0 0;transform:matrix3d(0.417491,-0.0703965,0,1.01131e-05,0.0208367,0.473225,0,1.14739e-06,0,0,1,0,227.745,281.702,0,1);border-radius:16px;overflow:hidden;background:#000}
.plap-screen .lap-view{border-radius:0}
.plap-screen .lap-view video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0}
.plap-screen .lap-view video.on{opacity:1;transition:opacity .3s}
.plap-notch{position:absolute;top:0;left:711px;width:190px;height:36px;border-radius:0 0 16px 16px;background:#0b0b0d;z-index:2}
.flap{aspect-ratio:1200/1238;position:relative}
.flap-stage{position:absolute;top:0;left:0;width:1200px;height:1238px;transform-origin:0 0;scale:var(--k,.3)}
.flap-body{position:absolute;inset:0;width:100%;height:100%}
.flap-glow,.flap-shade,.flap-contact{position:absolute;border-radius:50%;pointer-events:none;transform:rotate(-10.8deg)}
.flap-glow{left:-115px;top:890px;width:1350px;height:440px;filter:blur(36px);background:radial-gradient(closest-side,rgba(127,101,251,.30),rgba(127,101,251,.10) 60%,transparent)}
.flap-shade{left:-25px;top:1095px;width:1170px;height:160px;filter:blur(24px);background:radial-gradient(closest-side,rgba(6,4,24,.85),rgba(6,4,24,.35) 55%,transparent)}
.flap-contact{left:55px;top:1145px;width:1010px;height:50px;filter:blur(7px);background:radial-gradient(closest-side,rgba(6,4,24,.95),transparent)}
.flap-screen{position:absolute;top:0;left:0;width:1600px;height:1000px;transform-origin:0 0;transform:matrix3d(0.507068,-0.134172,0,-2.92885e-05,0.120761,0.612049,0,-1.31087e-06,0,0,1,0,163.572,253.023,0,1);border-radius:22px;overflow:hidden;background:#000}
.flap-screen .lap-view{border-radius:0}
@media (max-width:899px){
  .stg{grid-template-columns:minmax(0,1fr);row-gap:0}
  .stg-stage{order:-1;position:sticky;top:56px;z-index:3;background:var(--bg);--lw:min(calc((100vw - 40px)/.814),560px)}
  .stg-stage{height:auto;align-items:center;justify-content:flex-end}
  .stg-stage .plap{margin-left:calc(var(--lw)*-.115);margin-top:0}
  .stg-stage::after{content:"";position:absolute;top:100%;inset-inline:0;height:28px;background:var(--bg);-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none}
  .stg-it{grid-template-columns:4ch 1fr;row-gap:6px;padding-block:20px}
  .stg-it .tag{grid-column:2;white-space:normal}
  .stg-it.on h3{transform:translateX(-8px)}
}

/* ===== 07 · כך התהליך עובד: האזור נעצר ל-500vh, והכול על גריד 12 העמודות של הדף:
   למעלה הכותרת, באמצע — השלב הנוכחי בעמודות 1–5 והבלון ממורכז בעמודות 7–12 על אותו ציר, למטה פס עם ארבע תחנות של שלוש עמודות כל אחת.
   הבלון מתנפח ברצף עם הגלילה מ-30% ל-100% (0–80% מהגלילה), ואז משתחרר ועף מעל המסך (80–100%) ו"והחנות באוויר." נכנס.
   כל הכותרות בפלוני יד (--head), חוק של רועי לאתר הזה ===== */
.ba{padding-bottom:0}
.ba-track{height:500vh;position:relative}
.ba-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:clamp(72px,10svh,104px)}
.ba-head{align-items:end}
.ba-head .sec-head{margin-bottom:16px}
.ba-head h2{grid-column:1/-1}
/* הטקסט והבלון צמודים זה לזה כזוג ממורכז בעמוד; הבלון גדל מהצד של הטקסט החוצה */
.ba-stage{display:flex;justify-content:center;align-items:center;gap:clamp(32px,4vw,72px);min-height:0}
.ba-text{flex:0 0 min(36ch,40vw);display:grid;align-self:center}
.ba-step,.ba-final{grid-area:1/1;display:grid;gap:16px;align-content:center;justify-items:start;opacity:0;transform:translateY(28px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}
.ba-step.on,.ba-final.on{opacity:1;transform:none;pointer-events:auto}
.ba-step .mono{color:var(--grey)}
.lp .ba-step h3{font-family:var(--head);font-weight:700;font-size:clamp(34px,3.6vw,60px);line-height:1.08;color:var(--ink)}
.lp .ba-step p{font-weight:700;font-size:clamp(18px,1.4vw,24px);line-height:1.45;max-width:32ch;color:var(--ink-2)}
.lp .ba-final h3{font-family:var(--head);font-weight:700;font-size:clamp(48px,6vw,104px);line-height:1;color:var(--accent)}
.lp .ba-final p{font-weight:700;font-size:clamp(18px,1.4vw,24px);line-height:1.45;max-width:32ch;color:var(--ink-2)}
.ba-sky{flex:0 0 auto;align-self:stretch;aspect-ratio:1;max-width:38vw;position:relative;min-height:0}
.ba-v{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:transform,opacity}
.ba-v img{width:100%;height:100%;object-fit:contain}
.ba-v[data-v="0"]{inset:10%}
.ba-v[data-v="1"]{inset:6%}
/* בסוף האזור הבלון לא עף — נשאר במקומו ומרחף, כדי שהמסך לא יתרוקן */
.ba.fin .ba-v[data-v="3"] img{animation:baFloat 4.5s ease-in-out infinite}
@keyframes baFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){.ba.fin .ba-v[data-v="3"] img{animation:none}}
.ba-bar-wrap{padding-block:28px clamp(24px,4svh,44px)}
.ba-bar{grid-column:1/-1;position:relative;list-style:none;margin:0;padding:24px 0 0;display:grid;grid-template-columns:subgrid}
.ba-rail{position:absolute;top:0;inset-inline:0;height:2px;background:var(--line)}
.ba-rail i{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:100% 50%}
.ba-stn{grid-column:span 3;position:relative;display:flex;align-items:baseline;gap:12px;color:var(--grey);transition:color .4s}
.ba-stn i{position:absolute;top:-23px;inset-inline-start:0;width:14px;height:14px;translate:0 -50%;border-radius:50%;background:var(--bg);border:2px solid var(--line);transition:background .4s,border-color .4s}
.ba-stn b{font-family:var(--head);font-weight:700;font-size:clamp(18px,1.4vw,24px)}
.ba-stn.on{color:var(--ink)}
.ba-stn.on i{background:var(--accent);border-color:var(--accent)}
/* סימן גלילה (רועי 8.10.2026): האזור נעצר, אז מסמנים שממשיכים לגלול. יושב באמצע בין "השקה" לקצה השמאלי — בקצה עצמו כיסו אותו כפתורי הנגישות והוואטסאפ, ונעלם ב"והחנות באוויר" */
.ba-bar{grid-row:1}
.ba-cue{grid-row:1;grid-column:10/-1;justify-self:center;align-self:end;display:flex;align-items:center;gap:10px;color:var(--grey);pointer-events:none;transition:opacity .4s}
.ba.fin .ba-cue{opacity:0}
.ba-cue-w{fill:var(--accent);transform-box:fill-box;animation:baWheel 1.6s cubic-bezier(.22,1,.36,1) infinite}
.ba-cue-chev{display:none;color:var(--accent);animation:baChev 1.4s ease-in-out infinite}
@keyframes baWheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(9px);opacity:0}100%{transform:translateY(0);opacity:0}}
@keyframes baChev{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media (max-width:1023px){.ba-cue{grid-column:1/-1;justify-self:center;align-self:start;translate:0 -24px}.ba-cue-mouse,.ba-cue .mono{display:none}.ba-cue-chev{display:block}}
@media (prefers-reduced-motion:reduce){.ba-cue-w,.ba-cue-chev{animation:none}}
/* אותו סימן באזור הלקוחות (רועי 8.10.2026): מתחת לפסקה, מעל הערימה, כדי שהכרטיסים לא ינחתו עליו. נעלם כשהכרטיס האחרון נחת; בנייד האזור לא נעצר ולכן אין סימן */
.cs-head .cs-cue{grid-column:auto;grid-row:auto;justify-self:center;align-self:auto;translate:none}
.cs.done .cs-cue{opacity:0}
.cs.flat .cs-cue{display:none}
@media (max-width:1023px){
  .ba-track{height:420vh}
  .ba-pin{padding-top:72px}
  .ba-stage{flex-direction:column;justify-content:center;gap:16px;padding-inline:var(--pad-x)}
  .ba-sky{flex:1 1 auto;align-self:center;max-width:64vw}
  .ba-text{flex:0 0 auto;align-self:stretch}
  .lp .ba-step h3{font-size:clamp(28px,8vw,40px)}
  .lp .ba-final h3{font-size:clamp(40px,12vw,64px)}
  .ba-stn{flex-direction:column;gap:2px}
  .ba-stn b{font-size:15px}
}
/* בלי GSAP או עם תנועה מופחתת: רשימה רגילה, הבלון מלא */
.ba.flat .ba-track{height:auto}
.ba.flat .ba-pin{position:relative;height:auto;overflow:visible}
.ba.flat .ba-text{gap:40px}
.ba.flat .ba-step,.ba.flat .ba-final{grid-area:auto;opacity:1;transform:none}
.ba.flat .ba-sky{min-height:min(80vw,420px)}
.ba.flat .ba-v{opacity:1;visibility:visible;transform:none}
.ba.flat .ba-v:not(:last-child){display:none}
.ba.flat .ba-bar-wrap{display:none}

/* ===== 08 · נעים מאוד: הקומפוזיציה של avrahamleshem.com/premium_courses (רועי 7.10: "אותה קומפוזיציה")
   הדיוקן ממורכז ונמוג לרקע מהמותניים, הטקסט ממורכז ועולה על החלק הנמוג, ובסוף כפתור ===== */
.lp .ab2{--abw:clamp(280px,32vw,460px);display:block;padding-bottom:var(--sec);position:relative;overflow:clip;text-align:center}
.lp .ab2 .sec-head{text-align:start}
.ab-studio{position:relative;margin:0 auto;width:var(--abw);aspect-ratio:909/1400;z-index:1;pointer-events:none}
.ab-studio>img{position:relative;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;z-index:1;-webkit-mask-image:linear-gradient(#000 60%,transparent 94%);mask-image:linear-gradient(#000 60%,transparent 94%)}
.ab-glow{position:absolute;inset:-10% -60% 10%;z-index:0;background:radial-gradient(ellipse 46% 50% at 50% 42%,rgba(127,101,251,.30),rgba(127,101,251,0) 70%);pointer-events:none}
/* שתי צורות גדולות משני צדי הדמות, עם עומק שדה (רועי 7.10: "תגדיל אותם משמעותית, תשחק עם הפוקוס"):
   שתיהן מאחורי הדמות (רועי 8.10: "שיהיה מאחורה"), באותו גובה, והסליל בהטיה נגדית לענן — פירמידה שהראש שלו בקודקוד; הפוקוס עובר ביניהם לאט בלופ, הדמות תמיד חדה */
.ab-shp{position:absolute;aspect-ratio:1;pointer-events:none}
.ab-shp>img{animation:abFloat var(--d) ease-in-out var(--dl,0s) infinite alternate}
.ab-shp-coil{--d:8s;z-index:0;width:calc(var(--abw) * .85);top:2%;transform:scaleX(-1);left:calc(-62% * var(--spread,1));animation:abRackA 10s ease-in-out infinite}
.ab-shp-cloud{--d:7s;--dl:-2s;z-index:0;width:calc(var(--abw) * .72);top:4%;right:calc(-58% * var(--spread,1));animation:abRackB 10s ease-in-out infinite}
@keyframes abFloat{from{transform:translateY(-14px) rotate(-4deg)}to{transform:translateY(16px) rotate(4deg)}}
@keyframes abRackA{0%,100%{filter:blur(9px)}40%,60%{filter:blur(0)}}
@keyframes abRackB{0%,100%{filter:blur(0)}40%,60%{filter:blur(7px)}}
@media (prefers-reduced-motion:reduce){.ab-shp>img{animation:none}.ab-shp-coil{animation:none;filter:blur(6px)}.ab-shp-cloud{animation:none}}
.lp .ab2 .ab-text{position:relative;z-index:2;margin:calc(var(--abw) * -.36) auto 0;max-width:820px;display:grid;justify-items:center;gap:16px}
.lp .ab2 .ab-text h2 .line>span{text-align:center}
.lp .ab2 .ab-text h2{margin-bottom:8px}
.lp .ab2 .ab-text p{max-width:48ch;text-wrap:balance}
.lp .ab2 .ab-text p b{font-weight:700;color:var(--ink)}
.lp .ab2 .ab-text p.strong{font-family:var(--head);font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.1;color:var(--ink);max-width:none;white-space:nowrap;margin-block:8px}
.lp .ab2 .ab-text h2{white-space:nowrap}
.lp .ab2 .ab-stats{margin-top:16px;justify-content:center;text-align:center;column-gap:clamp(40px,5vw,72px)}
.lp .ab2 .ab-stats span{max-width:16ch;margin-inline:auto}
.lp .ab2 .ab-cta{margin-top:24px}
@media (max-width:900px){
  .lp .ab2{--abw:min(66vw,300px);--spread:.42}
  .lp .ab2 .ab-text h2,.lp .ab2 .ab-text p.strong{white-space:normal;text-wrap:balance}
  .lp .ab2 .ab-stats{column-gap:20px}
  .lp .ab2 .ab-stats span{max-width:10ch;font-size:14px}
}

/* ===== 09 · לקוחות ממליצים: ערימה =====
   האזור נעצר, הכותרת למעלה, ובגלילה עשרת הסרטונים נופלים אחד אחרי השני לערימה אחת מתחתיה, כמו תמונות על שולחן:
   חמישה בשורה האחורית ואז חמישה בקדמית, כך שמכל כרטיס נשאר גלוי לפחות הפס העליון עם הפנים וכפתור הפליי.
   מעבר עכבר מרים את הכרטיס לראש הערימה, מיישר אותו, מריץ את הסרטון בלי קול. בלי פתקים על הסרטון (רועי, 7.10). לחיצה פותחת עם קול.
   המיקום והגודל נקבעים ב-JS (stores-v2.js) לפי הגובה שנשאר לערימה. בנייד: רצועה נגללת. */
.cs{height:240vh;padding-top:0}
.cs-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column}
.cs-top{padding-top:var(--sec)}
.cs-head{position:relative;display:grid;justify-items:center;text-align:center;gap:16px;padding-inline:var(--pad-x);padding-top:8px;z-index:1}
.lp .cs-head h2{font-size:clamp(42px,6.4vw,92px);line-height:.9}
/* ריפוד נגד חיתוך האותיות, והשוליים השליליים רק למטה — שוליים שליליים משני הצדדים מתמזגים בין השורות ומבטלים את ההנמכה */
.lp .cs-head h2 .line{padding-block:.08em;margin-bottom:-.16em}
.cs-head h2 .line>span{text-align:center}
.lp .cs-head p{font-size:var(--fs-lead);line-height:1.28;color:var(--grey);max-width:40ch;text-wrap:balance}
.lp .cs-head p b{font-family:var(--body);font-weight:700;color:var(--ink)}
.cs-cards{position:relative;flex:1;min-height:0;z-index:2}
.cs-card{--tx:0px;--ty:0px;--rot:0deg;--s:1;position:absolute;left:50%;top:50%;width:var(--cw,200px);aspect-ratio:9/16;border-radius:16px;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot)) scale(var(--s));opacity:0;cursor:pointer;z-index:10}
.cs-card.landed{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cs-media{position:absolute;inset:0;display:block;border-radius:16px;overflow:hidden;background:#1c1a33;box-shadow:0 24px 60px -16px rgba(0,0,0,.6),0 0 0 1px rgba(240,233,221,.1)}
.cs-media img,.cs-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cs-media video{opacity:0;transition:opacity .4s}
.cs-card.live .cs-media video.rdy{opacity:1}
/* כפתור הפליי יושב ברבע העליון, כי בשורה האחורית רק הפס העליון גלוי */
.cs-play{position:absolute;left:50%;top:22%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#F0E9DD;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:background-color .25s,transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s}
.cs-play::before{content:"";position:absolute;left:22px;top:18px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #1C1A33;transition:border-color .25s}
.cs-card:hover .cs-play,.cs-card:focus-visible .cs-play{background:var(--accent);transform:scale(1.08)}
.cs-card:hover .cs-play::before,.cs-card:focus-visible .cs-play::before{border-left-color:#F0E9DD}
.cs-card.live .cs-play{opacity:.85}
.cs-card.playing{z-index:50!important}
.cs-media{transition:filter .4s}
.cs-cards.has-playing .cs-card:not(.playing) .cs-media{filter:blur(6px)}
.cs-card.playing .cs-play{opacity:0}
.cs-card.playing:hover .cs-play,.cs-card.playing:focus-visible .cs-play{opacity:1}
.cs-card.playing .cs-play::before{left:20px;top:19px;width:5px;height:18px;border:0;background:#1C1A33;box-shadow:11px 0 0 #1C1A33}
.cs-card.playing:hover .cs-play::before,.cs-card.playing:focus-visible .cs-play::before{background:#F0E9DD;box-shadow:11px 0 0 #F0E9DD}
.cs-bar{position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:right;opacity:0;transition:opacity .3s}
.cs-card[data-started] .cs-bar{opacity:1}
.cs-sub{position:absolute;inset-inline:8px;bottom:16%;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 2px;font-family:"Ploni",sans-serif;font-weight:700;font-size:clamp(12px,calc(var(--cw,200px)*.09),22px);line-height:1.25;color:#fff;text-shadow:0 0 2px #1C1A33,0 0 2px #1C1A33,0 0 3px #1C1A33,0 2px 8px rgba(0,0,0,.5);-webkit-text-stroke:.6px #1C1A33;paint-order:stroke fill;opacity:0;transition:opacity .25s;pointer-events:none}
.cs-card.playing .cs-sub{opacity:1}
.cs-sub span{padding:0 4px;border-radius:4px}
.cs-sub span.on{background:var(--accent)}
.cs-sub .cs-ltr{display:inline-flex;gap:2px;direction:ltr;padding:0}
/* זכוכית מגדלת בפינה העליונה: במחשב מופיעה במעבר עכבר ובזמן ניגון, במגע תמיד */
.cs-zoom{position:absolute;top:10px;left:10px;z-index:3;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(28,26,51,.72);color:#F0E9DD;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .25s,opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.cs-zoom svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cs-zoom:hover,.cs-zoom:focus-visible{background:var(--accent);transform:scale(1.08)}
@media (hover:hover) and (pointer:fine){ .cs-zoom{opacity:0} .cs-card:hover .cs-zoom,.cs-card.playing .cs-zoom,.cs-zoom:focus-visible{opacity:1} }
.cs-cards.has-playing .cs-card:not(.playing) .cs-zoom{opacity:0}
.cs-lb-box{position:relative;height:min(88vh,calc((100vw - 40px)*16/9));aspect-ratio:9/16;max-width:100%}
.vt-lb-frame .cs-lb-box video{width:100%;height:100%}
.cs-sub-lb{opacity:1;bottom:18%;inset-inline:16px;font-size:clamp(20px,3.2vh,30px);gap:6px 4px}
.cs:not(.flat) .cs-note{display:none}
.cs-note{position:absolute;inset-inline-end:calc(100% + 12px);width:170px;padding:14px 16px;border-radius:14px;background:#F0E9DD;color:#1C1A33;text-align:start;box-shadow:0 12px 32px rgba(0,0,0,.35);opacity:0;transform:translateY(24px) scale(.9);transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
.cs-note-a{top:8%;rotate:-4deg}
.cs-note-a b{display:block;font-weight:700;font-size:18px;line-height:1.1}
.cs-note-a span{display:block;margin-top:4px;font-size:13px;color:#5E5A78}
.cs-note-b{top:36%;rotate:3deg;font-size:14px;line-height:1.35;transition-delay:.07s}
.cs-note-b::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-bottom:8px}
@media (hover:hover) and (pointer:fine){
  .cs-card.landed:hover{--rot:0deg;--s:1.08;z-index:40}
}
.cs-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px;z-index:40}
/* בנייד ובלי GSAP: רצועה נגללת */
.cs.flat{height:auto}
.cs.flat .cs-pin{position:relative;height:auto;overflow:visible}
.cs.flat .cs-head{position:relative;inset:auto;padding-block:8px 32px;pointer-events:auto}
.cs.flat .cs-cards{position:relative;inset:auto;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px var(--pad-x) 40px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cs.flat .cs-cards::-webkit-scrollbar{display:none}
.cs.flat .cs-card{position:relative;left:auto;top:auto;flex:0 0 min(62vw,230px);opacity:1;transform:none;scroll-snap-align:center;aspect-ratio:auto;display:grid;gap:10px;align-content:start}
.cs.flat .cs-media{position:relative;aspect-ratio:9/16}
.cs.flat .cs-play{top:50%}
.cs.flat .cs-note{position:relative;inset:auto;width:auto;opacity:1;transform:none;rotate:0deg;background:transparent;color:var(--ink);box-shadow:none;padding:0}
.cs.flat .cs-note-a b{font-size:16px}
.cs.flat .cs-note-a span{color:var(--grey)}
.cs.flat .cs-note-b{font-size:14px;color:var(--grey)}
.cs.flat .cs-note-b::before{display:none}

/* ===== 10 · טופס ופוטר: כהה, הפוטר קרם ===== */
.lp .contact{padding-top:var(--sec)}
.lp .lp-foot{background:var(--light);color:var(--light-ink)}
@media (prefers-reduced-motion:reduce){
  .cs-card{transition:none}.gp-n,.gp-bars i,.gp-sum{transition:none}
}

/* מחשבון — צמצום חלל לבן (7.10.2026, רועי: "השאר 2 כרטיסיות אבל צמצם white space")
   הכרטיסים לא נמתחים לגובה מסך; התוכן זורם בריווח קבוע מהסולם, ושורות התחתית (הבחירה / הכפתור) מיושרות על קו אחד */
.lp .calc-stage{margin-top:40px}
.lp .cc-card{min-height:0;padding:40px;gap:24px}
.lp .cc-title{margin-top:-12px}
.lp .cc-in .cc-field{margin-top:0;gap:8px}
.lp .cc-in .cc-up{padding-top:24px}
.lp .cc-out .cc-res{margin-block:0;gap:12px}
.lp .cc-act{margin-top:auto;padding-top:24px;border-top:1px solid rgba(28,26,51,.12);grid-template-columns:auto 1fr;align-items:center;column-gap:24px}
@media (max-width:900px){
  .lp .cc-card{padding:32px 24px}
  .lp .cc-act{grid-template-columns:1fr}
}

/* בלי קווים בין האזורים (רועי 7.10) */
.lp .sec-head::before{display:none}

/* הגליל בפתיחה ישר, בלי הפרשי גובה בין הפרויקטים (רועי 7.10) */
.cyl{perspective-origin:50% 50%}
.cyl-stage{transform:none}

/* ===== סוף העמוד: העמוד הכהה נגלל למעלה בפינות עגולות וחושף את הפוטר שיושב מתחתיו (רועי 7.10, רפרנס umanodesign.studio) ===== */
body.lp{background:var(--light)}
.lp main{margin-bottom:var(--foot-h,0px);border-radius:0 0 clamp(24px,3vw,44px) clamp(24px,3vw,44px)}
.lp .lp-foot{position:fixed;inset-inline:0;bottom:0;z-index:1}
.lp .lp-foot>*{transform:translateY(var(--foot-shift,0px));will-change:transform}

/* פתיחה בנייד (רועי 7.10: "התאם את מסך הפתיחה למובייל"): טקסט קודם, היד אחרי הכפתורים ונמסה למטה,
   שני כפתורים ברוחב אחד, והגליל לא עולה על הכפתורים */
@media (max-width:767px){
  .lp .hero-copy{order:0}
  .lp .hero .ctas{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:340px;margin-inline:auto}
  .lp .hero .ctas .mg,.lp .hero .ctas .pill{width:100%;justify-content:center}
  .lp .hero-show{margin:8px 0 calc(var(--hw) * -.1)}
  .lp .hand-shot{-webkit-mask:linear-gradient(#000 66%,transparent 86%);mask:linear-gradient(#000 66%,transparent 86%)}
}

/* ===== 10 · טופס ממורכז לפי avrahamleshem.com/premium_courses (רועי 7.10): כותרת קטנה למעלה, כרטיס רחב, שלושה שדות בשורה, הערות, כפתור לכל הרוחב, שתי הסכמות ===== */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lp .contact .inner.c2{grid-template-columns:1fr;justify-items:center;row-gap:clamp(32px,4vw,56px);text-align:center}
.lp .contact .c2>*,.lp .ff-row>*{min-width:0;max-width:100%}
.lp .c2 .c-form{box-sizing:border-box}
.lp .c-kick{font-family:var(--head);font-weight:700;font-size:clamp(22px,2.1vw,30px);line-height:1.15;color:var(--ink)}
.lp .c2 .c-form{width:100%;max-width:1100px;padding:clamp(28px,4vw,64px) clamp(20px,5vw,80px) clamp(28px,4vw,56px);border:0;border-radius:32px;background:linear-gradient(180deg,#2B2850 0%,#211F3C 100%)}
.lp .c2 .c-form h2{font-size:var(--fs-h2);text-wrap:balance;margin:0 0 clamp(24px,3vw,40px)}
.lp .c2 .ff{gap:14px;padding-top:0;text-align:start}
.lp .ff-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lp .c2 .ff-field input:not([type=checkbox]),.lp .c2 .ff-field textarea{padding:0 26px;height:64px;border:1px solid rgba(240,233,221,.4);border-radius:999px;background:rgba(240,233,221,.07);font-size:18px;text-align:right;transition:border-color .2s,background .2s}
.lp .c2 .ff-field textarea{height:auto;min-height:110px;padding:20px 26px;border-radius:32px;display:block}
.lp .c2 .ff-field input:not([type=checkbox]):focus,.lp .c2 .ff-field textarea:focus{border-color:var(--accent);background:rgba(240,233,221,.1)}
.lp .c2 .ff-field.bad input:not([type=checkbox]){border-color:#FF8A8A}
.lp .c2 .ff-err{padding-inline:26px}
.lp .ff-go{display:block;margin-top:6px}
.lp .ff-go .pill{width:100%;justify-content:center;font-size:19px;font-weight:700}
.lp .ff-go .ff-btn .s1{display:flex;align-items:center;justify-content:center;gap:10px}
.lp .ff-check{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.4;color:var(--ink-2);cursor:pointer}
.lp .ff-check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);cursor:pointer}
.lp .ff-check a{text-decoration:underline;text-underline-offset:3px}
.lp .ff-cfield .ff-err{padding-inline:30px 0}
.lp .c2 .cf-shp{top:-48px;right:-40px}
@media (max-width:767px){
  .lp .ff-row{grid-template-columns:1fr}
  .lp .c2 .c-form{border-radius:24px}
  .lp .c2 .ff-field input:not([type=checkbox]){height:56px;padding:0 22px}
  .lp .ff-check{font-size:14px}
  .lp .c2 .cf-shp{top:-36px;right:-10px}
}

/* ===== 09b המלצות כתובות — פסיפס של שלוש עמודות (רועי: "תעשה את זה פסיפסי"), אחת בנייד; כרטיסי זכוכית כהה מתחת לערימת הסרטונים (רפרנס: avrahamleshem.com) ===== */
.lp .ct{padding:var(--sec) var(--pad-x)}
.lp .ct-grid{columns:3;column-gap:20px;max-width:1280px;margin-inline:auto}
.lp .ct-card{position:relative;display:flex;flex-direction:column;break-inside:avoid;margin:0 0 20px;padding:28px 28px 24px;border-radius:28px;background:linear-gradient(160deg,rgba(240,233,221,.10),rgba(240,233,221,.03) 46%,rgba(240,233,221,.07));box-shadow:0 30px 60px -30px rgba(0,0,0,.5),inset 0 0 0 1px rgba(240,233,221,.12)}
.lp .ct-card:nth-child(3n+2).in{transition-delay:.1s}
.lp .ct-card:nth-child(3n).in{transition-delay:.2s}
.lp .ct-q{position:absolute;top:28px;inset-inline-end:28px;width:36px;height:27px;fill:var(--accent)}   /* רועי 8.10: "תקטין גם את כרטיסי ההמלצות במחשב" — המירכאות בפינה ולא בשורה משלהן */
.lp .ct-card blockquote{margin:0}
.lp .ct-card h3{padding-inline-end:52px;font-family:var(--head);font-weight:700;font-size:var(--fs-h3);line-height:1.2;color:var(--ink);margin:0}
.lp .ct-card p{font-size:var(--fs-body);line-height:1.55;color:var(--ink-2);margin:10px 0 0}
.lp .ct-card figcaption{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:20px}
.lp .ct-card figcaption img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;outline:2px solid var(--accent);outline-offset:2px}
.lp .ct-ini{width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--accent);color:#F0E9DD;font-family:"Ploni",sans-serif;font-weight:700;font-size:24px;line-height:1;outline:2px solid var(--accent);outline-offset:2px}
.lp .ct-who{display:grid;gap:2px}
.lp .ct-who b{font-weight:700;font-size:var(--fs-body);line-height:1.2;color:var(--ink)}
.lp .ct-who span{font-size:var(--fs-meta);color:var(--grey)}
@media (max-width:1100px) and (min-width:901px){.lp .ct-grid{columns:2}}
@media (max-width:900px){
  .lp .ct-grid{columns:1}
  .lp .ct-card{padding:20px 20px 18px;border-radius:20px;margin-bottom:12px}   /* רועי 8.10: "להקטין כל כרטיסייה, שתתפוס פחות גובה" */
  .lp .ct-q{top:20px;inset-inline-end:20px;width:28px;height:21px}
  .lp .ct-card h3{padding-inline-end:40px}
  .lp .ct-card p{margin-top:8px;line-height:1.5}
  .lp .ct-card figcaption{gap:12px;padding-top:16px}
  .lp .ct-card figcaption img{width:40px;height:40px}
  .lp .ct-card.in{transition-delay:0s!important}
}

/* ===== פוטר מלא (רועי 7.10: "הפוטר ריק מדי — תפריט, קישורים, רשתות"): ארבע עמודות מעל הלוגו הגדול ===== */
.lp .lp-foot{gap:clamp(40px,5vw,72px);padding-top:clamp(56px,6vw,96px)}
.ft-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:clamp(28px,4vw,64px);align-items:start}
.ft-line{margin:0 0 24px;max-width:15ch;font-family:var(--head);font-weight:700;font-size:clamp(26px,2.4vw,36px);line-height:1.15;color:var(--light-ink)}
.ft-h{margin:0 0 18px;font-family:var(--head);font-weight:700;font-size:clamp(22px,1.7vw,26px);line-height:1.1;color:var(--light-ink)}
.ft-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;justify-items:start}
.ft-list a{color:var(--light-grey);font-size:var(--fs-body);text-decoration:none;background:linear-gradient(var(--accent),var(--accent)) 100% 100%/0 1px no-repeat;transition:background-size .35s var(--ease-out),color .25s var(--ease)}
.ft-list a:hover,.ft-list a:focus-visible{color:var(--light-ink);background-size:100% 1px}
.ft-soc{display:flex;gap:10px;margin-top:24px}
.ft-soc a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--light-line);color:var(--light-ink);transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.ft-soc a:hover,.ft-soc a:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}
.ft-soc svg{width:20px;height:20px}
.lp .lp-foot .pill{background:var(--light-ink);color:var(--light)}
.lp .lp-foot .pill:hover{background:var(--accent);color:#fff}
@media (max-width:900px){
  .ft-grid{grid-template-columns:1fr 1fr;row-gap:40px}
  .ft-grid>.ft-col:last-child{grid-column:1/-1}
}
/* בנייד הפוטר ארוך ממסך — יושב בזרימה הרגילה במקום להיחשף מתחת לעמוד, אחרת החלק העליון שלו נחתך */
@media (max-width:767px){
  .lp main{margin-bottom:0}
  .lp .lp-foot{position:relative}
  .lp .lp-foot>*{transform:none}
}

/* שוליים אחידים (רועי 7.10): כל אזור נמתח עד קו השוליים של הדף, כמו אזור התוצאות — 40 במחשב, 20 בטלפון. בלי תקרות רוחב פנימיות */
.lp .ct-grid{max-width:none}   /* המחשבון, מה תקבל והבונוסים חזרו לרוחב המקורי (רועי 7.10: "חירבש לי את המסכים האלה, החזר למה שהיה") */
/* הטופס יוצא מהכלל (רועי 7.10 לילה: "רחב מידי, צריך להיות לפי מה שמקובל"): כרטיס ממורכז ברוחב בינוני, כמו טופס לידים רגיל */
.lp .c2 .c-form{max-width:880px}   /* 720 עם שדות אחד מתחת לשני היה צר מדי (רועי: "עכשיו צר מידי, תאזן") — 880, והשדות חזרו לשורה אחת */

/* פוטר קטן משמעותית (רועי 7.10: "תקטין משמעותית את הפוטר"): לוגו, ריווחים, טקסט ואייקונים ירדו בערך בשליש */
.lp .lp-foot{gap:28px;padding-top:40px;padding-bottom:24px}
.lp .lp-foot-logo{width:min(100%,280px)}
.ft-grid{gap:clamp(20px,3vw,48px)}
.ft-line{margin-bottom:16px;font-size:clamp(20px,1.6vw,24px)}
.ft-h{margin-bottom:12px;font-size:18px}
.ft-list{gap:6px}
.ft-list a{font-size:15px}
.ft-soc{gap:8px;margin-top:14px}
.ft-soc a{width:36px;height:36px}
.ft-soc svg{width:17px;height:17px}
.lp .lp-foot .pill{min-height:40px;padding:0 18px;font-size:14px}
.lp .lp-foot .rvf-bottom{padding-top:12px}
@media (max-width:900px){.ft-grid{row-gap:24px}}
@media (max-width:767px){.lp .lp-foot{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}
@media (max-width:1023px){.get-r .get-item:nth-child(odd),.get-l .get-item:nth-child(odd){translate:none}}

/* לוגו הפוטר ממורכז (רועי 7.10: "תמרכז את הלוגו") */
.lp .lp-foot-logo{justify-self:center}

/* ===== האדר: תפריט בקפסולה + ברק על "שנדבר?" (7.10.2026, רועי: "תשדרג את הנראות של ההאדר, תן מסגרת לתפריט, אנימציה להנעה לפעולה") =====
   מעל הפתיחה ההאדר שקוף לגמרי; מהגלילה הראשונה הקפסולה מקבלת רקע זכוכית.
   ריחוף: גלולה רכה מחליקה בין הקישורים · האזור הנוכחי: נקודה סגולה מתחת לקישור · בחצי הבהיר הכול מתהפך דרך המשתנים. */
/* הדהייה נשארת רק בגלילה, כדי שתוכן לא יעבור מתחת ללוגו ולכפתור; מעל הפתיחה היא כבויה מהטעינה הראשונה (on-hero ב-HTML) */
.lp-nav{position:relative;gap:0;padding:5px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg) 18%,transparent);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);transition:background .4s var(--ease),border-color .4s var(--ease)}
.lp-hd:not(.on-hero) .lp-nav{background:color-mix(in srgb,var(--bg) 72%,transparent);border-color:color-mix(in srgb,var(--ink) 16%,transparent)}
.lp-nav a{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;white-space:nowrap}
.lp-nav a.is-cur{color:var(--ink)}
.lp-nav a::after{content:"";position:absolute;left:50%;bottom:4px;width:5px;height:5px;border-radius:50%;background:var(--accent);transform:translateX(-50%) scale(0);transition:transform .35s var(--ease-out)}
.lp-nav a.is-cur::after{transform:translateX(-50%) scale(1)}
.lp-nav .nv-hl{position:absolute;top:5px;bottom:5px;left:0;width:var(--hw,0);border-radius:999px;background:color-mix(in srgb,var(--ink) 10%,transparent);transform:translateX(var(--hx,0));opacity:0;pointer-events:none;transition:transform .45s var(--ease-out),width .45s var(--ease-out),opacity .25s var(--ease)}
.lp-nav.hl-on .nv-hl{opacity:1}
@media (max-width:1320px){.lp-nav a{padding:0 12px;font-size:14px}}
.lp-hd .hd-cta .pill{box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}
/* ברק שעובר על הכפתור כל חמש שניות, והחץ זז קצת שמאלה וחוזר */
.lp{--shine:rgba(255,255,255,.8)}
body.lp.is-light{--shine:rgba(240,233,221,.35)}
.lp-hd .hd-cta .pill::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,var(--shine) 50%,transparent 70%);transform:translateX(-130%);animation:cta-shine 5s var(--ease) 2s infinite}
.lp-hd .hd-cta .pill .arr{display:inline-block;animation:cta-nudge 5s var(--ease) 2s infinite}
.lp-hd .hd-cta .pill.filled::after,.lp-hd .hd-cta .pill.filled .arr{animation-play-state:paused}
@keyframes cta-shine{0%{transform:translateX(-130%)}22%,100%{transform:translateX(130%)}}
@keyframes cta-nudge{0%,18%,34%,100%{transform:none}24%{transform:translateX(-5px)}29%{transform:translateX(-1px)}}
@media (prefers-reduced-motion:reduce){.lp-hd .hd-cta .pill::after,.lp-hd .hd-cta .pill .arr{animation:none}.lp-hd .hd-cta .pill::after{display:none}.lp-nav .nv-hl,.lp-nav a::after{transition:none}}

/* היד ממשיכה מתחת לסוף הפתיחה ונחתכת בקו העליון של הכרטיסים (js/stores-v2.js), לכן הפתיחה לא חותכת אותה לגובה */
@media (min-width:768px){.lp .hero{overflow:clip visible}}

/* האייקונים בסגנון לוטי (8.10.2026, רועי: "קח השראה מ-LottieFiles"): קו אחד בעובי 2, נפח סגול שקוף מאחוריו,
   כניסה שמציירת את הקו ומקפיצה את הנפח, ולופ של פעולה קצרה עם דריכה ונחיתה ואז מנוחה. משותף לאזור הכאבים ולאזור "מה אתה מקבל" */
.lic{display:block;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.pain-cols .lic{width:72px;height:72px;margin-bottom:4px}
.gi-badge .lic{width:64px;height:64px}
.lic .f{fill:var(--accent);fill-opacity:.22;stroke:none}
.lic .f.lo{fill-opacity:.1}
.lic .s{fill:var(--accent);stroke:none}
.lic .k{stroke:var(--bg);stroke-width:3}
.lic .a{stroke:var(--accent)}
.lic .bgf{fill:var(--bg)}
.lic .on{stroke:#F0E9DD;stroke-width:2}
.lic .cut{stroke:#F0E9DD;stroke-width:1.8}
.lic .l,.lic .a{stroke-dasharray:1;stroke-dashoffset:1}
.lic .f,.lic .pop{opacity:0;transform:scale(.6)}
.lic *{transform-box:fill-box;transform-origin:center}
.rv.in .lic .l,.rv.in .lic .a{stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease-out) .15s}
.rv.in .lic .a{transition-delay:.6s}
.rv.in .lic .f{opacity:1;transform:none;transition:opacity .5s .45s,transform .7s cubic-bezier(.34,1.56,.64,1) .45s}
.rv.in .lic .pop{opacity:1;transform:none;transition:opacity .3s .9s,transform .6s cubic-bezier(.34,1.8,.64,1) .9s}
.rv.in .lic .lp{animation-duration:4.4s;animation-delay:calc(2s + var(--dl,0s));animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.45,0,.25,1)}
/* עגלה: המוצר נדרך, קופץ החוצה ונעלם, העגלה נרתעת; בסוף הלופ הוא נוחת בחזרה */
.lic-cart .item{transform-origin:50% 100%}
.lic-cart .cart{transform-origin:50% 100%}
.rv.in .lic-cart .item{animation-name:lic-item}
.rv.in .lic-cart .cart{animation-name:lic-rock}
@keyframes lic-item{0%,6%{transform:none;opacity:1}12%{transform:translateY(2px) scale(1.08,.84);animation-timing-function:cubic-bezier(.2,.7,.3,1)}38%{transform:translate(18px,-26px) rotate(40deg) scale(.9);opacity:0}80%{transform:translateY(-12px) scale(.6);opacity:0;animation-timing-function:cubic-bezier(.34,1.6,.64,1)}92%,100%{transform:none;opacity:1}}
@keyframes lic-rock{0%,10%,40%,100%{transform:none}16%{transform:translateX(-2px) rotate(-3deg)}26%{transform:translateX(1px) rotate(1.5deg)}}
/* מגפון: נרתע כמו יריקה, ושלושה מטבעות עפים החוצה ונעלמים */
.lic-mega .horn{transform-origin:15% 70%}
.lic-mega .coin{opacity:0}
.rv.in .lic-mega .horn{animation-name:lic-horn}
.rv.in .lic-mega .coin{animation-name:lic-coin;animation-timing-function:cubic-bezier(.2,.7,.3,1)}
.lic-mega .c1{--x:16px;--y:-13px;--dl:.4s}.lic-mega .c2{--x:19px;--y:0px;--dl:.55s}.lic-mega .c3{--x:16px;--y:13px;--dl:.7s}
@keyframes lic-horn{0%,4%,32%,100%{transform:none}10%{transform:rotate(-7deg) scale(1.04)}22%{transform:rotate(2deg)}}
@keyframes lic-coin{0%{opacity:0;transform:scale(.3)}8%{opacity:1}36%{opacity:1;transform:translate(var(--x),var(--y))}54%,100%{opacity:0;transform:translate(calc(var(--x) * 1.25),calc(var(--y) * 1.25 + 6px)) scale(.5)}}
/* שרשרת: נדחסת רגע, נקרעת לשניים עם ניצוצות, ונסגרת בחזרה */
.lic-link>g{transform-box:view-box;transform-origin:0 0}
.lic-link .sp{stroke:var(--accent);stroke-dasharray:1;stroke-dashoffset:1}
.rv.in .lic-link .ha{animation-name:lic-pull-a}
.rv.in .lic-link .hb{animation-name:lic-pull-b}
.rv.in .lic-link .sp{animation-name:lic-spark}
@keyframes lic-pull-a{0%,6%,62%,100%{transform:none}11%{transform:translateX(1px)}20%,44%{transform:translateX(-6px) rotate(-8deg)}54%{transform:translateX(.8px)}}
@keyframes lic-pull-b{0%,6%,62%,100%{transform:none}11%{transform:translateX(-1px)}20%,44%{transform:translateX(6px) rotate(-8deg)}54%{transform:translateX(-.8px)}}
@keyframes lic-spark{0%,13%{stroke-dashoffset:1}22%{stroke-dashoffset:0}34%,100%{stroke-dashoffset:-1}}
/* פלטה: הנקודות קופצות אחת אחרי השנייה כמו גל */
.lic-pal .dt{transform-origin:50% 100%}
.rv.in .lic-pal .dt{animation-name:lic-dot}
.lic-pal .d2{--dl:.12s}.lic-pal .d3{--dl:.24s}.lic-pal .d4{--dl:.36s}
@keyframes lic-dot{0%,34%,100%{transform:none}8%{transform:translateY(1px) scale(1.15,.8)}18%{transform:translateY(-5px) scale(.9,1.1)}28%{transform:scale(1.1,.9)}}
/* דרך: נקודה רצה מהמודעה לתשלום ומשאירה שובל, והתג בסוף קופץ עם וי */
.lic-path .trail{stroke:var(--accent);stroke-width:2.6;stroke-dasharray:1;stroke-dashoffset:1}
.lic-path .dot{stroke:var(--accent);stroke-width:7;stroke-dasharray:.001 2;opacity:0}
.rv.in .lic-path .trail{animation-name:lic-trail}
.rv.in .lic-path .dot{animation-name:lic-runner}
.rv.in .lic-path .end{animation-name:lic-badge}
.rv.in .lic-path .chk{animation-name:lic-chk}
.lic-path .chk{stroke-dasharray:1;stroke-dashoffset:1}
.rv.in .lic-path .chk{stroke-dashoffset:0;transition:stroke-dashoffset .5s 1.3s}
@keyframes lic-trail{0%{stroke-dashoffset:1;opacity:1}4%{stroke-dashoffset:1;animation-timing-function:cubic-bezier(.45,0,.25,1)}42%,80%{stroke-dashoffset:0;opacity:1}92%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes lic-runner{0%{stroke-dashoffset:0;opacity:0}4%{stroke-dashoffset:0;opacity:1;animation-timing-function:cubic-bezier(.45,0,.25,1)}42%{stroke-dashoffset:-1;opacity:1}46%,100%{stroke-dashoffset:-1;opacity:0}}
@keyframes lic-badge{0%,40%,60%,100%{transform:none}46%{transform:scale(1.28)}54%{transform:scale(.92)}}
@keyframes lic-chk{0%,53%,100%{stroke-dashoffset:0}8%,43%{stroke-dashoffset:1}}
/* דף מוצר: השורות נכתבות מחדש, הכפתור נלחץ וקופץ, ונצנוץ בפינה */
.lic-page .spk{opacity:0}
.rv.in .lic-page .ln{animation-name:lic-write}
.lic-page .n2{--dl:.25s}
.rv.in .lic-page .btn{animation-name:lic-press}
.rv.in .lic-page .spk{animation-name:lic-twinkle}
@keyframes lic-write{0%{stroke-dashoffset:0}10%{stroke-dashoffset:-1}10.1%{stroke-dashoffset:1}28%,100%{stroke-dashoffset:0}}
@keyframes lic-press{0%,30%,60%,100%{transform:none}36%{transform:scale(.9,.8)}46%{transform:scale(1.12)}54%{transform:scale(.97)}}
@keyframes lic-twinkle{0%,44%,100%{transform:scale(0);opacity:0}54%{transform:scale(1.3) rotate(45deg);opacity:1}66%{transform:rotate(90deg);opacity:1}80%{transform:scale(0) rotate(135deg);opacity:0}}
/* כרטיס: נוגע במסוף, גלים יוצאים ממנו וברק עובר עליו */
.lic-card .shine{stroke:var(--accent);stroke-width:6;opacity:0}
.lic-card .wv{transform-origin:0 50%}
.rv.in .lic-card .card{animation-name:lic-tap}
.rv.in .lic-card .wv{animation-name:lic-wave}
.lic-card .w2{--dl:.12s}
.rv.in .lic-card .shine{animation-name:lic-shine}
@keyframes lic-tap{0%,4%,60%,100%{transform:none}14%{transform:translate(4px,-1px) rotate(-8deg)}22%,40%{transform:translate(2px,0) rotate(-5deg)}52%{transform:rotate(1.5deg)}}
@keyframes lic-wave{0%,14%{opacity:0;transform:scale(.6)}22%,40%{opacity:1;transform:none}50%,100%{opacity:0;transform:translateX(3px)}}
@keyframes lic-shine{0%,16%{transform:none;opacity:0}20%{opacity:.6}48%,100%{transform:translateX(48px);opacity:0}}
/* גרף: הקו נכתב מחדש, השטח עולה מלמטה, החץ קופץ ומטבע מסתובב מעל השיא */
.lic-chart .area{transform-origin:50% 100%}
.lic-chart .coin{opacity:0}
.rv.in .lic-chart .ln{animation-name:lic-write}
.rv.in .lic-chart .area{animation-name:lic-rise}
.rv.in .lic-chart .up{animation-name:lic-arrow}
.rv.in .lic-chart .coin{animation-name:lic-flip}
@keyframes lic-rise{0%,38%,100%{transform:none;opacity:1}10%{transform:scaleY(.1);opacity:0}30%{transform:scaleY(1.06);opacity:1}}
@keyframes lic-arrow{0%,42%,100%{opacity:1;transform:none}8%,26%{opacity:0;transform:translate(-4px,5px)}34%{opacity:1;transform:translate(1.5px,-2px)}}
@keyframes lic-flip{0%,36%{opacity:0;transform:translateY(8px) scale(.4)}46%{opacity:1;transform:translateY(-3px) scale(1.1)}54%,70%,84%{opacity:1;transform:none}62%{transform:scaleX(-1)}94%,100%{opacity:0;transform:translateY(-4px)}}
/* מייל: המעטפה מתרוממת וחוזרת, התג קופץ והחץ מסתובב סיבוב שלם */
.lic-mail .rot{transform-box:view-box;transform-origin:48px 44px}
.rv.in .lic-mail .env{animation-name:lic-env}
.rv.in .lic-mail .bdg{animation-name:lic-bdg}
.rv.in .lic-mail .rot{animation-name:lic-spin}
@keyframes lic-env{0%,46%,100%{transform:none}10%{transform:translateY(1px) scale(1.02,.96)}24%{transform:translateY(-4px) rotate(-3deg)}38%{transform:rotate(1deg)}}
@keyframes lic-bdg{0%,24%,46%,100%{transform:none}32%{transform:scale(1.22)}40%{transform:scale(.94)}}
@keyframes lic-spin{0%,28%{transform:none;animation-timing-function:cubic-bezier(.6,0,.3,1)}62%,100%{transform:rotate(-360deg)}}
@media (max-width:900px){.pain-cols .lic{width:60px;height:60px}}
@media (max-width:1023px){.gi-badge .lic{width:50px;height:50px}}
@media (prefers-reduced-motion:reduce){.lic *{animation:none!important;transition:none!important}.lic .l,.lic .a,.lic-path .chk{stroke-dashoffset:0}.lic .f,.lic .pop{opacity:1;transform:none}.lic .coin,.lic .sp,.lic .dot,.lic .trail,.lic .spk,.lic .shine{display:none}}

/* ===== כותרת (8.10, רועי): לוגו מימין, "שנדבר?" משמאל, המבורגר מתחת ל-1100. הלוגו מתחלף לגרסה הכהה כשהמסך בהיר ===== */
body.lp.is-light .lp-hd .logo .on-dark{opacity:0}
body.lp.is-light .lp-hd .logo .on-light{opacity:1}
body.lp.nv-open .lp-hd .logo .on-dark{opacity:0}
body.lp.nv-open .lp-hd .logo .on-light{opacity:1}
.lp-hd .nv-toggle{width:44px;justify-content:center;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);background:color-mix(in srgb,var(--bg) 40%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body.nv-open .lp-hd .nv-toggle{border-color:var(--light-line);background:transparent}
@media (max-width:1100px){.lp-hd .nv-toggle{display:inline-flex}}
.lp-menu .nv-link{font-size:clamp(36px,8vw,72px);gap:14px}
.lp-menu .nv-link .mono{font-family:var(--body);font-size:14px;font-weight:500;letter-spacing:.08em}
body.nv-open .lp-menu .nv-link:nth-child(6){transition-delay:.53s}
.lp-menu .nv-foot{align-items:center;margin-top:5vh}
.lp-menu .nv-foot .pill{background:var(--light-ink);color:var(--light);min-height:52px}
.lp-menu .nv-wa{color:var(--light-ink);text-decoration:underline;text-underline-offset:4px}
body.nv-open .dock,body.nv-open .mcta{opacity:0;pointer-events:none}
/* כשהלוגו מונפש (js/logo-anim.js מחליף את התמונה ב-SVG), מחליפים רק את הלבן של Nissim בכהה — אותו כלל כמו בפוטר, והאנימציה נשמרת */
.lp-hd .logo>svg.la{grid-area:1/1}
.lp-hd .logo svg.la~img.on-light{display:none}
.lp-hd .la [fill="white"]{transition:fill .45s var(--ease)}
body.lp.is-light .lp-hd .la [fill="white"],body.lp.nv-open .lp-hd .la [fill="white"]{fill:var(--light-ink)}

/* התיאור בפתיחה כולו בצבע אחד (8.10.2026) */
.lp .hero .lead .lead-b{color:var(--ink)}

/* ===== הפתיחה היא כרטיס סגור והגליל מתחתיו (8.10.2026, רועי: "כדאי להפריד בין האיזורים ושהקרוסלה לא תעלה על היד") ===== */
/* הכרטיס: פינות עגולות למטה, היד נחתכת בקצה התחתון שלו בכל רוחב, בלי דהייה בנייד */
.lp .hero{overflow:clip}
@media (min-width:768px){.lp .hero{overflow:clip}}
.lp .hero-bg{clip-path:inset(0 0 0 0 round 0 0 clamp(24px,3vw,44px) clamp(24px,3vw,44px))}
@media (max-width:767px){.lp .hand-shot{-webkit-mask:none;mask:none}}
/* היד ממשיכה מתחת לקצה הכרטיס לאורך כל הפרלקס (רועי 8.10: "זה לא תקין" על תחתית תמונה שעלתה מעל הקצה):
   בנייד התמונה כמעט ריבועית ועולה 30% מגובהה, ולכן היא שקועה 34% מתחת לקצה. והכרטיס כולו נחתך בצורתו, כדי שהיד לא תגלוש מעבר לדופן הצדדית */
@media (max-width:767px){.lp .hero-show{margin-bottom:calc(var(--hw) * -.34)}}
.lp .hero{clip-path:inset(0 0 0 0 round 0 0 clamp(24px,3vw,44px) clamp(24px,3vw,44px))}
/* הגליל באזור משלו: בלי עלייה על הפתיחה ובלי המשך המסגרת הכהה מתחתיו */
.lp .works-band{margin-top:0;padding-top:var(--sec)}
.lp .wb-bg{display:none}
@media (max-width:767px){.lp .works-band{margin-top:0}}

/* ===== הצורות נופלות לפוטר (8.10.2026, רועי: "זה קורה בצורה נהדרת פה, תשחזר אחד לאחד" — liavmatzri.co.il) =====
   רצועה בראש הפוטר שהרצפה שלה היא הקצה התחתון. הצורות נופלות מאחורי הקצה המעוגל של העמוד, נוחתות, מתגלגלות, ואפשר לגרור ולזרוק אותן. הפיזיקה ב-stores-v2.js */
/* רועי 8.10: "שיפול למטה איפה שהלוגו, ויכול ללכלך — להגדיל את הצורות ושיפלו אחת על השנייה": הרצפה היא הקצה העליון של הלוגו, כמו אצל ליאב, והצורות גדולות ונערמות */
.lp .lp-foot .toys{position:absolute;top:0;inset-inline:var(--pad-x);height:40%;pointer-events:none;z-index:2;--ts:clamp(84px,11vw,180px)}
.lp .lp-foot .toy{position:absolute;top:0;left:0;width:var(--ts);aspect-ratio:1;pointer-events:auto;touch-action:none;cursor:grab;will-change:transform;visibility:hidden}
.lp .lp-foot .toy.drag{cursor:grabbing}
.lp .lp-foot .rvf-hint{opacity:.75}
@media (max-width:767px){.lp .lp-foot .rvf-hint{display:none}}
/* הסמליל על כרטיס הטופס מסתובב כל הזמן (רועי 8.10: "שהוא יסתובב קבוע") */
.lp .cf-shp img{animation:cf-spin 16s linear infinite}
@keyframes cf-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lp .cf-shp img{animation:none}}

/* ===== פרטי הקשר עברו מתחת לטופס, והפוטר בלי תפריטים (8.10.2026, רועי: "בגלל שזה מפריע לתפריטים, להוריד את התפריטים מהפוטר... רק את האייקונים של המייל ושל הטלפון, ואת הרשתות החברתיות") ===== */
.lp .c-soc{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:calc(clamp(32px,4vw,56px) * -1 + 24px)}
.lp .c-soc a{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);color:var(--ink);transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.lp .c-soc a:hover,.lp .c-soc a:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}
.lp .c-soc svg{width:20px;height:20px}
/* בלי התפריטים הפוטר נשאר בגובה שמחזיק את ערימות הצורות מעל הלוגו */
/* הפוטר כמו אצל ליאב (רועי 8.10: "זה צריך להתנהג בדיוק כמו אצל ליאב מצרי, וגם את התפריט תעשה כמו שהוא עשה"):
   הצורות, לוגו ענק שהצורות נוחתות עליו, שורת קישורים אחת עם הרשתות, ושורה תחתונה. גובר על הקטנת הפוטר והמרכוז מ-7.10 */
.lp .lp-foot{min-height:64vh;align-content:end;gap:28px;padding:40px var(--pad-x)}
.lp .lp-foot-logo{width:100%;max-width:1100px;height:auto;justify-self:start}
.lp .lp-foot .rvf-cols{font-size:15px}
.lp .lp-foot .rvf-cols a{color:var(--light-ink);text-decoration:none}
.lp .lp-foot .rvf-cols a:hover{color:var(--accent)}
.lp .lp-foot .ft-soc{display:inline-flex;gap:8px;margin:0}
.lp .lp-foot .ft-soc a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--light-line);color:var(--light-ink)}
.lp .lp-foot .ft-soc a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.lp .lp-foot .rvf-legal{display:inline-flex;flex-wrap:wrap;gap:18px}
.lp .lp-foot .rvf-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.8}
.lp .lp-foot .rvf-legal a:hover{opacity:1}
/* מתחת לטופס: טלפון ומייל עם אייקון וטקסט */
.lp .c-soc{gap:12px 28px}
.lp .c-soc a{width:auto;height:auto;border:0;border-radius:0;display:inline-flex;align-items:center;gap:10px;padding:6px 2px;color:var(--ink);background:none;font-size:var(--fs-body)}
.lp .c-soc a:hover,.lp .c-soc a:focus-visible{background:none;color:var(--accent);transform:none}

/* פס ההמלצות בנייד (רועי 8.10.2026: "שהחוויה של הקרוסלה תהיה טובה יותר"): הכרטיס הראשון מתחיל במרכז, הכרטיס שבמרכז בגודל מלא והשכנים קטנים ועמומים לפי המרחק (--k מ-stores-v2.js), וקו סגול מתחת מתמלא לפי הגלילה */
.cs.flat .cs-cards{padding-inline:calc((100% - min(62vw,230px))/2)}
.cs.flat .cs-card{transform:scale(calc(1 - var(--k,0) * .12));opacity:calc(1 - var(--k,0) * .5);transition:none}
.cs-prog{display:block;position:relative;width:min(180px,46vw);height:2px;margin:0 auto 48px;background:var(--line);border-radius:2px;overflow:hidden}
.cs-prog i{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:100% 50%}
.cs.flat .cs-cards{padding-bottom:24px}
@media (max-width:767px){.lp .lp-foot{min-height:60vh;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.lp .lp-foot .toys{height:auto}}

/* צורות בשולי הפתיחה (ענת, רועי אישר 8.10.2026: "שלא יגנבו את הפוקוס").
   שלוש צורות בשטח הריק שמשני צידי הכותרת, נחתכות בקצה המסך, מעט מחוץ לפוקוס, מרחפות לאט וזזות החוצה בגלילה (stores-v2.js).
   שלוש שכבות: .hsp לגלילה, .hsp-in לכניסה, img לריחוף. */
.lp .hero-copy{position:relative;z-index:1}
.lp .hero-shapes{position:absolute;inset:0;z-index:0;pointer-events:none}
.lp .hsp{position:absolute;display:block;opacity:0}
.lp .hsp-in{display:block}
.lp .hsp img{display:block;width:100%;height:auto;rotate:var(--r);animation:hsp-float var(--d,9s) ease-in-out infinite;user-select:none}
@keyframes hsp-float{50%{translate:0 -10px;rotate:calc(var(--r) + 4deg)}}
.lp .hsp-coil{--r:16deg;--d:10s;width:clamp(150px,14vw,240px);top:clamp(88px,8.4vw,140px);right:0;translate:38% 0;filter:blur(2px)}
.lp .hsp-cloud{--r:-8deg;--d:12s;width:clamp(170px,17vw,290px);top:clamp(380px,33vw,560px);left:0;translate:-40% 0;filter:blur(2px)}
.lp .hsp-ball{--r:0deg;--d:8s;width:clamp(54px,4.6vw,84px);top:clamp(200px,16.5vw,280px);left:6vw;filter:blur(4px)}
.lp .hsp-ball img{opacity:.7}
.lp .hsp-cloud img{animation-delay:-4s}
.lp .hsp-ball img{animation-delay:-2s}
@media (max-width:767px){
  .lp .hsp-ball{display:none}
  .lp .hsp-coil{width:104px;top:64px;translate:46% 0}
  .lp .hsp-cloud{width:132px;top:auto;bottom:20%;translate:-46% 0}
}
@media (prefers-reduced-motion:reduce){.lp .hsp{opacity:1}.lp .hsp img{animation:none}}

/* המחשבון, סבב 8.10.2026 (ענת, רועי אישר): התוצאה בכרטיס כהה של המותג, המספרים בלי קופסאות, שאלה אחת מעל הכפתורים, בלי הכתמים ברקע */
.lp .calc-stage::before{display:none}
.lp .cc-out{--ink:#F0E9DD;--ink-2:#E3DACB;--grey:#A8A4C4;--line:rgba(240,233,221,.16);--pill:#F0E9DD;--pill-ink:#1C1A33;
  background:radial-gradient(ellipse 80% 60% at 50% 45%,rgba(127,101,251,.22),rgba(127,101,251,0) 70%),#1C1A33;
  box-shadow:0 40px 80px -40px rgba(28,26,51,.55);color:var(--ink)}
.lp .cc-out::before{background:radial-gradient(ellipse 70% 40% at 82% 0%,rgba(240,233,221,.08),rgba(240,233,221,0) 70%)}
.lp .cc-out .cc-res{margin-block:auto}
.lp .cc-out .cc-act{margin-top:0;border-top-color:rgba(240,233,221,.14)}
.lp .cc-in .cc-top output{min-width:0;min-height:0;padding:0;border-radius:0;background:none;box-shadow:none}
.lp .cc-up{row-gap:16px}
.lp .cc-upq{flex-basis:100%;font-size:var(--fs-lead);line-height:1.28;color:var(--ink)}
@media (max-width:767px){.lp .cc-in .cc-top output{min-width:0;min-height:0}}

/* התוויות באנגלית בראש כל אזור ("03 / Losses") ירדו בכל הדף (רועי 8.10.2026). המקום שלהן נשמר, כדי שהמרווחים בין האזורים לא יזוזו */
.lp .sec-head{visibility:hidden}

/* המחשבון בטלפון בפולד אחד (רועי 8.10.2026: "שברגע שמשנים את המספרים, יוכלו לראות את התוצאה"). השאלה והמספר באותה שורה, בלי "שלב 1/2", ריווחים הדוקים, הגופנים לא זזו */
@media (max-width:767px){
  .lp .calc-cards{row-gap:12px}
  .lp .cc-card{padding:20px;gap:16px}
  .lp .cc-card .cc-step{display:none}
  .lp .cc-title{margin-top:0}
  .lp .cc-in .cc-field{gap:0}
  .lp .cc-in .cc-top{flex-wrap:nowrap;align-items:center;gap:12px}
  .lp .cc-in .cc-top label{flex:1 1 auto;min-width:0}
  .lp .cc-in input[type=range]{height:36px}
  .lp .cc-in .cc-up{padding-top:16px;row-gap:8px}
  .lp .cc-out .cc-res{gap:8px}
  .lp .cc-out .cc-act{padding-top:16px;gap:8px}
}

/* "אני מאפיין מעצב מפתח" — מכחול סגול שצובע את המשפט מימין לשמאל, עם קצה זוהר, ואז נשימת זוהר אחת */
.lp .ab2 .ab-text p.paint{color:var(--ink);background:linear-gradient(270deg,#7F65FB 0%,#9d86ff 30%,#b9a8ff 39%,#fff 44%,#cfc3ff 47%,currentColor 53%,currentColor 100%) 0 0/260% 100% no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-block:.08em}
.lp .ab2 .ab-text p.paint.in{animation:ab-paint 1.6s cubic-bezier(.65,0,.25,1) .45s forwards,ab-glow 1.4s ease-out 1.85s}
@keyframes ab-paint{to{background-position:100% 0}}
@keyframes ab-glow{0%{filter:drop-shadow(0 0 0 rgba(127,101,251,0))}35%{filter:drop-shadow(0 0 14px rgba(127,101,251,.75))}100%{filter:drop-shadow(0 0 0 rgba(127,101,251,0))}}
@media (prefers-reduced-motion:reduce){.lp .ab2 .ab-text p.paint{background-position:100% 0;animation:none!important}}

/* אייקוני הרשתות בפוטר: הלוגואים האמיתיים בצבעים של כל רשת (8.10.2026, רועי: "האייקונים האמיתיים, צבעוניים") */
.ft-soc a,.lp .lp-foot .ft-soc a{border:0;overflow:hidden;background:none;padding:0}
.ft-soc a svg,.lp .lp-foot .ft-soc a svg{width:100%;height:100%;display:block}
.ft-soc a:hover,.ft-soc a:focus-visible,.lp .lp-foot .ft-soc a:hover{background:none;border:0;transform:translateY(-2px)}
/* ברק על כל מילה מודגשת בסגול בכותרות, בכל העמודים (רועי 8.10: "אנימציה עדינה אך מבריקה לסגול בכותרת", ואז "תוסיף את זה בכל חלקי משפט בכותרות שצריכות הדגשה").
   כשהכותרת עולה, פס אור לבן עובר על המילה מימין לשמאל כמו כיוון הקריאה, עם הילה סגולה רכה ברגע המעבר. חוזר כל 7 שניות.
   מתחיל רק כשהכותרת נכנסת למסך (המחלקה in), וכל שורה בכותרת מקבלת אותו קצת אחרי הקודמת */
.lp .t-lines .hl{color:var(--accent);background:linear-gradient(105deg,var(--accent) 0 41%,#d9d0ff 47%,#fff 50%,#d9d0ff 53%,var(--accent) 59% 100%) 0 0/300% 100% no-repeat;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp .t-lines.in .hl{animation:hl-glint 7s cubic-bezier(.45,0,.2,1) 1.2s infinite}
.lp .t-lines.in .line:nth-child(2) .hl{animation-delay:1.55s}
.lp .t-lines.in .line:nth-child(3) .hl{animation-delay:1.9s}
.lp .t-lines.in .line:nth-child(n+4) .hl{animation-delay:2.25s}
@keyframes hl-glint{0%{background-position:0 0;filter:drop-shadow(0 0 0 rgba(127,101,251,0))}
  9%{filter:drop-shadow(0 0 .22em rgba(127,101,251,.6))}
  18%,100%{background-position:100% 0;filter:drop-shadow(0 0 0 rgba(127,101,251,0))}}
@media (prefers-reduced-motion:reduce){.lp .t-lines .hl{animation:none!important;background:none;-webkit-text-fill-color:currentColor}}

/* צור קשר בעמוד הבית (9.10.2026, רועי לפי רפרנס ליאב מצרי): פסקה מתחת לכותרת, כותרות גלויות מעל השדות, ושאלת "איך הגעת אליי" בכפתורים */
.lp .contact .c-intro{max-width:34em;margin-top:calc(-1 * clamp(16px,2vw,32px))}
.lp .contact .c-lead{font-size:var(--fs-lead,20px);line-height:1.5;color:var(--ink);margin:0}
.lp .contact .c-note{font-size:var(--fs-meta,14px);color:var(--grey);margin:10px 0 0}
.lp .c2 .ff-row{align-items:end}
.lp .c2 .ff-field label{display:block;padding-inline:26px;margin-bottom:8px;font-size:16px;line-height:1.3;color:var(--ink)}
.lp .ff-src{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:4px}
.lp .ff-src-l{padding-inline:26px 0;font-size:16px;color:var(--ink)}
.lp .ff-src-l span{margin-inline-start:8px;font-size:13px;color:var(--grey)}
.lp .ff-chips{display:flex;flex-wrap:wrap;gap:10px}
.lp .ff-chips label{position:relative;cursor:pointer}
.lp .ff-chips input{position:absolute;opacity:0;width:1px;height:1px}
.lp .ff-chips span{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1px solid rgba(240,233,221,.22);border-radius:999px;font-size:16px;color:var(--ink);transition:border-color .2s,background .2s,color .2s}
.lp .ff-chips label:hover span{border-color:var(--accent);background:rgba(127,101,251,.12)}
.lp .ff-chips input:checked+span{border-color:var(--accent);background:var(--accent);color:#fff}
.lp .ff-chips input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
@media (max-width:767px){
  .lp .c2 .ff-field label{padding-inline:22px}
  .lp .ff-src-l{padding-inline:22px 0;flex-basis:100%}
  .lp .ff-chips{gap:8px}
  .lp .ff-chips span{min-height:44px;padding:0 18px;font-size:15px}
}

/* צור קשר מהודק (9.10.2026, רועי: "שיתפוס פחות מקום וייראה יותר מהודק בשפה העיצובית"): במחשב טקסט מימין וטופס משמאל, בטלפון טור אחד */
.lp .contact .c-split .c-side h2{font-size:var(--fs-h2);text-wrap:balance;margin:0}
.lp .contact .c-split .c-intro{margin-top:0}
.lp .c-split .c-form{padding:clamp(26px,3vw,44px) clamp(20px,3vw,44px)}
.lp .c-split .ff{gap:12px}
.lp .c-split .ff-field input:not([type=checkbox]){height:52px;font-size:17px}
.lp .c-split .ff-field textarea{min-height:0;padding:14px 26px;border-radius:26px;font-size:17px}
.lp .c-split .ff-field label{padding-inline:20px;margin-bottom:6px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp .c-split .ff-chips{gap:8px}
.lp .c-split .ff-chips span{min-height:40px;padding:0 15px;font-size:15px}
.lp .c-split .ff-go{margin-top:8px}
.lp .c-split .ff-go .pill{min-height:56px}
@media (min-width:1200px){
  .lp .contact .inner.c2.c-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);justify-items:stretch;align-items:center;text-align:start;column-gap:clamp(48px,5vw,96px)}
  .lp .c-split .c-side{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
  .lp .c-split .c-intro{max-width:30em}
  .lp .c-split .c-soc{grid-column:2}
  .lp .c2.c-split .c-form{max-width:none}
}
@media (max-width:1199px){
  .lp .contact .inner.c2.c-split{row-gap:20px}
  .lp .c-split .c-side{display:contents}
  .lp .c-split .c-form{order:1;margin-top:40px}
  .lp .c-split .c-soc{order:2;margin-top:4px}
}
@media (max-width:767px){
  .lp .c-split .c-form{padding-top:64px}   /* הצורה בפינת הכרטיס עלתה על "איך קוראים לך?" בטלפון */
}