/* ============================================================
   SHWADRON.AI — מערכת העיצוב
   ------------------------------------------------------------
   כהה, מינימליסטי, טיפוגרפיה ענקית ומרווחים גדולים. הצבע היחיד
   שמדגיש הוא הטורקיז, וכל השאר הוא רקע כהה, טקסט בהיר וקווים דקים.

   העקרונות שאסור לשבור:
   · צבע הדגשה אחד. אין גרדיאנטים, אין כרטיסים עם פס צבע בצד,
     אין צללים כבדים ואין תמונות סטוק של אנשים.
   · אייקונים רק כקו דק בצבע ההדגשה, ורק כשאין להם טקסט לצידם.
   · הדף נבנה מהנייד כלפי מעלה. רוב התנועה מגיעה מסטטוסים.
   · כל רכיב לחיץ הוא a או button אמיתיים, בגובה 48 פיקסלים ומעלה.
   ============================================================ */

:root{
  --bg:#0A0A0B;         /* רקע ראשי */
  --bg-2:#0E0E10;       /* רקע מקטע חלופי */
  --card:#141416;       /* כרטיסים */
  --line:#26262B;       /* גבולות כרטיס */
  --line-soft:#1C1C1F;  /* מפרידי מקטעים */
  --ink:#F4F4F1;        /* טקסט ראשי */
  --ink-2:#C8C8CC;      /* טקסט משני */
  --muted:#A1A1A6;      /* טקסט עמום, עובר ניגודיות 4.5:1 על הרקע */
  --dim:#6B6B72;        /* רק לטקסט ענק, 24px ומעלה */
  --accent:#3EE6B0;     /* צבע ההדגשה היחיד */
  --accent-ink:#0A0A0B; /* טקסט על גבי ההדגשה */
  --light-bg:#F4F4F1;   /* מקטע המעסיקים בלבד */
  --light-ink:#0A0A0B;
  --light-muted:#55555B;
  --light-line:#DEDED8;
  --live:#FF5A4E;       /* רק לנקודת LIVE */
  --wrap:1200px;
  --pad:24px;
  --sec:clamp(80px,10vw,120px);
}

*{margin:0;padding:0;box-sizing:border-box}
/* גלילה חלקה רק אחרי שהדף נטען. כשהיא דולקת כבר בטעינה, הדפדפן
   מתחיל לגלול אל העוגן שבכתובת בזמן שהתמונות עוד נכנסות, הפריסה
   זזה תחתיו והגלילה נקטעת באמצע. התוצאה: קישור אל #buy נוחת בראש
   הדף. shw-nav.js קופץ ליעד מיידית ורק אז מדליק את המחלקה. */
html.smooth-ok{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);direction:rtl;
  font-family:'Heebo',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-weight:400;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--ink);text-decoration:none}
a:hover{color:#fff}
[hidden]{display:none!important}
::selection{background:var(--accent);color:var(--accent-ink)}

/* טבעת פוקוס שנראית על רקע כהה ועל רקע בהיר */
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}

.skip{position:absolute;right:-9999px;top:0;z-index:200;background:var(--accent);
  color:var(--accent-ink);padding:12px 20px;font-weight:800}
.skip:focus{right:12px;top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* מספרים ומותג נשארים משמאל לימין בתוך טקסט עברי */
.ltr{direction:ltr;unicode-bidi:isolate}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.sec{padding-block:var(--sec);border-top:1px solid var(--line-soft)}
.sec-2{background:var(--bg-2)}
.stack{display:flex;flex-direction:column;gap:clamp(32px,5vw,56px)}

/* ── טיפוגרפיה ───────────────────────────────────────────── */
.display,h1,h2,h3{font-family:'Karantina','Heebo',sans-serif;font-weight:700;letter-spacing:-.01em}
h1,.h-hero{font-size:clamp(72px,13vw,200px);line-height:.86}
/* הכותרת הראשית צועקת בכל מסך: מתמלאת לכ-90% מרוחב התוכן, עד 200px במחשב.
   --fit נקבע בכל עמוד לפי אורך השורה הארוכה בכותרת */
h1[style*="--fit"]{font-size:clamp(56px,calc((min(100vw,var(--wrap)) - 2*var(--pad))*var(--fit)),200px)}
/* כותרת ארוכה מדי לטלפון: .m-line יורדת לשורה משלה, ו---fit-m מחליף את --fit */
@media (max-width:600px){
  h1[style*="--fit-m"]{font-size:clamp(56px,calc((100vw - 2*var(--pad))*var(--fit-m)),200px)}
  h1 .m-line{display:block}
}
h2,.h-sec{font-size:clamp(56px,8vw,120px);line-height:.92}
.h-sm{font-size:clamp(48px,7vw,104px);line-height:.92}
/* כותרות המשנה בתוך כרטיסים הן Heebo, לא Karantina */
h3.card-title,.card-title{font-family:'Heebo',sans-serif;font-weight:700;font-size:21px;
  line-height:1.3;letter-spacing:0}
.lead{font-size:clamp(18px,2.2vw,22px);line-height:1.6;color:var(--ink-2);max-width:66ch}
.body{font-size:17px;line-height:1.65;color:var(--muted);max-width:66ch}
.small{font-size:15px;color:var(--muted)}
.ghost{color:var(--dim)}
.on-accent{color:var(--accent)}

/* תווית מקטע ממוספרת */
.eyebrow{font-family:'Heebo',sans-serif;font-size:14px;font-weight:700;
  letter-spacing:.14em;color:var(--accent)}

/* ── כפתורים ─────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:'Heebo',sans-serif;font-weight:700;font-size:17px;
  padding:16px 32px;min-height:56px;border:0;border-radius:999px;cursor:pointer;
  transition:background .18s,color .18s,border-color .18s}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{background:#56EFC0;color:var(--accent-ink)}
.btn-light{background:var(--ink);color:var(--bg)}
.btn-light:hover{background:#fff;color:var(--bg)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid #3A3A40;font-weight:500}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-sm{font-size:15px;padding:12px 22px;min-height:48px}
.btn-block{width:100%}

/* ── כותרת עליונה ────────────────────────────────────────── */
.site-head{position:sticky;top:0;z-index:40;background:rgba(10,10,11,.88);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:16px;padding-block:16px}
/* הלוגו. הקובץ לבן על רקע שקוף, ולכן הוא יושב כמו שהוא על הרקע הכהה */
.brand{display:inline-flex;align-items:center}
.brand img{height:38px;width:auto}
.brand-foot{height:28px;width:auto;opacity:.75}
.site-nav{display:flex;flex-wrap:wrap;gap:28px;font-size:15px;color:var(--muted)}
.site-nav a{color:var(--muted)}
.site-nav a:hover{color:var(--ink)}
/* קישור למסלול אחר בתוך הניווט: בולט מעט, כי זה המעבר שהכי
   חסר לגולש ולא כדאי שייבלע בין עוגנים פנימיים */
.site-nav a.nav-x{color:var(--ink-2)}
.site-nav a.nav-x:hover{color:var(--accent)}

/* ── תפריט מובייל ─────────────────────────────────────────
   הכפתור והלוח נבנים ב-shw-nav.js מתוך ה-nav שכבר קיים בדף.
   בדסקטופ שניהם מוסתרים וה-nav הרגיל מוצג כרגיל. */
.nav-toggle{display:none;width:44px;height:44px;flex:0 0 auto;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
  background:transparent;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;
  transition:transform .2s ease,opacity .2s ease}
.site-head.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-head.nav-open .nav-toggle span:nth-child(2){opacity:0}
.site-head.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-panel{display:none;border-top:1px solid var(--line-soft);
  background:rgba(10,10,11,.97);backdrop-filter:blur(12px)}
.nav-panel[hidden]{display:none}
.nav-panel .site-nav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;
  padding:8px var(--pad, 20px) 16px;font-size:17px}
.nav-panel .site-nav a{display:block;padding:14px 0;color:var(--ink-2);
  border-bottom:1px solid var(--line-soft)}
.nav-panel .site-nav a:last-child{border-bottom:0}
.nav-panel .site-nav a.nav-x{color:var(--ink);font-weight:700}

/* ── רצועת מספרים ────────────────────────────────────────── */
.figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:0 32px;border-top:1px solid #1F1F23;border-bottom:1px solid #1F1F23}
/* בלי מרווח בין התאים שני מספרים סמוכים נראים כמספר אחד */
.figures>div{padding-block:28px;display:flex;flex-direction:column;gap:4px;min-width:0;
  align-items:center;text-align:center}
/* ספרות ב-Heebo ולא ב-Karantina: בגופן הצר 8 נראה כמו 0 */
.fig{font-family:'Heebo',sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(44px,5.5vw,60px);line-height:1}
.fig-label{font-size:15px;color:var(--muted)}
/* מספר עם + נכתב משמאל לימין, אבל חייב להתיישר לימין כמו התווית שלו, אחרת הוא נצמד למספר של התא הסמוך */
.fig.ltr,.step-n.ltr{text-align:right}

/* ── כרטיסים ─────────────────────────────────────────────── */
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;
  padding:36px 32px;display:flex;flex-direction:column;gap:24px}
.card.is-featured{border:1.5px solid var(--accent);position:relative}
/* המסלול המומלץ בדף העסקים. מסומן אחרת מ-is-featured כדי ששני
   הסימונים לא יתחרו: אחד אומר ״מכאן מתחילים״ והשני ״זה המקיף ביותר״ */
.card.is-recommended{border:1.5px solid var(--accent);position:relative;
  background:linear-gradient(180deg,rgba(45,212,191,.06),transparent 220px)}

/* מחיר בדף העסקים. מוצג לפני מע״מ, בניגוד לשאר האתר, כמקובל מול
   לקוח עסקי. ההחלטה מתועדת ב-CLAUDE.md */
.biz-price{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.biz-price b{font-family:'Heebo',sans-serif;font-size:34px;font-weight:800;line-height:1}
.biz-price>span{font-size:16px;color:var(--muted);font-weight:600}
.biz-price-what{margin-top:8px;font-size:14px;color:var(--ink-2);line-height:1.6}
.biz-price-fine{margin-top:4px;font-size:13px;color:var(--muted)}
.biz-price + .btn{margin-top:16px}
/* הטקסט לבן ולא accent-ink: בערכת הצבעים הבהירה של דפי המכירה הטורקיז
   כהה, וכהה על כהה נתן יחס ניגודיות 3.40 בטקסט של 13px. לבן נותן 4.85
   ועובר את סף AA. */
.card-flag{position:absolute;top:-14px;right:28px;background:var(--accent);color:#fff;
  font-size:13px;font-weight:800;padding:6px 14px;border-radius:999px}
/* גרסה שקטה לתווית שנייה, כדי ששני סימונים על אותו מסך לא יתחרו.
   הרקע אטום ולא שקוף: התווית יושבת על גבול הכרטיס, ועם רקע שקוף הקו
   של המסגרת עבר מאחוריה ונראה כמו פס שחוצה אותה באמצע. */
.card-flag.is-quiet{background:var(--card);color:var(--accent);
  border:1px solid var(--accent);font-weight:700}
.card-kicker{font-size:14px;font-weight:500;color:var(--muted)}
.card-name{font-family:'Karantina','Heebo',sans-serif;font-weight:700;
  font-size:clamp(56px,8vw,72px);line-height:.9}
.card-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:20px}
.card-mini>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.card-mini .fig{font-size:36px}
.card-mini .fig-label{font-size:13px}
.ticks{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:16px;color:var(--ink-2)}
.ticks li{display:flex;gap:10px}
.ticks li::before{content:"✓";color:var(--accent);font-weight:800;flex-shrink:0}
.card-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px}
.card-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.card-price b{font-size:28px;font-weight:800}
.card-price span{font-size:14px;color:var(--muted)}
.card-price .when{color:var(--accent);font-weight:500}

.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch}
.grid-3{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.rule-top{border-top:2px solid var(--ink);padding-top:20px;display:flex;flex-direction:column;gap:12px}

/* ── טבלת השוואה ─────────────────────────────────────────── */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.tbl{width:100%;min-width:760px;border-collapse:collapse;font-size:16px;text-align:right}
.tbl thead tr{background:var(--card)}
.tbl th,.tbl td{padding:18px 20px}
.tbl thead th{font-weight:800;font-size:18px}
.tbl tbody tr{border-top:1px solid var(--line)}
.tbl tbody th{color:var(--muted);font-weight:500}
.tbl tbody td{color:var(--ink-2)}
.tbl .col-accent{color:var(--accent)}

/* ── שלבים ממוספרים ──────────────────────────────────────── */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.step{padding:32px 0 32px 24px;border-top:1px solid #3A3A40;display:flex;flex-direction:column;gap:14px}
.step:first-child{border-top-color:var(--ink)}
.step-n{font-family:'Karantina','Heebo',sans-serif;font-weight:700;font-size:64px;line-height:1;color:var(--dim)}
.step:first-child .step-n{color:var(--accent)}

/* ── מקטע המעסיקים, הבהיר היחיד ──────────────────────────── */
.light{background:var(--light-bg);color:var(--light-ink)}
.light .eyebrow{color:#0B7A5A}
.light .body,.light .small{color:var(--light-muted)}
.light .ghost{color:#6B6B72}
/* בלוק בתוך מקטע בהיר: גבול וטקסט כהים, אחרת הכתב נבלע ברקע */
.light .biz-note{border-color:var(--light-line)}
.light .ticks{color:var(--light-ink)}
.light .ticks li::before{color:#0B7A5A}
.light .card-title{color:var(--light-ink)}
.quote-card{background:#fff;border:1px solid var(--light-line);border-radius:24px;
  padding:36px;display:flex;flex-direction:column;gap:24px}
.quote-card blockquote{font-size:24px;line-height:1.5;font-weight:500}
.quote-card figcaption{font-size:15px;color:var(--light-muted)}
.logos{display:flex;flex-wrap:wrap;gap:14px 36px;align-items:center}
.logos img{height:34px;width:auto;opacity:.85}
.cta-box{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;
  background:var(--bg);color:var(--ink);border-radius:24px;padding:32px 36px}
.cta-box b{font-size:24px;font-weight:800}
.cta-box p{font-size:16px;color:var(--muted);margin-top:6px}

/* כמה ימים עד הפתיחה. נבנה מהתאריך האמיתי של המחזור ולכן מופיע
   רק כשיש תאריך והוא עוד לא עבר */
.buy-urgency{display:inline-flex;align-items:center;gap:7px;margin-top:10px;
  padding:5px 12px;border-radius:999px;font-size:14px;font-weight:700;
  color:var(--accent-ink);background:var(--accent)}
.buy-urgency::before{content:"";width:7px;height:7px;border-radius:50%;
  background:currentColor;opacity:.8}

/* הודעת הפסקה בלוח המפגשים: מסבירה חור של שבועיים בין תאריכים */
.lesson-break{display:flex;align-items:center;gap:10px;margin:4px 0 18px;
  font-size:14px;color:var(--muted)}
.lesson-break::before,.lesson-break::after{content:"";flex:1;height:1px;background:var(--line)}

/* ── בחירה מהירה בדף הבית ─────────────────────────────────
   שלוש אמירות של הגולש. הוא מזהה את שלו ולוחץ. הציטוט הוא
   המשפט שהוא היה אומר, ולכן הוא קודם לשם של המסלול. מכוון
   להיראות שונה מכרטיסי המסלול שמתחתיו: בלי רקע מלא, עם קו מדגיש
   בצד. אחרת הגולש רואה את אותם שלושה שמות פעמיים ברצף וחושב
   שהוא קורא את אותו דבר. */
.pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.pick{display:flex;flex-direction:column;gap:5px;padding:16px 18px;
  background:transparent;border:1px solid var(--line);border-radius:14px;
  border-inline-start:3px solid var(--accent);color:inherit;
  transition:background .2s ease,border-color .2s ease}
.pick:hover{background:var(--card)}
.pick-say{font-size:16px;line-height:1.45;color:var(--ink-2)}
.pick b{font-family:'Heebo',sans-serif;font-size:19px;font-weight:800;color:var(--accent)}
.pick-meta{font-size:13px;color:var(--muted)}

/* ── סיפור לקוח ───────────────────────────────────────────
   מבנה אחיד לכל סיפור ב-cases.html: מי, מה עשינו, מה נבנה בשם,
   ומה אמרו. ״מה נבנה״ הוא החלק שמוכר, ולכן הוא מודגש. */
.case{display:flex;flex-direction:column;gap:18px;padding:34px 30px;
  background:var(--card);border:1px solid var(--line);border-radius:22px}
.case-head{display:flex;flex-direction:column;gap:6px}
.case-who{font-size:14px;color:var(--muted);letter-spacing:.02em}
.case-title{font-family:'Heebo',sans-serif;font-size:clamp(25px,3vw,34px);
  font-weight:800;line-height:1.15}
.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.case-label{font-size:13px;font-weight:800;color:var(--accent);letter-spacing:.04em}
.case-col{display:flex;flex-direction:column;gap:6px}
/* ״מה נבנה״ כשבבים ולא כרשימת נקודות. זה החלק שהגולש סורק, והוא
   צריך להיראות כמו דברים שאפשר לקחת ולא כמו עוד פסקה. */
.built-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.built-chips li{display:inline-flex;align-items:center;gap:9px;
  padding:11px 16px;border-radius:999px;font-size:15px;font-weight:600;color:var(--ink);
  background:color-mix(in srgb,var(--accent) 9%,transparent);
  border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}
.built-chips svg{flex:0 0 auto;width:17px;height:17px;color:var(--accent)}

/* מספר הסיפור, גדול ודהוי, נותן קצב לעמוד שהוא אחרת קיר של טקסט */
.case{position:relative;overflow:hidden}
.case::before{content:attr(data-n);position:absolute;top:10px;left:26px;
  font-family:'Heebo',sans-serif;font-weight:800;font-size:92px;line-height:1;
  color:var(--accent);opacity:.09;pointer-events:none}
@media(max-width:700px){.case::before{font-size:62px;left:16px}}
/* התוצאה המדידה. כשיש מספר הוא הדבר היחיד בכרטיס שצריך לקפוץ לעין */
.case-result{padding:16px 20px;border-radius:14px;background:var(--accent);
  color:var(--accent-ink);font-family:'Heebo',sans-serif;
  font-size:clamp(18px,2.2vw,23px);font-weight:800;line-height:1.35}

/* ── מסלולים אחרים ────────────────────────────────────────
   מקטע #other בתחתית כל דף מוצר. כל כרטיס הוא קישור שלם ולא
   טקסט עם קישור קטן בתוכו, כי זה הרכיב שאמור להציל גולש שהבין
   שהוא בדף הלא נכון. */
.other-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.other-card{display:flex;flex-direction:column;gap:8px;padding:26px 24px;
  background:var(--card);border:1px solid var(--line);border-radius:18px;
  color:inherit;transition:border-color .2s ease,transform .2s ease}
a.other-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.other-kick{font-size:13px;color:var(--muted);letter-spacing:.02em}
.other-card b{font-family:'Heebo',sans-serif;font-size:24px;font-weight:800;line-height:1.15}
.other-card p{font-size:15px;color:var(--muted);margin:0}
.other-go{margin-top:auto;padding-top:8px;font-weight:700;color:var(--accent)}
/* כרטיס הסבר, לא קישור: אין לאן ללחוץ ולכן גם אין התנהגות של כפתור */
.other-card.is-note{border-style:dashed}
.other-card.is-note .other-go{color:var(--muted)}

/* ── תגיות אמון ──────────────────────────────────────────── */
.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.badge{display:flex;gap:16px;align-items:flex-start}
.badge svg{width:32px;height:32px;flex-shrink:0;color:var(--accent)}
.badge b{display:block;font-size:19px;font-weight:700}
.badge span{display:block;font-size:15px;color:var(--muted);margin-top:4px;line-height:1.5}

/* ── מי מוביל ────────────────────────────────────────────── */
.founder{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,56px);align-items:center}
.founder-photo{flex:1 1 340px;max-width:460px;border-radius:28px;overflow:hidden;border:1px solid var(--line)}
.founder-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top}
.founder-body{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:24px}
.founder-quote{font-size:clamp(20px,2.6vw,26px);line-height:1.5;font-weight:500}
.founder-list{list-style:none;display:flex;flex-direction:column;gap:14px;font-size:17px;
  color:var(--ink-2);border-top:1px solid var(--line);padding-top:24px}
.founder-list li{display:flex;gap:12px}
.founder-list li::before{content:"";flex-shrink:0;width:14px;height:2px;background:var(--accent);margin-top:13px}

/* ── שאלות ───────────────────────────────────────────────── */
.qa{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;font-size:21px;font-weight:700;padding:26px 0;
  display:flex;justify-content:space-between;align-items:center;gap:16px}
.qa summary::-webkit-details-marker{display:none}
.qa .sign{font-size:28px;font-weight:400;color:var(--accent);transition:transform .2s;line-height:1}
.qa details[open] .sign{transform:rotate(45deg)}
.qa details>p{margin:0 0 26px;font-size:17px;line-height:1.7;color:var(--muted);max-width:66ch}
.qa details>p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* ── קשת ההירו ───────────────────────────────────────────── */
.arc{display:block;width:100%;height:180px;margin-top:40px}

/* ── רצועת הקנייה הקבועה בנייד ────────────────────────────── */
.dock{position:fixed;inset-inline:0;bottom:0;z-index:45;display:none;
  align-items:center;justify-content:space-between;gap:12px;
  background:rgba(10,10,11,.96);backdrop-filter:blur(10px);
  border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
.dock-price{display:flex;flex-direction:column;gap:2px;min-width:0}
.dock-price b{font-size:19px;font-weight:800}
.dock-price span{font-size:13px;color:var(--muted)}

/* ── פוטר ────────────────────────────────────────────────── */
.site-foot{border-top:1px solid var(--line-soft);padding-block:32px}
.site-foot .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;
  align-items:center;font-size:14px;color:#8A8A90}
.site-foot nav{display:flex;flex-wrap:wrap;gap:24px}
.site-foot a{color:#8A8A90}
.site-foot a:hover{color:var(--ink-2)}
/* רצועת המסלולים בפוטר: הדרך היחידה להגיע לכל מוצר מכל דף גם
   בלי ג׳אווהסקריפט. בולטת מעט מעל הקישורים המשפטיים */
.foot-tracks a{color:var(--ink-2);font-weight:600}
.foot-tracks a:hover{color:var(--accent)}
.foot-tracks [aria-current="page"]{color:#6A6A70;font-weight:600}

/* ── נייד ────────────────────────────────────────────────── */
@media(max-width:520px){
  /* שתי עמודות במקום ארבע שורות, אחרת רצועת המספרים לבדה
     תופסת מסך שלם בטלפון */
  .figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .figures>div{padding-block:22px}
}
@media(max-width:860px){
  .site-head > .wrap > .site-nav{display:none}
  /* לוגו, כפתור וכפתור תפריט בשורה אחת. בלי זה הכפתור נופל לשורה
     משלו וגוזל מהמסך הראשון בדיוק במקום שבו הוא הכי יקר */
  .site-head .wrap{flex-wrap:nowrap;gap:10px}
  .nav-toggle{display:flex}
  .nav-panel:not([hidden]){display:block}
  .dock{display:flex}
  body{padding-bottom:84px}
  .card{padding:28px 24px}
  .step{padding-left:0}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ============================================================
   רכיבים שמגיעים מהסקריפטים הקיימים
   ------------------------------------------------------------
   פס המבצע, רצועת הקנייה וטופס הוובינר מנוהלים על ידי
   assets/js/courses.js ו-assets/js/gift.js, שלא השתנו. כאן הם
   מקבלים את הלבוש של מערכת העיצוב הזו.
   ============================================================ */

/* פס הדחיפות מעל הכותרת */
.promo-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 18px;
  padding:12px var(--pad);background:var(--accent);color:var(--accent-ink);
  font-size:15px;line-height:1.5;text-align:center}
.promo-bar p{margin:0}
.promo-bar b{font-weight:800}
.promo-bar a{color:var(--accent-ink);font-weight:800;text-decoration:underline;
  text-underline-offset:3px;white-space:nowrap}
.promo-bar a:hover{color:var(--accent-ink);text-decoration-thickness:2px}
.promo-bar.promo-ever{background:var(--card);color:var(--ink);border-bottom:1px solid var(--line)}
.promo-bar.promo-ever a{color:var(--accent)}
.promo-left{font-weight:800}

/* רצועת הקנייה הקבועה: courses.js מוסיף show אחרי גלילה */
.dock{transform:translateY(110%);transition:transform .25s ease}
.dock.show{transform:none}

/* טופס הוובינר, על רקע כהה */
.gift-form{background:var(--card);border:1px solid var(--line);border-radius:24px;
  padding:32px 28px;display:flex;flex-direction:column;gap:18px}
.gift-fields{display:flex;flex-direction:column;gap:14px}
.gift-form label{display:flex;flex-direction:column;gap:8px;font-size:15px;
  font-weight:500;color:var(--ink-2)}
.gift-form input[type="text"],.gift-form input[type="tel"],.gift-form input[type="email"],.gift-form input:not([type]){
  font-family:inherit;font-size:17px;padding:16px 18px;border-radius:14px;
  border:1px solid #3A3A40;background:var(--bg);color:var(--ink);min-height:52px}
.gift-form input::placeholder{color:#8A8A90}
.gift-consent{flex-direction:row!important;align-items:flex-start;gap:10px;
  font-size:14px;line-height:1.5;color:var(--muted)}
.gift-consent input{flex-shrink:0;width:20px;height:20px;margin-top:2px;accent-color:var(--accent)}
.gift-msg{font-size:15px;font-weight:600;color:var(--accent)}
.gift-msg:empty{display:none}
.gift-fine{font-size:13px;color:#8A8A90;line-height:1.6}
.gift-fine a{color:var(--accent);text-decoration:underline}
/* width ו-align-self חיוניים כאן, לא קישוט: בלעדיהם המסגרת היא פריט
   גריד שנמתח לגובה של הטופס שלצידו, ואז aspect-ratio גוזר את הרוחב
   מהגובה המתוח (419 גובה => 745 רוחב) והיא גולשת אל מחוץ לעמודה. */
.video-frame{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;
  background:var(--card);aspect-ratio:16/9;width:100%;align-self:start}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* טיזר בראש עמוד הקורס הדיגיטלי: וידאו ולצידו הסבר קצר */
.teaser{display:grid;gap:24px;margin-top:clamp(16px,3vw,40px)}
.teaser-copy{display:flex;flex-direction:column;gap:14px;order:-1}
.teaser-h{font-family:'Karantina','Heebo',sans-serif;font-weight:700;font-size:clamp(52px,5.6vw,80px);line-height:.9;letter-spacing:-.01em;color:var(--ink)}
.teaser-p{font-size:17px;line-height:1.65;color:var(--ink-2);max-width:46ch}
.teaser-punch{font-weight:800;font-size:clamp(18px,1.8vw,21px);line-height:1.45;border-inline-start:3px solid var(--accent);padding-inline-start:14px}
@media (min-width:960px){
  .teaser{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,56px)}
  .teaser-copy{order:0}
}
.gift-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:14px;color:var(--muted);text-align:center;padding:24px}
.gift-cover svg{width:52px;height:52px;color:var(--accent);opacity:.7}
.gift-locked:not(.is-open) iframe{visibility:hidden}

/* באנר העוגיות מקבל את צבעי המערכת */
.shw-cookie-banner{background:var(--card)!important;border-top-color:var(--accent)!important}
.shw-cookie-banner h2{color:var(--ink)!important}
.shw-cookie-banner p{color:var(--muted)!important}
.shw-ck-primary{background:var(--accent)!important;color:var(--accent-ink)!important;
  border-color:var(--accent)!important}

/* הכותרת העליונה נדבקת, ולכן קפיצה לעוגן חייבת להשאיר לה מקום,
   אחרת ראש המקטע מסתתר מתחתיה */
:target,section[id]{scroll-margin-top:88px}

/* ציטוט ראשי במקטע המעסיקים: רחב יותר וגדול יותר משני הקצרים */
.quote-card.is-big blockquote{font-size:clamp(19px,2.2vw,26px);line-height:1.55;font-weight:400}
.quote-card.is-big blockquote::first-line{font-weight:500}
.quote-card.is-big figcaption{font-weight:600}

/* ── שורות המפגשים ו"מה לומדים" ───────────────────────────── */
.lessons{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.lesson{display:grid;grid-template-columns:auto 1fr;gap:20px 32px;align-items:start;
  padding-block:clamp(26px,3vw,40px);border-top:1px solid var(--line)}
.lesson-n{font-family:'Karantina','Heebo',sans-serif;font-weight:700;
  font-size:clamp(44px,5vw,64px);line-height:.9;color:var(--dim)}
.lesson:first-child .lesson-n{color:var(--accent)}
.lesson-when{font-size:14px;font-weight:700;color:var(--accent);margin-bottom:6px}
.lesson .card-title{margin-bottom:10px}
.lesson .ticks{margin-top:16px}

/* שרשרת שלבים */
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.flow span{background:var(--card);border:1px solid var(--line);border-radius:999px;
  padding:7px 15px;font-size:15px;color:var(--ink-2)}
.flow i{font-style:normal;color:var(--muted)}

/* ── כרטיס המחיר בדף מסלול ────────────────────────────────── */
.buy{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.buy-card{background:var(--card);border:1px solid var(--line);border-radius:24px;
  padding:clamp(28px,3vw,40px);display:flex;flex-direction:column;gap:20px}
.buy-now{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.buy-now b{font-family:'Heebo',sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:clamp(48px,5.5vw,64px);line-height:1}
.buy-now s{font-size:21px;color:var(--muted)}
/* רק השורה "כולל מע״מ", לא ה-span של המחיר שבתוך <b> (שהיה מתכווץ ל-15px) */
.buy-now > span{width:100%;font-size:15px;color:var(--muted)}
.buy-pmt{font-size:17px;font-weight:700;color:var(--ink-2)}
.pay-row{text-align:center;font-size:14px;color:var(--muted)}
.guarantee{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:700;
  line-height:1.5;background:rgba(62,230,176,.1);border-radius:14px;padding:14px 16px}
.guarantee svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--accent)}
.deadline{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--live)}
.deadline svg{width:17px;height:17px;flex-shrink:0}
.ask{text-align:center;font-size:15px;color:var(--muted)}
.ask a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-weight:700}

/* שדה הקופון נפתח רק בלחיצה, כדי שלא ייראה שצריך קוד */
.coupon{border-top:1px solid var(--line);padding-top:18px}
.coupon-toggle{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:15px;
  font-weight:700;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.coupon-toggle:hover{color:var(--ink)}
.coupon-body{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.coupon-row{display:flex;gap:8px}
.coupon-row input{flex:1 1 auto;min-width:0;background:var(--bg);border:1px solid #3A3A40;
  border-radius:14px;padding:14px 16px;font:inherit;font-size:16px;color:var(--ink);min-height:50px}
.coupon-row input::placeholder{color:#8A8A90}
.coupon-row input:disabled{opacity:.6}
.coupon-row button{background:var(--ink);color:var(--bg);border:0;border-radius:14px;
  padding:14px 20px;font-family:'Heebo',sans-serif;font-weight:800;font-size:15px;
  cursor:pointer;white-space:nowrap;min-height:50px}
.coupon-row button:disabled{opacity:.6;cursor:default}
.coupon-msg{font-size:14px;font-weight:600}
.coupon-msg:empty{display:none}
.coupon-msg.ok{color:var(--accent)}
.coupon-msg.err{color:var(--live)}
.saving{font-weight:800;color:var(--accent);font-size:17px}

/* מצב המלאי, מספר אמיתי בלבד */
.stock{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);
  border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700}
.stock b{color:var(--accent)}

@media(max-width:860px){
  .buy{grid-template-columns:1fr}
  .lesson{grid-template-columns:1fr;gap:10px}
  .lesson-n{font-size:40px}
}

/* צילומי מסך של המלצות מהוואטסאפ */
.shot{display:block;border:1px solid var(--line);border-radius:20px;overflow:hidden;
  background:var(--card);transition:border-color .2s}
.shot:hover{border-color:var(--accent)}
.shot img{width:100%;height:auto}

/* קיר המלצות: רשת סימטרית, כל המסגרות באותו גודל (2×2 לארבע תמונות, שורה של שלוש לשלוש).
   הצילום ממורכז במסגרת על רקע בצבע טפט הוואטסאפ, כך שהבדלי הגובה נבלעים ולא נשאר שטח כהה.
   יחס המסגרת ניתן לכוונון לכל קיר דרך --wall-ratio */
.proof-wall{--wall-ratio:4/3;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.proof-wall:not(:has(.shot:nth-child(4))){--wall-ratio:4/5;grid-template-columns:repeat(3,minmax(0,1fr))}
.proof-wall .shot{aspect-ratio:var(--wall-ratio);display:flex;align-items:center;justify-content:center;
  padding:14px;background:#f3efe6}
.proof-wall .shot img{width:100%;height:100%;object-fit:contain;border-radius:10px}
@media (max-width:760px){
  .proof-wall,.proof-wall:not(:has(.shot:nth-child(4))){grid-template-columns:1fr}
  .proof-wall .shot{aspect-ratio:auto}
  .proof-wall .shot img{height:auto}
}

/* סימן ההצלחה בדף התודה */
.done-mark{display:inline-flex;align-self:flex-start;color:var(--accent)}
.done-mark svg{width:56px;height:56px}

/* ============================================================
   תנועה
   ------------------------------------------------------------
   assets/js/shw-motion.js מוסיף את המחלקה motion ל-<html> רק אם
   המשתמש לא ביקש פחות תנועה. כל מה שכאן תלוי במחלקה הזו, ולכן
   דף בלי ג׳אווהסקריפט, או משתמש שביקש לצמצם תנועה, מקבל דף
   סטטי מלא וקריא ולא שום דבר מוסתר.
   ============================================================ */

/* ── חשיפה בגלילה ── */
.motion .rise{opacity:0;transform:translateY(22px);
  transition:opacity .62s cubic-bezier(.22,.8,.26,1) var(--d,0ms),
             transform .62s cubic-bezier(.22,.8,.26,1) var(--d,0ms)}
.motion .rise.in{opacity:1;transform:none}

/* ── כניסת ההירו: כל שורה עולה מאחורי מסכה ── */
.motion #top .eyebrow,
.motion #top .lead,
.motion #top .ticks,
.motion #top .body,
.motion #top .guarantee,
.motion #top .done-mark,
.motion #top > .wrap > div,
.motion #top p:not(.eyebrow):not(.lead):not(.body):not(.guarantee):not(.done-mark){
  animation:up .8s cubic-bezier(.22,.8,.26,1) both}
.motion #top .eyebrow{animation-delay:.05s}
.motion #top h1{animation:none}
.motion #top .lead{animation-delay:.42s}
.motion #top .ticks{animation-delay:.5s}
.motion #top > .wrap > div{animation-delay:.58s}
.motion #top .body,.motion #top .guarantee{animation-delay:.66s}

/* הכותרת עצמה: כל שורה נחשפת מאחורי מסכה, באפקט של סרגל שעולה */
.motion #top h1{overflow:hidden;display:block}
.motion #top h1 .mask{display:block;overflow:hidden}
.motion #top h1 .mask > span{display:block;animation:up .9s cubic-bezier(.22,.8,.26,1) both}
.motion #top h1 .mask:nth-child(1) > span{animation-delay:.12s}
.motion #top h1 .mask:nth-child(2) > span{animation-delay:.22s}
.motion #top h1 .mask:nth-child(3) > span{animation-delay:.32s}

@keyframes up{from{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}

/* ── הקשתות נמתחות ── */
.motion .arc path{stroke-dasharray:2400;stroke-dashoffset:2400;
  animation:draw 2.4s cubic-bezier(.3,.7,.3,1) .35s both}
.motion .arc path:nth-child(2){animation-delay:.5s}
.motion .arc path:nth-child(3){animation-delay:.65s}
@keyframes draw{to{stroke-dashoffset:0}}

/* ── פס התקדמות הגלילה ── */
.scroll-bar{position:fixed;inset-inline:0;top:0;z-index:60;height:2px;
  background:var(--accent);transform:scaleX(0);transform-origin:right center;
  will-change:transform;pointer-events:none}

/* ── הכותרת העליונה מתכווצת בגלילה ── */
.site-head{transition:padding .25s ease,background .25s ease,border-color .25s ease}
.site-head.is-stuck{background:rgba(10,10,11,.96);border-bottom-color:var(--line)}
.site-head.is-stuck .wrap{padding-block:10px}
.site-head .wrap{transition:padding .25s ease}
.site-head.is-stuck .brand img{height:32px}
.brand img{transition:height .25s ease}

/* ── כרטיס שמגיב לעכבר ──
   הטיה קטנה, ונקודת אור שעוקבת אחרי הסמן. בלי צל כבד ובלי
   גרדיאנט צבעוני, רק הבהרה עדינה של הרקע הקיים. */
.motion .card,.motion .quote-card,.motion .buy-card{
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .35s cubic-bezier(.22,.8,.26,1),border-color .25s ease;
  position:relative}
.motion .card::after,.motion .buy-card::after{content:"";position:absolute;inset:0;
  border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),
    rgba(62,230,176,.09),transparent 65%)}
.motion .card:hover::after,.motion .buy-card:hover::after{opacity:1}
.motion .card:hover,.motion .buy-card:hover{border-color:#3A3A40}
.motion .card.is-featured:hover{border-color:var(--accent)}

/* ── כפתור: הבהק שחולף ── */
.btn{position:relative;overflow:hidden}
.motion .btn::before{content:"";position:absolute;inset:0 auto 0 -60%;width:45%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);transition:left .55s ease}
.motion .btn:hover::before{left:115%}
.motion .btn-primary:hover,.motion .btn-light:hover{transform:translateY(-1px)}
.btn{transition:background .18s,color .18s,border-color .18s,transform .18s}

/* ── צילומי המלצות ותגיות ── */
.motion .shot{transition:transform .3s cubic-bezier(.22,.8,.26,1),border-color .2s}
.motion .shot:hover{transform:translateY(-4px) scale(1.012)}
.motion .lesson{transition:background .25s ease}
.motion .lesson:hover{background:rgba(255,255,255,.015)}

/* ── הנקודה החיה בתג ── */
.motion .eyebrow + * .live-dot,.motion [style*="background:var(--accent)"][aria-hidden="true"]{
  animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}

@media(prefers-reduced-motion:reduce){
  .scroll-bar{display:none}
}

/* דף העסקים: ההמלצה וצילום ההודעה זה לצד זה, והשדה של שם העסק לכל הרוחב */
.biz-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:24px;align-items:stretch}
.biz-proof .quote-card{display:flex;flex-direction:column;justify-content:center;gap:24px}
.gift-fields .biz-wide{grid-column:1 / -1}
.biz-note{border:1px solid var(--line);border-radius:20px;padding:24px 28px;display:flex;flex-direction:column;gap:10px}
@media (max-width:760px){.biz-proof{grid-template-columns:1fr}.biz-proof .shot{justify-self:center;width:100%;max-width:320px}}

/* תוסף הנגישות מזריק את רצועת ההודעה פעמיים,
   והעותק השני יושב בדיוק על הראשון וגורם לטקסט מרוח. מציגים רק את הראשון. */
[class*="etrogezratnashim"] ~ [class*="etrogezratnashim"]{display:none!important}

/* דף העסקים: ציטוט ההוכחה מתחת לכותרת, ומחשבון עלות השעות */
.hero-proof{border-inline-start:3px solid var(--accent);padding-inline-start:20px;
  display:flex;flex-direction:column;gap:8px;max-width:62ch}
.hero-proof blockquote{font-size:clamp(19px,2.2vw,23px);line-height:1.45;font-weight:500;color:var(--ink)}
.hero-proof figcaption{font-size:15px;color:var(--muted)}
.hero-proof figcaption a{color:var(--accent);text-decoration:underline;white-space:nowrap}

.calc{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,3vw,32px);
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:center}
.calc-fields{display:flex;flex-direction:column;gap:16px}
.calc-fields label{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:500;color:var(--ink-2)}
.calc-fields input{background:var(--bg);border:1px solid var(--line);border-radius:12px;
  padding:14px 16px;color:var(--ink);font:inherit;font-size:17px;min-height:52px;width:100%}
.calc-fields input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
.calc-out{display:flex;flex-direction:column;gap:8px;border-inline-start:1px solid var(--line);
  padding-inline-start:clamp(24px,3vw,40px)}
.calc-out .fig{font-size:clamp(36px,4.4vw,56px);color:var(--accent);line-height:1.05;word-break:break-word}
.calc-sub{font-size:15px;color:var(--muted);line-height:1.6}
.calc-sub:empty{display:none}
@media (max-width:760px){
  .calc{grid-template-columns:1fr}
  .calc-out{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:24px}
}

/* שדה בחירה בטופס "חזרו אליי", באותו מראה של שאר השדות */
.gift-form select{background:var(--bg);border:1px solid var(--line);border-radius:12px;
  padding:14px 16px;color:var(--ink);font:inherit;font-size:17px;min-height:52px;width:100%;
  appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none' stroke='%23A1A1A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l6 6 6-6'/%3E%3C/svg%3E");
  background-position:left 18px center;background-repeat:no-repeat;padding-inline-start:46px}
.gift-form select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}

/* קבצי הלוגו לבנים, ולכן בתוך מקטע בהיר הם יושבים על פאנל כהה */
.logo-panel{background:var(--bg);border-radius:20px;padding:28px 32px}
.logo-panel:has(.logo-run){padding-inline:0}

/* רצועת לוגואים נעה: עוצרת כשהעכבר עליה, ובלי תנועה למי שביקש להפחית אנימציות */
.logo-run{overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-run-track{display:flex;width:max-content;animation:logo-run 45s linear infinite}
.logo-run .logos{flex-wrap:nowrap;gap:0 48px;padding-inline-end:48px}
.logo-run .logos img{flex:none}
.logo-run:hover .logo-run-track{animation-play-state:paused}
@keyframes logo-run{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){
  .logo-run{-webkit-mask-image:none;mask-image:none}
  .logo-run-track{animation:none;width:auto}
  .logo-run .logos{flex-wrap:wrap;gap:14px 36px;padding:0}
  .logo-run .logos[aria-hidden],.logo-run img[alt=""]{display:none}
}

/* מכתב ההמלצה המלא, נפתח מתחת לציטוט */
.letter{margin-top:20px;border-top:1px solid var(--light-line);padding-top:16px}
.letter summary{cursor:pointer;font-weight:700;color:#0B7A5A;font-size:16px}
.letter-body{display:flex;flex-direction:column;gap:12px;margin-top:16px;font-size:17px;line-height:1.7;color:var(--light-muted)}

/* "חזרו אליי": טקסט וטופס זה לצד זה בכרטיס, אחד מעל השני בטלפון */
.callback{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;
  background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(28px,4vw,48px)}
.callback-text{display:flex;flex-direction:column;gap:18px}
/* הטופס כבר יושב בתוך הכרטיס, אז בלי מסגרת משלו */
.callback .gift-form{background:none;border:0;padding:0;max-width:none}
/* בלי זה שדה הקלט שומר על רוחב מינימלי ובורח ממסגרת הטופס */
.gift-fields label,.gift-fields input{min-width:0}
@media (max-width:820px){.callback{grid-template-columns:1fr}}

/* אחרי שליחת טופס: הזמנה לקבוצת הטיפים */
.gift-done,div.gift-after{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.gift-done[hidden],div.gift-after[hidden]{display:none!important}
.tips-btn{display:inline-flex;align-items:center;gap:10px}
.tips-btn svg{width:20px;height:20px;flex:none}
.gift-fields small{font-weight:400;opacity:.7}

/* "השאירו פרטים" זמין תמיד: ליד כפתור התשלום בכותרת (מחשב) וברצועה התחתונה (נייד) */
.head-cta,.dock-cta{display:flex;align-items:center;gap:8px;flex:none}
/* מתחת ל-1240px הכפתור לא נכנס לכותרת בלי לשבור אותה לשתי שורות,
   ולכן שם הרצועה התחתונה (עם "מתלבטים? נחזור אליכם") מוצגת גם בטאבלט */
@media(max-width:1239px){.head-callback{display:none}.dock{display:flex}body{padding-bottom:84px}}
/* בטלפון אין מקום למחיר לצד שני הכפתורים; המחיר מופיע ממילא בדף */
@media(max-width:640px){.dock-price{display:none}.dock-cta{flex:1;justify-content:center}.dock-cta .btn{padding-inline:16px}}
@media(max-width:900px){.dock-price--long{display:none}.dock-price--long + .dock-cta{flex:1;justify-content:center}}
@media(max-width:360px){.brand img{height:32px}}
@media(max-width:340px){.brand img{height:26px}.dock-cta .btn,.site-head .btn{font-size:13px;padding-inline:12px}}