/* =========================================================================
   brand.css — מערכת העיצוב המרכזית של Influ Capital  (אינדיגו · טיל)
   מקור אמת יחיד: Design Tokens + רכיבים. נטען ע"י brand-book.html,
   design-verticals.html, ובהמשך index.html. אין לשכפל ערכים — להשתמש ב-var(--token).
   ========================================================================= */

/* =========================================================
   DESIGN TOKENS
   ========================================================= */
:root{
  /* — Typography — */
  --font-head:'Rubik', sans-serif;          /* כותרות / display */
  --font-body:'IBM Plex Sans Hebrew', sans-serif; /* גוף הטקסט */

  /* — Brand · Indigo scale — */
  --indigo-50:#eef0fc; --indigo-100:#dcdffa; --indigo-200:#b8bdf5; --violet-50:#f3effb;
  --indigo-300:#8f97ee; --indigo-400:#6b72e6; --indigo-500:#4343db; /* ★ מותג */
  --indigo-600:#3530c2; --indigo-700:#2a259c; --indigo-800:#211e7a; --indigo-900:#181659;

  /* — Accent · Teal scale — */
  --teal-50:#e6faf5; --teal-100:#c5f3e8; --teal-200:#8fe8d3;
  --teal-300:#4fd9bd; --teal-400:#1ccda8; /* ★ מבטא */ --teal-600:#0c8d7a; --teal-700:#0a6b5e;

  /* — Semantic — */
  --brand:var(--indigo-500);
  --brand-hover:var(--indigo-600);
  --accent:var(--teal-400);
  --positive:#12a594;  /* תשואות / הצלחה */
  --warning:#e0a83a;
  --danger:#e0564a;

  /* — Neutrals (cool) — */
  --ink:#0e1330;       /* טקסט ראשי וכותרות */
  --gray-700:#2f3550;
  --muted:#5a5f7a;     /* טקסט משני */
  --gray-300:#c8ccde;
  --line:#e4e6f4;      /* קווים / מסגרות */
  --gray-100:#f0f1f9;
  --bg:#f5f6fc;        /* רקע עמוד */
  --surface:#ffffff;   /* כרטיסים / טפסים */
  --surface-dark:#0a0e1d; /* רקע כהה — הירו ראשי, הידר */
  --bg-alt:#ecedf9;    /* גוון רקע מעט כהה יותר — להחלפת-זברה עדינה בין סקשנים */
  --whatsapp:#25d366;        /* צבע מותג WhatsApp (תיעוד/סוואצ') */
  --whatsapp-btn:#15873f;    /* ירוק WhatsApp מעומעם לרקע כפתור — לבן על רקע זה = 4.6:1 (עובר WCAG AA לטקסט רגיל) */

  /* — Spacing (4px base) — */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px;

  /* — Layout — */
  --wrap-pad:24px;     /* ריווח צד של .wrap — מקור יחיד, משמש גם לכפתור ה-CTA ה-full-bleed בהידר */
  --nav-pad-y:14px;    /* גובה הפדינג האנכי של ההידר — משמש לביטולו בכפתור ה-CTA */
  --fab-inset:18px;    /* מרחק כפתורים צפים (וואטסאפ / נגישות) מקצה המסך */
  --fab-size:54px;     /* גודל כפתור צף (וואטסאפ / חזרה למעלה) */
  --fab-gap:12px;      /* רווח בין כפתורים צפים בעמודה */
  --a11y-fab-size:38px; /* גודל כפתור נגישות */

  /* — Radius — */
  --r-sm:8px; --r-md:11px; --r-lg:16px; --r-xl:22px; --r-pill:999px;

  /* — Elevation — */
  --sh-sm:0 1px 2px rgba(14,19,48,.06), 0 1px 3px rgba(14,19,48,.05);
  --sh-md:0 4px 12px rgba(14,19,48,.08), 0 2px 4px rgba(14,19,48,.04);
  --sh-lg:0 18px 40px rgba(14,19,48,.12), 0 6px 14px rgba(14,19,48,.06);
  --sh-brand:0 10px 24px rgba(67,67,219,.28);

  /* — Motion — */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur:.18s;
}

/* =========================================================
   PAGE / DOC CHROME
   ========================================================= */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.18;letter-spacing:-.01em}
.wrap{max-width:1080px;margin:0 auto;padding:0 var(--wrap-pad)}
.muted{color:var(--muted)}
.flip-x{transform:scaleX(-1)}  /* היפוך אופקי לתמונות assets שכיוונן הותאם במקור ל-LTR */
.icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em}


.grid{display:grid;gap:18px}
.demo-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}
.demo-pad{padding:24px}


/* ===== Buttons ===== */
.btn{font-family:var(--font-head);font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-radius:var(--r-md);transition:var(--dur) var(--ease);white-space:nowrap}
.btn:focus-visible{outline:3px solid var(--indigo-200);outline-offset:2px}
.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--sh-brand)}
.btn-primary:hover{background:var(--brand-hover);transform:translateY(-1px)}
.btn-secondary{background:var(--indigo-50);color:var(--indigo-600)}
.btn-secondary:hover{background:var(--indigo-100)}
.btn-ghost{background:transparent;color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--indigo-300);background:var(--indigo-50)}
.btn-accent{background:var(--accent);color:#04302a}
.btn-accent:hover{filter:brightness(.96)}
.btn-wa{background:var(--whatsapp-btn);color:#fff}
.btn-wa:hover{filter:brightness(.95)}
/* כפתור וואטסאפ על רקע כהה (הירו): גרסת זכוכית — מתמזגת עם הרקע ולא מתחרה ב‑CTA הראשי */
.hero-main .btn-wa,.hero-page .btn-wa{background:rgba(255,255,255,.07);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.hero-main .btn-wa:hover,.hero-page .btn-wa:hover{filter:none;background:rgba(255,255,255,.13)}
.hero-main .hero-cta .btn-primary{background:var(--teal-300);color:var(--teal-700);box-shadow:0 10px 24px rgba(79,217,189,.32)}
.hero-main .hero-cta .btn-primary:hover{background:var(--teal-400);transform:translateY(-1px)}
.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.btn-sm{font-size:13px;padding:8px 14px;border-radius:var(--r-sm)}
.btn-md{font-size:14px;padding:11px 20px}
.btn-lg{font-size:16px;padding:14px 26px;border-radius:var(--r-lg)}
.btn-block{width:100%;justify-content:center}
.bcell{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.brow{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:8px}

/* ===== Forms ===== */
.field{margin-bottom:18px}
.field label{font-size:13.5px;font-weight:600;display:block;margin-bottom:6px}
.field .hint{font-size:12px;color:var(--muted);margin-top:5px}
.field .err{font-size:12px;color:var(--danger);margin-top:5px;font-weight:600}
.inp{width:100%;font-family:var(--font-body);font-size:14.5px;padding:11px 13px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);transition:var(--dur)}
.inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--indigo-100)}
.inp.bad{border-color:var(--danger);box-shadow:0 0 0 3px #f9dcd9}
.choice{display:flex;align-items:center;gap:9px;font-size:14px;margin-bottom:8px;cursor:pointer}
.choice input{width:18px;height:18px;accent-color:var(--brand)}
.toggle{width:46px;height:26px;border-radius:var(--r-pill);position:relative;flex:none;background:var(--gray-300);transition:var(--dur);cursor:pointer}
.toggle.on{background:var(--brand)}
.toggle::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;right:3px;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:var(--dur)}
.toggle.on::after{right:23px}

/* ===== Cards ===== */
/* כרטיס שירות — שורה אופקית לחיצה: תיאור מימין, תמונה בגובה הכרטיס עם crop (RTL: שמאל). רקע בגוון בהיר שונה לכל כרטיס + מצבי hover/active "קליקיים". */
.svc{display:flex;align-items:stretch;gap:0;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-sm);overflow:hidden;cursor:pointer;text-decoration:none;color:var(--ink);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.svc:hover{box-shadow:var(--sh-lg);transform:translateY(-3px);border-color:var(--indigo-200)}
.svc:active{transform:translateY(-1px) scale(.995)}
.svc:nth-child(1){background:var(--teal-50)}
.svc:nth-child(2){background:var(--indigo-50)}
.svc:nth-child(3){background:var(--violet-50)}
.svc .svc-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 16px}
.svc h4,.svc h3{font-family:var(--font-head);font-size:20px;font-weight:700;margin:0;color:var(--ink);line-height:1.2;transition:color var(--dur) var(--ease)}
.svc:hover h3,.svc:hover h4{color:var(--brand)}
.svc p{font-size:13px;color:var(--muted);line-height:1.4;margin:0}
.svc-media{flex:none;align-self:stretch;display:block;width:clamp(112px,28%,148px);min-height:112px;background:var(--indigo-50);overflow:hidden}
.svc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.svc:hover .svc-media img{transform:scale(1.05)}
@media(prefers-reduced-motion:reduce){.svc{transition:none}.svc:hover{transform:none}.svc:active{transform:none}.svc:hover .svc-media img{transform:none}}

/* ===== תמונה אותנטית ממוסגרת (רגעים אמיתיים מהבמה/לייב) ===== */
.media-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,52px);align-items:center}
.media-frame{margin:0;line-height:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-md);border:1px solid var(--line)}
.media-frame img{width:100%;height:auto;display:block}
.media-frame.tall img{aspect-ratio:4/5;object-fit:cover}
.media-cap{margin-top:12px;font-size:12.5px;color:var(--muted);text-align:center}
.lecture-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(14px,2vw,20px)}
.lecture-gallery .media-frame img{aspect-ratio:4/5;object-fit:cover}
@media(max-width:760px){.media-split{grid-template-columns:1fr}}

/* ===== פאנל עם גזיר אדם (cutout · ללא רקע) — יושב על "רצפת" הפאנל ===== */
.adam-panel{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(20px,3vw,44px);align-items:end;
  background:linear-gradient(180deg,var(--indigo-50),var(--surface));border:1px solid var(--line);
  border-radius:var(--r-xl);box-shadow:var(--sh-sm);padding:clamp(26px,4vw,44px);padding-bottom:0;overflow:hidden}
.adam-figure{margin:0;align-self:end;line-height:0}
.adam-figure img{width:100%;max-width:300px;height:auto;display:block;margin-inline:auto}
.adam-panel .adam-copy{padding-bottom:clamp(28px,4.5vw,46px)}
@media(max-width:760px){.adam-panel{grid-template-columns:1fr;align-items:stretch}
  .adam-figure{order:2;max-width:260px;margin-inline:auto}.adam-panel .adam-copy{order:1;padding-bottom:clamp(18px,4vw,28px)}}

.stat{padding:22px;border-radius:var(--r-lg);background:var(--ink);color:#fff}
.stat .k{font-size:13px;opacity:.7;margin-bottom:6px}
.stat .v{font-family:var(--font-head);font-size:34px;font-weight:700;line-height:1}
.stat .v small{font-size:15px;color:var(--teal-300)}
.quote{padding:24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-sm)}
.quote p{font-size:15.5px;line-height:1.7;margin-bottom:14px}
.quote .who{display:flex;align-items:center;gap:11px}
.quote .av{width:40px;height:40px;border-radius:50%;background:var(--indigo-100);color:var(--indigo-600);display:grid;place-items:center;font-family:var(--font-head);font-weight:700}
.quote .who b{font-family:var(--font-head);font-size:14px;display:block}
.quote .who small{color:var(--muted);font-size:12.5px}

/* ===== Badges / tags ===== */
.tag{font-size:12px;font-weight:600;padding:5px 11px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:5px}
.tag-brand{background:var(--indigo-50);color:var(--indigo-600)}
.tag-accent{background:var(--teal-50);color:var(--teal-700)}
.tag-pos{background:#e2f7f2;color:var(--teal-700)}
.tag-warn{background:#fbf2dd;color:#946012}
.tag-solid{background:var(--ink);color:var(--teal-300)}

/* ===== Alerts ===== */
.alert{display:flex;gap:11px;align-items:flex-start;font-size:14px;padding:13px 16px;border-radius:var(--r-md);border:1px solid;margin-bottom:12px}
.alert .ai{flex:none;margin-top:1px}
.alert-info{background:var(--indigo-50);border-color:var(--indigo-200);color:var(--indigo-700)}
.alert-pos{background:#e2f7f2;border-color:#aee5da;color:var(--teal-700)}
.alert-warn{background:#fbf2dd;border-color:#f0d99a;color:#8a5a0e}
.alert-bad{background:#fbe4e2;border-color:#f3c0bb;color:#a3352b}






/* =========================================================================
   VERTICALS — רכיבים מורכבים לשימוש חוזר (טפסים, אקורדיון, טבלאות, טאבים)
   ========================================================================= */

/* ===== Contact form vertical ===== */
.form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-md);padding:28px;max-width:480px}
.form-card h3{font-size:21px;margin-bottom:4px}
.form-card .lead{font-size:14px;color:var(--muted);margin-bottom:20px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.form-row{grid-template-columns:1fr}}
.inline-form{display:flex;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;box-shadow:var(--sh-sm)}
.inline-form .inp{flex:1;min-width:150px}
.contact-split{display:grid;grid-template-columns:1fr .82fr;gap:0;align-items:stretch;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md)}
@media(max-width:740px){.contact-split{grid-template-columns:1fr}}
.contact-form{background:var(--surface);padding:28px}
.contact-form h3{font-size:20px;margin-bottom:4px}
.contact-form .lead{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.contact-aside{background:var(--bg-alt);color:var(--ink);padding:26px;display:flex;flex-direction:column;gap:13px;border-inline-start:1px solid var(--line)}
.contact-aside h3{font-size:19px;line-height:1.3}
.contact-aside .sub{font-size:13px;color:var(--muted);margin:-4px 0 4px}
.channel{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;text-decoration:none;color:var(--ink);transition:var(--dur) var(--ease)}
.channel:hover{background:var(--indigo-50);border-color:var(--teal-200);transform:translateY(-1px)}
.channel .ic-wrap{width:38px;height:38px;border-radius:var(--r-sm);background:var(--indigo-50);display:grid;place-items:center;flex:none;color:var(--brand)}
.channel[data-wa-link] .ic-wrap{background:var(--teal-50);color:var(--whatsapp)}
.channel b{font-family:var(--font-head);font-size:14px;display:block;color:var(--ink)}
.channel small{color:var(--muted);font-size:11.5px}

/* ===== Accordion vertical ===== */
.accordion{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--sh-sm)}
.acc-item{border-bottom:1px solid var(--line)}
.acc-item:last-child{border-bottom:none}
.acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;background:none;border:none;cursor:pointer;font-family:var(--font-head);font-weight:600;font-size:16px;color:var(--ink);text-align:right;transition:var(--dur)}
.acc-head:hover{background:var(--gray-100)}
.acc-head .chev{flex:none;width:28px;height:28px;border-radius:var(--r-sm);background:var(--indigo-50);color:var(--brand);display:grid;place-items:center;transition:var(--dur)}
.acc-item.open .acc-head .chev{background:var(--brand);color:#fff;transform:rotate(180deg)}
.acc-body{max-height:0;overflow:hidden;transition:max-height .28s var(--ease)}
.acc-body .inner{padding:0 20px 20px;font-size:14.5px;color:var(--gray-700);line-height:1.7}
.acc-item.open .acc-body{max-height:320px}

/* ===== Table vertical ===== */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}
.tbl{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);min-width:520px}
.tbl thead th{font-family:var(--font-head);font-weight:600;font-size:13px;text-align:right;color:#fff;background:var(--ink);padding:14px 18px;white-space:nowrap}
.tbl tbody td{padding:13px 18px;border-bottom:1px solid var(--line);color:var(--gray-700)}
.tbl tbody tr:last-child td{border-bottom:none}
.tbl tbody tr:nth-child(even){background:var(--gray-100)}
.tbl tbody tr:hover{background:var(--indigo-50)}
.tbl .feat{font-weight:600;color:var(--ink)}
.tbl .yes{color:var(--positive);font-weight:700}
.tbl .no{color:var(--gray-300);font-weight:700}
.tbl .num{font-family:var(--font-head);font-weight:600;color:var(--ink)}
.tbl td.pos{color:var(--positive);font-weight:600}
/* comparison: עמודות שווות רוחב (מונע עמודה רחבה מדי בגלל תוכן כותרת) */
.tbl-fixed{table-layout:fixed}
.tbl-fixed th,.tbl-fixed td{white-space:normal}
.tbl-fixed th:first-child,.tbl-fixed td:first-child{width:34%}
.tbl-fixed th:not(:first-child),.tbl-fixed td:not(:first-child){text-align:center}

/* comparison: highlight a recommended column — ירוק שלנו, רקע מלא (גובר על זברה/hover) */
.tbl th.hl{background:var(--positive);position:relative}
.tbl td.hl{background:var(--teal-50)!important;color:var(--ink);font-weight:600}
.tbl tbody tr:nth-child(even) td.hl{background:#d6f2ec!important}
.tbl th.hl .rec{display:inline-block;font-size:10px;font-weight:700;background:#fff;color:var(--teal-700);border-radius:var(--r-pill);padding:1px 8px;margin-right:6px;vertical-align:middle}

/* ===== Tabs vertical ===== */
.tabs{display:flex;gap:6px;background:var(--gray-100);padding:5px;border-radius:var(--r-pill);width:fit-content;max-width:100%;flex-wrap:wrap;margin-inline:auto}
.tab-panel{text-align:center}
.tab-panel>*{text-align:right;margin-inline:auto}
.tab{font-family:var(--font-head);font-weight:600;font-size:14px;padding:9px 18px;border-radius:var(--r-pill);border:none;background:none;color:var(--muted);cursor:pointer;transition:var(--dur)}
.tab.active{background:var(--surface);color:var(--brand);box-shadow:var(--sh-sm)}
.tab-panel{display:none;padding-top:20px}
.tab-panel.active{display:block}

/* ===== Steps / "איך זה עובד" vertical ===== */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;counter-reset:step}
.step-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 20px 20px;box-shadow:var(--sh-sm)}
.step-card .n{counter-increment:step;width:40px;height:40px;border-radius:var(--r-md);background:var(--brand);color:#fff;font-family:var(--font-head);font-weight:700;font-size:18px;display:grid;place-items:center;margin-bottom:14px;box-shadow:var(--sh-brand)}
.step-card .n::before{content:counter(step)}
.step-card h4,.step-card h3{font-size:16px;margin-bottom:6px}
.step-card p{font-size:13.5px;color:var(--muted)}

/* — בידול אנכי מתומצת (ללא כרטיסים) — לשילוב עם סקשן תהליך — */
.edge-stack{list-style:none;margin:clamp(22px,3vw,30px) auto 0;padding:0;max-width:480px;display:grid;gap:0}
.edge-stack-item{padding:14px 0;border-top:1px solid var(--line)}
.edge-stack-item:last-child{border-bottom:1px solid var(--line)}
.edge-stack-item h3{font-family:var(--font-head);font-size:15px;font-weight:600;margin:0 0 3px;color:var(--ink);line-height:1.3}
.edge-stack-item p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}
.edge-stack+.steps{margin-top:clamp(40px,6vw,56px)}

/* ===== Service rail vertical — רשימת שירותים (לא כרטיסים) ===== */
.rail{border-top:1px solid var(--line)}
.rail-item{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:26px 6px;border-bottom:1px solid var(--line);position:relative;text-decoration:none;color:inherit;transition:padding-inline-start var(--dur) var(--ease)}
.rail-item::after{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .3s var(--ease)}
.rail-item:hover{padding-inline-start:18px}
.rail-item:hover::after{transform:scaleY(1)}
.rail-item:focus-visible{outline:2px solid var(--indigo-200);outline-offset:3px;border-radius:var(--r-sm)}
.rail-idx{font-family:var(--font-head);font-weight:500;font-size:24px;color:var(--gray-300);min-width:3ch}
.rail-body h4{font-size:20px;margin-bottom:5px}
.rail-body p{color:var(--muted);font-size:14.5px;max-width:60ch;margin:0}
.rail-go{color:var(--brand);display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-weight:600;font-size:14px;white-space:nowrap}
.rail-go .icon{transition:transform var(--dur) var(--ease)}
.rail-item:hover .rail-go .icon{transform:translateX(-4px)}
@media (max-width:640px){.rail-item{grid-template-columns:auto 1fr;gap:16px}.rail-go{display:none}}

/* =========================================================================
   HERO — סקשני פתיחה (ראשי + עמודים פנימיים)
   ========================================================================= */
.hero-pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#9fe7d6;background:rgba(28,205,168,.12);border:1px solid rgba(28,205,168,.32);padding:6px 13px;border-radius:var(--r-pill);margin-bottom:16px}
/* גרסת התג לרקע בהיר (למשל בסקשן הטופס) */
.hero-pill.on-light{color:var(--teal-700);background:var(--teal-50);border-color:var(--teal-200)}

/* ===== Hero ראשי — עמוד הבית (פרימיום כהה) ===== */
/* רקע: דיו עמוק אחיד + זוהר טיל עדין מאחורי הפורטרט (בלי גרדיאנט כחול) */
.hero-main{position:relative;overflow:hidden;background:var(--surface-dark);color:#fff;
  padding-top:clamp(40px,4.5vw,66px);padding-bottom:0}

/* ===== Navbar שקוף מעל ההירו ===== */
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:var(--nav-pad-y) 0}
.site-nav .logo img{height:30px;display:block}
.site-nav .nav-links{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.site-nav .nav-links a{position:relative;color:#dfe2f5;text-decoration:none;font-size:14.5px;font-weight:500;transition:var(--dur)}
.site-nav .nav-links a:hover{color:#fff}
.site-nav .nav-links a[aria-current="page"]{color:var(--teal-300);font-weight:600}
.site-nav .nav-links a[aria-current="page"]::after{content:"";position:absolute;inset-inline:0;bottom:-5px;height:2px;background:var(--accent);border-radius:var(--r-pill)}
.site-nav .nav-actions{display:flex;gap:10px;align-items:center}
/* CTA בהידר — דסקטופ: בלוק טורקיז צמוד-קצה, בגובה מלא (צמוד לתקרה/לרצפה) וצמוד לקצה ההידר,
   מרובע (ללא פינות) וללא פדינג אנכי. במובייל מוסתר ובמקומו כפתור חיוג עגול טורקיז. */
.site-nav .nav-actions:has(.nav-cta){align-self:stretch;align-items:stretch;margin-inline-end:calc(var(--wrap-pad)*-1)}
.nav-cta{align-self:stretch;display:inline-flex;align-items:center;gap:8px;
  margin-block:calc(var(--nav-pad-y)*-1);
  padding-inline:clamp(20px,2.2vw,30px);
  background:var(--accent);color:#04302a;text-decoration:none;border-radius:0;
  font-family:var(--font-head);font-weight:600;font-size:14.5px;white-space:nowrap;
  transition:var(--dur) var(--ease)}
.nav-cta:hover{filter:brightness(.96)}
.nav-cta:focus-visible{outline:3px solid var(--indigo-200);outline-offset:-3px}
.nav-cta .icon{width:17px;height:17px}
/* כפתור חיוג למובייל בלבד — אייקון טורקיז בלבד (ללא עיגול) */
.nav-call{display:none;flex:none;place-items:center;color:var(--accent);
  text-decoration:none;transition:var(--dur) var(--ease)}
.nav-call:hover{color:var(--teal-300)}
.nav-call:focus-visible{outline:3px solid var(--indigo-200);outline-offset:2px;border-radius:var(--r-sm)}
.nav-call .icon{width:20px;height:20px;display:block;flex-shrink:0}
/* מובייל: לוגו במרכז, המבורגר בצד אחד וחיוג בצד השני */
@media(max-width:820px){
  .site-nav{position:relative}
  .site-nav .nav-links{display:none}
  .site-nav .nav-cta{display:none}
  .site-nav .logo{position:absolute;left:50%;transform:translateX(-50%)}
  .site-nav .nav-actions:has(.nav-cta){flex:1;align-self:auto;align-items:center;justify-content:space-between;margin-inline-end:0;gap:0}
  .nav-call{display:inline-grid}
}
.hero-main .hero-grid{margin-top:clamp(18px,3vw,38px)}
.hero-main::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(70% 80% at 82% 100%,rgba(28,205,168,.16),transparent 58%),
  radial-gradient(55% 60% at 6% -10%,rgba(67,67,219,.14),transparent 60%)}
.hero-main .wrap{position:relative;z-index:1;padding-bottom:0}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:36px;align-items:stretch}
.hero-grid .hero-copy{align-self:center;padding-bottom:clamp(40px,6vw,72px)}
/* Hero ממורכז (אדיטוריאלי) — וריאציה בלי תמונה, פדינג מאוזן למעלה/למטה */
.hero-main.center{text-align:center;padding-block:clamp(46px,6vw,78px)}
.hero-main.center .wrap{max-width:760px}
.hero-main.center .hero-pill{margin-inline:auto}
.hero-main.center h1{max-width:none;margin-inline:auto}
.hero-main.center .hook{margin-inline:auto}
.hero-main.center .hero-cta,.hero-main.center .hero-trust{justify-content:center}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:4px}
  .hero-main{text-align:center}
  .hero-main .hero-grid .hero-copy{display:contents}
  .hero-main .hero-pill{display:none}
  .hero-main h1{order:-1;max-width:none;margin-top:0;margin-inline:auto;font-size:clamp(34px,8.8vw,44px);line-height:1.1}
  .hero-main .hook{margin-inline:auto}
  .hero-main .hero-cta{justify-content:center}
  .hero-main .hero-trust{justify-content:center}
  .hero-grid .hero-copy{padding-bottom:18px}}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:500;letter-spacing:.03em;color:#c7cbf5;margin-bottom:18px}
.hero-kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(28,205,168,.22);flex:none}
.hero-kicker b{color:#fff;font-weight:600}
.hero-main h1{font-family:var(--font-head);font-weight:700;font-size:clamp(29px,4.6vw,50px);line-height:1.08;letter-spacing:-.02em;max-width:17ch}

/* ===== אפקט מכונת כתיבה לכותרת הירו (data-typewriter) =====
   כל התווים קיימים ב-DOM מראש ומוסתרים → אפס CLS; נחשפים אחד-אחד ב-JS.
   קארט מהבהב נע בעקבות התו האחרון. מכובד prefers-reduced-motion. */
h1[data-typewriter] .tw-c{opacity:0;position:relative;transition:opacity .14s var(--ease)}
h1[data-typewriter] .tw-c.tw-on{opacity:1}
h1[data-typewriter].tw-done .tw-c{opacity:1}
.tw-c.tw-cursor::after{content:"";position:absolute;inset-inline-end:-.1em;top:.1em;height:.86em;width:2px;background:var(--accent);border-radius:1px;animation:tw-blink 1.05s steps(1) infinite}
@media (prefers-reduced-motion:reduce){
  h1[data-typewriter] .tw-c{opacity:1!important}
  .tw-c.tw-cursor::after{display:none}
}
@keyframes tw-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.hero-main h1 .accent{color:var(--teal-300)}
.hero-main h1 .hero-h1-line{display:block}
.hero-main .hook{margin-top:18px;font-size:clamp(16px,1.8vw,20px);line-height:1.55;color:#e0e3f5;max-width:46ch}
@media(max-width:820px){
  .hero-main h1{margin-bottom:0}
  .hero-main .hook{margin-top:0}
}
.hero-main .hook b{color:#fff;font-weight:600}
.hero-main .subline{margin-top:12px;font-size:15px;line-height:1.6;color:#aebbcf;max-width:52ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-trust{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:30px;padding-top:22px;padding-bottom:15px;border-top:1px solid rgba(255,255,255,.12)}
.hero-trust .ts{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#c5cfde}
.hero-trust .ts b{font-family:var(--font-head);color:#fff;font-size:16px;font-weight:600}
.hero-trust .ts .icon{color:var(--teal-300);width:18px;height:18px}
@media(max-width:820px){
  .hero-trust{flex-wrap:nowrap;gap:6px 10px;margin-top:22px;padding-top:5px;padding-bottom:15px}
  .hero-trust .ts{font-size:11px;gap:5px;white-space:nowrap}
  .hero-trust .ts b{font-size:inherit;font-weight:600}
  .hero-trust .ts .icon{width:14px;height:14px;flex-shrink:0}
}
@media(max-width:380px){
  .hero-trust{gap:5px 7px}
  .hero-trust .ts{font-size:10px;gap:4px}
  .hero-trust .ts .icon{width:12px;height:12px}
}
.hero-portrait{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center}
.hero-portrait img{width:100%;max-width:480px;height:auto;display:block;position:relative;z-index:1;vertical-align:bottom}
.hero-portrait::after{content:"";position:absolute;z-index:0;width:82%;aspect-ratio:1;left:50%;bottom:0;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(28,205,168,.28),transparent 70%);filter:blur(26px)}
/* מובייל: הפורטרט מעל הקופי (order:-1), ממורכז ובפרופורציה מוקטנת */
@media(max-width:820px){.hero-main .hero-portrait{order:-3;max-width:200px;margin:0 auto 2px;align-self:center}.hero-main .hero-portrait img{max-width:200px}}

/* ===== Hero עמוד פנימי — רצועה כהה דקה ===== */
/* רקע אחיד עם עמוד הבית (.hero-main): אותו בסיס כהה + אותם הילות teal/indigo, בעוצמה מעט קטנה יותר. גובה מינימלי כדי שלא ייראו "נמוכים" מדי, עם מירכוז אנכי של התוכן. */
.hero-page{position:relative;overflow:hidden;background:var(--surface-dark);color:#fff;
  padding:clamp(72px,8vw,104px) 0 clamp(34px,5vw,58px);min-height:clamp(300px,34vw,400px);
  display:flex;flex-direction:column;justify-content:center}
.hero-page::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(72% 90% at 88% 0,rgba(28,205,168,.15),transparent 56%),
  radial-gradient(58% 70% at 4% -8%,rgba(67,67,219,.16),transparent 60%)}
.hero-page .wrap{position:relative;z-index:1}
.hero-page h1{font-family:var(--font-head);font-weight:700;font-size:clamp(25px,3.6vw,40px);letter-spacing:-.01em;line-height:1.12;max-width:20ch}
.hero-page .lead{margin-top:12px;font-size:clamp(15px,1.6vw,17px);line-height:1.6;color:#cdd2ec;max-width:56ch}
.hero-page .hero-cta{margin-top:22px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:13px;color:#9fa8c8;margin-bottom:15px}
.breadcrumb a{color:#9fa8c8;text-decoration:none;transition:var(--dur)}
.breadcrumb a:hover{color:#fff}
.breadcrumb .sep{opacity:.5}
.breadcrumb .cur{color:#fff}

/* ===== Hero עמוד פנימי — עם ויזואל צד (וריאציית עמודי שירות) ===== */
.hero-page .hero-page-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(22px,4vw,48px);align-items:center}
.hero-page-visual{display:flex;justify-content:center;align-items:center}
.hero-page-visual img{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 18px 40px rgba(10,14,29,.32))}
@media(max-width:820px){.hero-page .hero-page-grid{grid-template-columns:1fr}.hero-page-visual{display:none}}

/* ===== Hero עמוד פנימי — גרסה בהירה ===== */
.hero-page.light{background:linear-gradient(160deg,var(--indigo-50),#fff 70%);color:var(--ink)}
.hero-page.light::before{background:radial-gradient(80% 120% at 94% 0,rgba(28,205,168,.14),transparent 50%)}
.hero-page.light .lead{color:var(--muted)}
.hero-page.light .breadcrumb,.hero-page.light .breadcrumb a{color:var(--muted)}
.hero-page.light .breadcrumb .cur{color:var(--ink)}
.hero-page.light .hero-pill{color:var(--teal-700);background:var(--teal-50);border-color:var(--teal-200)}

/* ===== WhatsApp — הדמיית דיאלוג (ורטיקל "יד על הדופק") ===== */
.wa-vert{display:grid;grid-template-columns:1fr .9fr;gap:clamp(26px,4vw,58px);align-items:center}
/* מובייל: הוויזואל (תמונה/צ'אט) מעל בלוק הכותרת */
@media(max-width:860px){.wa-vert{display:flex;flex-direction:column-reverse;gap:30px}}
.wa-vert .sec-h{margin-bottom:0}
.wa-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:13px}
.wa-points li{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--muted)}
.wa-points li .icon{color:var(--whatsapp);flex-shrink:0;width:19px;height:19px;margin-top:1px}
.wa-points li b{color:var(--ink);font-weight:600}
/* עמודת ה-CTA הסופית (ליד הצ'אט): נקודות עם תגי-אייקון, מרווח אוורירי ושורת פעולה */
.cta-final .wa-points{gap:16px;margin-top:22px}
.cta-final .wa-points li{align-items:center;gap:14px;font-size:15.5px;color:var(--gray-700)}
.cta-final .wa-points li > svg,.cta-final .wa-points li > .icon{width:42px;height:42px;padding:10px;
  border-radius:var(--r-md);background:var(--teal-50);color:var(--teal-600);box-shadow:var(--sh-sm);
  border:1px solid var(--teal-200);flex:none;margin-top:0}
.cta-final .wa-points li b{color:var(--ink)}
.cta-final .cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

.wa-chat{width:100%;max-width:384px;margin-inline:auto;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-lg);background:#0b141a;font-family:var(--font-body)}
.wa-head{display:flex;align-items:center;gap:11px;padding:11px 14px;background:#202c33;text-decoration:none;cursor:pointer;transition:background var(--dur) var(--ease)}
.wa-head:hover{background:#26343d}
.wa-actions{cursor:pointer}
.wa-ava{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--whatsapp);color:#fff;font-weight:700;font-size:17px;font-family:var(--font-head)}
.wa-id{flex:1;min-width:0;color:#fff}
.wa-name{font-weight:600;font-size:15px;line-height:1.25}
.wa-status{font-size:12px;color:#8aa0ab;display:flex;align-items:center;gap:5px}
.wa-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--whatsapp)}
.wa-actions{display:flex;gap:16px;color:#aebac1}
.wa-actions .icon{width:19px;height:19px}

.wa-body{padding:16px 11px 14px;display:flex;flex-direction:column;gap:7px;background:#0b141a;height:380px;overflow-y:auto;scroll-behavior:smooth}
.wa-day{align-self:center;background:#182229;color:#8aa0ab;font-size:11.5px;padding:4px 11px;border-radius:8px;margin-bottom:4px}
.wa-msg{max-width:82%;padding:6px 9px 5px;border-radius:9px;font-size:13.6px;line-height:1.5;color:#e9edef;box-shadow:0 1px .5px rgba(0,0,0,.25)}
.wa-msg time{float:inline-end;margin-inline-start:10px;margin-top:5px;font-size:10px;color:rgba(233,237,239,.55);display:inline-flex;align-items:center;gap:3px;line-height:1}
.wa-msg time .icon{width:14px;height:14px;color:#53bdeb}
/* אדם (אפור) — שמאל · המשתמש (ירוק) — ימין (RTL) */
.wa-msg.them{align-self:flex-end;background:#202c33;border-top-left-radius:3px}
.wa-msg.me{align-self:flex-start;background:#005c4b;border-top-right-radius:3px}
/* קישור CTA בתוך בועה (להמשך השיחה בוואטסאפ האמיתי) */
.wa-cta{display:inline-flex;align-items:center;gap:7px;margin:10px 0 4px;padding:9px 15px;border-radius:var(--r-pill);background:rgba(37,211,102,.14);color:#4fe08a;border:1px solid rgba(37,211,102,.34);font-family:var(--font-head);font-weight:600;font-size:12.5px;text-decoration:none;transition:var(--dur) var(--ease)}
.wa-cta:hover{background:rgba(37,211,102,.22);border-color:rgba(37,211,102,.5)}
.wa-cta .icon{width:15px;height:15px}

/* מחוון "מקליד…" (typing) — תמיד מצד אדם (שמאל) */
.wa-typing{align-self:flex-end;display:inline-flex;gap:4px;align-items:center;background:#202c33;padding:11px 13px;border-radius:9px;border-top-left-radius:3px}
.wa-typing span{width:7px;height:7px;border-radius:50%;background:#8aa0ab;animation:wa-type 1.2s var(--ease) infinite}
.wa-typing span:nth-child(2){animation-delay:.18s}
.wa-typing span:nth-child(3){animation-delay:.36s}
@keyframes wa-type{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* אנימציית כניסה לבועות ולמחוון ההקלדה */
.wa-msg,.wa-typing{animation:wa-pop .34s var(--ease) both}
@keyframes wa-pop{from{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:none}}

/* שורת הקלדה ושליחה */
.wa-compose{display:flex;align-items:center;gap:8px;padding:9px 11px;background:#1e2a31}
.wa-compose input{flex:1;min-width:0;border:none;outline:none;border-radius:var(--r-pill);padding:10px 15px;background:#2a3942;color:#e9edef;font-family:var(--font-body);font-size:13.6px}
.wa-compose input::placeholder{color:#8aa0ab}
.wa-compose button{flex-shrink:0;width:39px;height:39px;border-radius:50%;border:none;background:var(--whatsapp);color:#fff;display:grid;place-items:center;cursor:pointer;transition:var(--dur) var(--ease)}
.wa-compose button:hover{filter:brightness(1.08)}
.wa-compose button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.wa-compose button .icon{width:18px;height:18px}

@media(prefers-reduced-motion:reduce){
  .wa-msg,.wa-typing{animation:none}
  .wa-typing span{animation:none;opacity:.6}
  .wa-body{scroll-behavior:auto}
}

/* =========================================================
   SITE FOOTER — פוטר האתר (כהה, ארבע עמודות + פס תחתון)
   ========================================================= */
.site-footer{background:var(--ink);color:#c2c8e4;font-size:14px;padding:clamp(40px,5vw,56px) 0 22px}
.site-footer a{color:#c2c8e4;text-decoration:none;transition:color var(--dur) var(--ease)}
.site-footer a:hover{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}
.footer-brand img{height:30px;width:auto;display:block;margin-bottom:14px}
.footer-brand p{color:#9aa2c8;font-size:13.5px;line-height:1.6;max-width:34ch}
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{width:38px;height:38px;border-radius:var(--r-sm);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;color:#c2c8e4;transition:var(--dur) var(--ease)}
.footer-social a:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}
/* בריחוף — האייקון נצבע בצבע המותג של כל רשת (chip לבן + לוגו צבעוני) */
.footer-social a[href*="youtube"]:hover{color:#FF0000}
.footer-social a[href*="facebook"]:hover{color:#1877F2}
.footer-social a[href*="spotify"]:hover{color:#1DB954}
.footer-social a[href*="instagram"]:hover{color:#fff;border-color:transparent;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
.footer-social .icon{width:18px;height:18px}
.footer-col h3,.footer-col h4{font-family:var(--font-head);color:#fff;font-size:14.5px;font-weight:600;margin-bottom:22px}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.footer-col .f-contact{display:flex;align-items:center;gap:9px}
.footer-col .f-contact .icon{width:16px;height:16px;color:var(--teal-300);flex:none}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:clamp(30px,4vw,40px);padding-top:18px;
  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;
  font-size:12px;color:#8a91b8;line-height:1.6}
.footer-bottom .legal{flex:1 1 100%;max-width:none;
  border:1px dashed rgba(255,255,255,.22);border-radius:var(--r-md);
  padding:clamp(12px,2vw,16px) clamp(14px,2.4vw,20px)}
.footer-bottom .legal b{color:#aab1d6;font-weight:600}
.footer-bottom .credit{flex:1 1 100%;text-align:center;white-space:nowrap}
/* מובייל: פינוי תחתון כשיש כפתורים צפים — שלא יוסתרו גילוי נאות וקרדיט */
@media(max-width:820px){
  body:has(.floaters) .site-footer{
    padding-bottom:calc(var(--fab-inset) + var(--fab-size)*2 + var(--fab-gap) + var(--s-6))}}

/* =========================================================
   MODAL / POPUP — חלון קופץ (overlay כללי + שני וריאנטים)
   ========================================================= */
.modal-overlay{position:fixed;inset:0;z-index:1300;background:rgba(14,19,48,.55);
  display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.show{display:flex;animation:modal-fade var(--dur) var(--ease)}
.modal{position:relative;width:100%;max-width:440px;background:var(--surface);color:var(--ink);
  border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:30px 28px 28px}
.modal-overlay.show .modal{animation:modal-pop .26s var(--ease)}
.modal .modal-close{position:absolute;inset-inline-end:14px;top:14px;width:34px;height:34px;border:none;
  border-radius:50%;background:var(--gray-100);color:var(--muted);display:grid;place-items:center;
  cursor:pointer;transition:var(--dur) var(--ease)}
.modal .modal-close:hover{background:var(--line);color:var(--ink)}
.modal .modal-close .icon{width:18px;height:18px}
.modal .modal-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;
  color:var(--teal-700);background:var(--teal-50);border:1px solid var(--teal-200);
  padding:5px 12px;border-radius:var(--r-pill);margin-bottom:14px}
.modal .modal-pill .icon{width:14px;height:14px}
.modal h3{font-size:23px;line-height:1.22;margin-bottom:7px}
.modal .modal-sub{font-size:14px;color:var(--muted);line-height:1.55;margin-bottom:20px}
.modal .modal-note{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}
.modal .modal-note .icon{width:13px;height:13px;vertical-align:-.15em}
/* וריאנט יצירת קשר — אותו חלון בהיר כמו לכידת ליד, עם כרטיסי ערוצי קשר */
.modal-channels{display:grid;gap:11px}
.modal-contact .channel{background:var(--gray-100);border:1px solid var(--line);color:var(--ink);
  border-radius:var(--r-md);padding:13px 15px;transition:var(--dur) var(--ease)}
.modal-contact .channel:hover{background:var(--indigo-50);border-color:var(--teal-200);transform:translateY(-1px)}
.modal-contact .channel .ic-wrap{width:42px;height:42px;border-radius:var(--r-sm);
  background:var(--indigo-50);color:var(--brand)}
.modal-contact .channel b{color:var(--ink)}
.modal-contact .channel small{color:var(--muted)}
/* במה לתצוגת מסמך — מציגה מודאל סטטי על רקע מעומעם (לא fixed) */
.modal-stage{position:relative;display:grid;place-items:center;padding:clamp(28px,4vw,46px) 20px;
  border-radius:var(--r-lg);background:rgba(14,19,48,.55);
  background-image:radial-gradient(120% 120% at 80% 0,rgba(67,67,219,.35),transparent 60%)}
.modal-stage .modal{box-shadow:var(--sh-lg)}
@keyframes modal-fade{from{opacity:0}to{opacity:1}}
@keyframes modal-pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .modal-overlay.show,.modal-overlay.show .modal{animation:none}
}

/* =========================================================
   סקשנים חוזרים — תבניות סקשן לעמודים
   (כאב · בידול · המלצות · CTA · פודקאסט · עמוד-מסמך · hero-מינימלי)
   רכיבי אתר אמיתיים. נטענים גם ב-sections.html לתצוגה ולניהול עיצוב.
   ========================================================= */

/* — כותרת סקשן אתרית (eyebrow + h2 + תיאור). שונה מ-.sec-h שהיא כותרת תיעוד בדף הדוקים — */
.section-head{margin-bottom:clamp(26px,3vw,40px)}
.section-head .eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-head);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:var(--indigo-50);padding:6px 13px;border-radius:var(--r-pill);margin-bottom:14px}
.section-head .eyebrow .icon{width:15px;height:15px}
.section-head h2{font-family:var(--font-head);font-weight:700;font-size:clamp(24px,3.4vw,34px);line-height:1.15;letter-spacing:-.01em;max-width:22ch}
.section-head p{margin-top:10px;color:var(--muted);font-size:clamp(15px,1.6vw,17px);line-height:1.6;max-width:58ch}
.section-head.center{text-align:center;display:flex;flex-direction:column;align-items:center}
.section-head.center h2{max-width:24ch}
.section-head.center p{max-width:62ch}

/* — כאב / הזדהות (3 עמודי השירות) — */
.pain{padding-block:clamp(46px,6vw,78px);background:var(--bg)}
.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.pain-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:24px 22px}
.pain-item .ic-wrap{width:46px;height:46px;border-radius:var(--r-md);background:#fdeceb;color:var(--danger);display:grid;place-items:center;margin-bottom:14px}
.pain-item .ic-wrap .icon{width:23px;height:23px}
.pain-item h4,.pain-item h3{font-family:var(--font-head);font-size:18px;font-weight:600;margin-bottom:6px}
.pain-item p{font-size:14.5px;color:var(--muted);line-height:1.6}
.pain-resolve{display:flex;align-items:center;gap:13px;margin-top:22px;padding:18px 22px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--teal-50),var(--indigo-50));border:1px solid var(--teal-200)}
.pain-resolve .icon{width:26px;height:26px;color:var(--positive);flex:none}
.pain-resolve p{font-family:var(--font-head);font-weight:600;font-size:clamp(16px,2vw,19px);color:var(--ink);line-height:1.4}
.pain-resolve p b{color:var(--brand)}
@media(max-width:560px){.pain-resolve{flex-direction:column;text-align:center}}

/* — בידול / שיטה (כרטיסים ממוספרים) — */
.edge{padding-block:clamp(46px,6vw,78px)}
.edge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:20px}
.edge-item{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:26px 24px;
  transition:transform var(--dur),box-shadow var(--dur),border-color var(--dur)}
/* פס מבטא עליון שמופיע ב-hover */
.edge-item::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;
  background:linear-gradient(90deg,var(--teal-400),var(--teal-600));opacity:0;transition:opacity var(--dur)}
.edge-item:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:var(--teal-200)}
.edge-item:hover::before{opacity:1}
/* מספר השלב כ-watermark עדין בפינה (RTL: פינה שמאלית-עליונה) */
.edge-item .num{position:absolute;inset-block-start:18px;inset-inline-end:20px;
  font-family:var(--font-head);font-size:40px;font-weight:700;line-height:1;
  color:var(--teal-100);pointer-events:none;-webkit-user-select:none;user-select:none}
.edge-item .ic-wrap{position:relative;z-index:1;width:50px;height:50px;border-radius:var(--r-md);background:var(--teal-50);color:var(--teal-600);display:grid;place-items:center;margin-bottom:15px}
.edge-item .ic-wrap .icon{width:25px;height:25px}
.edge-item h4,.edge-item h3{font-family:var(--font-head);font-size:18.5px;font-weight:600;margin-bottom:7px}
.edge-item p{font-size:14.5px;color:var(--muted);line-height:1.65}

/* — המלצות (גריד שעוטף את כרטיסי .quote הקיימים) — */
.testi{padding-block:clamp(46px,6vw,78px);background:var(--bg)}
.testi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}

/* — CTA · רצועת קריאה-לפעולה תחתונה — */
.cta-band{position:relative;overflow:hidden;text-align:center;color:#fff;border-radius:var(--r-xl);padding:clamp(40px,5vw,64px) clamp(22px,4vw,48px);background:linear-gradient(150deg,var(--indigo-600),var(--indigo-800) 70%,#0f3b35)}
.cta-band::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 120% at 88% 0,rgba(28,205,168,.22),transparent 55%)}
.cta-band>*{position:relative;z-index:1}
.cta-band .hero-pill{margin-inline:auto}
.cta-band h2{font-family:var(--font-head);font-weight:700;font-size:clamp(25px,3.6vw,38px);line-height:1.15;max-width:20ch;margin-inline:auto}
.cta-band p{margin:14px auto 0;font-size:clamp(15px,1.8vw,18px);color:#d4d7f5;line-height:1.6;max-width:48ch}
.cta-band .hero-cta{justify-content:center;margin-top:28px}

/* — פודקאסט / אזכורים (בית + אודות) — */
.podcast{padding-block:clamp(46px,6vw,78px)}
.pod-logos{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.pod-chip{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-sm);font-family:var(--font-head);font-weight:600;font-size:14px;color:var(--gray-700);text-decoration:none;transition:var(--dur) var(--ease)}
.pod-chip:hover{border-color:var(--indigo-300);color:var(--brand);transform:translateY(-1px)}
.pod-chip .icon{width:20px;height:20px;color:var(--brand)}
.pod-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:26px}
.pod-card{display:flex;gap:15px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:18px 20px;text-decoration:none;color:inherit;transition:var(--dur) var(--ease)}
.pod-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}
.pod-card .cover{width:58px;height:58px;border-radius:var(--r-md);background:linear-gradient(150deg,var(--indigo-500),var(--indigo-800));color:#fff;display:grid;place-items:center;flex:none}
.pod-card .cover .icon{width:26px;height:26px}
.pod-card h4{font-family:var(--font-head);font-size:15.5px;font-weight:600;margin-bottom:4px;line-height:1.3}
.pod-card small{color:var(--muted);font-size:12.5px}

/* — גלריית וידאו פודקאסט: סרטון אחד גלוי + חיצי ניווט; לחיצה על הסרטון → יוטיוב בטאב חדש — */
.pod-carousel{display:flex;align-items:center;gap:clamp(10px,2vw,18px);margin-top:26px;max-width:720px;margin-inline:auto}
.pod-carousel-viewport{flex:1;min-width:0;overflow:hidden}
.pod-carousel-track{position:relative;margin:0}
.pod-carousel-slide{display:none;text-decoration:none;color:inherit;border-radius:var(--r-lg);outline-offset:4px}
.pod-carousel-slide.active{display:block}
.pod-carousel-frame{position:relative;display:block;width:100%;padding-top:56.25%;border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--sh-lg);background:linear-gradient(150deg,var(--indigo-700),var(--indigo-900))}
.pod-carousel-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pod-carousel-play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--brand);display:grid;place-items:center;
  box-shadow:var(--sh-md);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}
.pod-carousel-play .icon{width:27px;height:27px;margin-inline-start:3px}
.pod-carousel-slide:hover .pod-carousel-play,.pod-carousel-slide:focus-visible .pod-carousel-play{transform:scale(1.08);background:#fff}
.pod-carousel-slide:focus-visible .pod-carousel-frame{outline:3px solid var(--indigo-200);outline-offset:3px}
.pod-carousel-btn{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);
  color:var(--gray-700);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:var(--sh-sm);
  transition:var(--dur) var(--ease)}
.pod-carousel-btn:hover:not(:disabled){border-color:var(--indigo-300);color:var(--brand);transform:translateY(-1px)}
.pod-carousel-btn:focus-visible{outline:3px solid var(--indigo-200);outline-offset:2px}
.pod-carousel-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.pod-carousel-btn .icon{width:20px;height:20px}
@media(prefers-reduced-motion:reduce){.pod-carousel-btn{transition:none}}
/* מובייל — סקשן פודקאסט: הגלריה מעל, ואז לוגואים בסטאק אנכי (כמו הגדרות iOS) · והקרוסלה הופכת לסליידר snap-center */
@media(max-width:640px){
  .podcast .wrap{display:flex;flex-direction:column}
  .podcast .section-head{order:1}
  .podcast .pod-carousel{order:2;margin-top:20px;gap:8px}
  .pod-carousel-btn{width:38px;height:38px}
  .pod-carousel-btn .icon{width:18px;height:18px}
  /* כפתורי הפלטפורמות במובייל — דבוקה אחת רחבה בסגנון iOS: מסגרת+פינות לקבוצה, שורות עם divider, ואייקון פתיחה-חיצונית בקצה */
  .podcast .pod-logos{order:4;margin-top:24px;flex-direction:column;align-items:stretch;gap:0;
    max-width:none;margin-inline:0;border:1px solid var(--line);border-radius:var(--r-lg);
    overflow:hidden;background:var(--surface);box-shadow:var(--sh-sm)}
  .podcast .pod-chip{justify-content:flex-start;gap:12px;border:0;border-radius:0;box-shadow:none;
    background:transparent;padding:16px 18px;font-size:15px;border-bottom:1px solid var(--line)}
  .podcast .pod-chip:last-child{border-bottom:0}
  .podcast .pod-chip:hover,.podcast .pod-chip:active{transform:none;background:var(--gray-100);color:var(--gray-700)}
  /* אייקון "פתיחה חיצונית" (external-link) בקצה כל שורה — מסמן שהקישור יוצא מהאתר */
  .podcast .pod-chip::after{content:"";flex:none;margin-inline-start:auto;width:15px;height:15px;background:var(--muted);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center/contain no-repeat}
}

/* — סקשן "דופק השוק": מספרי אחוזים רנדומליים צפים (אדום/ירוק) ברקע · הלוגיקה ב-index.html — */
.market-pulse{position:relative;overflow:hidden;display:grid;place-items:center;min-height:clamp(360px,48vw,480px)}
.market-pulse .wrap{position:relative;z-index:1}
.market-pulse .section-head{margin-bottom:0}
.mp-stage{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.mp-note{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;color:var(--muted);font-size:12px;text-align:center}
.mp-note .icon{width:14px;height:14px;flex:none}
.mp-badge{position:absolute;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-head);font-weight:700;
  font-size:clamp(15px,2.4vw,24px);padding:6px 13px;border-radius:var(--r-pill);white-space:nowrap;border:1px solid;
  opacity:0;animation:mp-pop var(--mp-dur,3s) var(--ease) forwards;will-change:transform,opacity}
.mp-badge.up{color:var(--positive);background:rgba(18,165,148,.10);border-color:rgba(18,165,148,.34)}
.mp-badge.down{color:var(--danger);background:rgba(224,86,74,.10);border-color:rgba(224,86,74,.34)}
.mp-badge .arw{width:1em;height:1em;flex:none}
@keyframes mp-pop{0%{opacity:0;transform:translateY(10px) scale(.82)}16%{opacity:1;transform:translateY(0) scale(1)}82%{opacity:1}100%{opacity:0;transform:translateY(-12px) scale(.9)}}
@media(prefers-reduced-motion:reduce){.mp-badge{display:none}}

/* — עמוד-מסמך / רגולציה · פרוזה משפטית (ניווט בטאבים ב-.tabs הקיים) — */
.legal-doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:clamp(24px,4vw,40px);max-width:760px;margin-top:22px}
.legal-doc .updated{font-size:13px;color:var(--muted);padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.legal-doc h3{font-family:var(--font-head);font-size:19px;font-weight:600;color:var(--ink);margin-top:26px;margin-bottom:8px}
.legal-doc p{font-size:15px;line-height:1.75;color:var(--gray-700);margin-bottom:12px}
.legal-doc ul{list-style:disc;padding-inline-start:22px;margin-bottom:12px;display:grid;gap:8px}
.legal-doc li{font-size:15px;line-height:1.7;color:var(--gray-700)}

/* — hero-מינימלי: וריאנט סופר-מינימלי של .hero-page (כותרת + lead, ללא CTA) — */
.hero-page.minimal{padding-block:clamp(72px,8vw,104px) clamp(36px,4.5vw,56px);text-align:center}
.hero-page.minimal .wrap{max-width:720px;margin-inline:auto}
.hero-page.minimal .breadcrumb{justify-content:center}
.hero-page.minimal .hero-pill{margin-inline:auto}
.hero-page.minimal h1{margin-inline:auto;max-width:24ch}
.hero-page.minimal .lead{margin-inline:auto;max-width:58ch}


/* =========================================================
   מפריד עדין בין סקשנים — קו-שיער כדי שנבחין במעבר בין קטעים
   ========================================================= */
.band, .pain, .edge, .testi, .podcast, .ibi-band { border-top:1px solid var(--line) }
/* רצועות כהות/CTA מספקות גבול משלהן — לבטל קו כפול אחריהן */
.hero-main + *, .hero-page + * { border-top:none }
/* החלפת-גוון עדינה בין סקשנים (זברה) — סקשן זוגי מעט כהה יותר; הירו לעולם לא מושפע */
article.page > section:nth-of-type(even):not(.hero-main):not(.hero-page){background:var(--bg-alt)}

/* =========================================================
   המלצות — קיר ביקורות נע (וריאציית עמודי המוצר)
   מקור השראה: inspiration-board (Recomm) · בצבעי ובטוקני המותג
   ========================================================= */
.testi-wall{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;height:470px;overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 11%,#000 89%,transparent);
          mask-image:linear-gradient(to bottom,transparent,#000 11%,#000 89%,transparent)}
@media(max-width:860px){.testi-wall{grid-template-columns:repeat(2,1fr)}.testi-col:nth-child(3){display:none}}
@media(max-width:560px){.testi-wall{grid-template-columns:1fr;height:440px}.testi-col:nth-child(2){display:none}}
.testi-col{overflow:hidden}
.testi-track{display:flex;flex-direction:column;gap:18px;animation:testi-scroll 46s linear infinite;will-change:transform}
.testi-col:nth-child(2) .testi-track{animation-duration:58s;animation-direction:reverse}
.testi-col:nth-child(3) .testi-track{animation-duration:52s}
@keyframes testi-scroll{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 9px))}}

.testi-rev{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:18px 20px}
.testi-rev .rev-top{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.testi-rev .rev-ava{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;font-size:16px;background:var(--indigo-100);color:var(--indigo-600)}
/* גוון אווטאר לכל ממליץ — תוית רכה + טקסט כהה, כמו ביקורות Google Maps */
.testi-rev .rev-ava.c1{background:var(--indigo-100);color:var(--indigo-600)}
.testi-rev .rev-ava.c2{background:var(--teal-100);color:var(--teal-700)}
.testi-rev .rev-ava.c3{background:#fdeccb;color:#9a6315}
.testi-rev .rev-ava.c4{background:#fcdce4;color:#b53160}
.testi-rev .rev-ava.c5{background:#e6dcfb;color:#6431b5}
.testi-rev .rev-ava.c6{background:#d6ecfd;color:#1668a8}
.testi-rev .rev-ava.c7{background:#d8f3df;color:#1c8347}
.testi-rev .rev-ava.c8{background:#fde0d2;color:#b5532a}
.testi-rev .rev-id{min-width:0;display:flex;flex-direction:column;gap:1px}
.testi-rev .rev-name{font-family:var(--font-head);font-weight:600;font-size:14.5px;line-height:1.2;color:var(--ink)}
.testi-rev .rev-plat{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted)}
.testi-rev .rev-plat .icon{width:13px;height:13px;color:var(--brand)}
.testi-rev .rev-top{align-items:flex-start}
.testi-rev .rev-stars{display:inline-flex;gap:1px;margin-inline-start:auto;color:var(--warning);flex:none}
.testi-rev .rev-stars svg{width:15px;height:15px}
.testi-rev .rev-stars .off{color:var(--gray-300)}
.testi-rev .rev-text{font-size:14px;line-height:1.65;color:var(--gray-700)}

@media(prefers-reduced-motion:reduce){
  .testi-wall{height:auto;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));-webkit-mask-image:none;mask-image:none}
  .testi-track{animation:none}
}

/* =========================================================
   טיקר מניות מובילות — קיר-לוגו נע עם שינויי אחוז אדום/ירוק (להמחשה)
   ========================================================= */
.ticker-band{padding-block:clamp(42px,5vw,68px)}
.ticker{position:relative;overflow:hidden;direction:ltr;margin-top:clamp(20px,3vw,32px);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 11%,#000 89%,transparent);
          mask-image:linear-gradient(to right,transparent,#000 11%,#000 89%,transparent)}
.ticker-track{display:flex;width:max-content;direction:ltr;animation:ticker-scroll 120s linear infinite;will-change:transform}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tkr{display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 15px;margin-inline-end:14px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--sh-sm);white-space:nowrap;flex:none}
.tkr img{height:18px;width:auto;max-width:88px;object-fit:contain;display:block}
.tkr .sym{font-family:var(--font-head);font-weight:600;font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.tkr .chg{font-family:var(--font-head);font-weight:600;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:74px;padding:4px 10px;border-radius:var(--r-pill);transition:color .45s var(--ease),background .45s var(--ease)}
.tkr .chg svg{width:14px;height:14px}
.tkr .chg.up{color:var(--teal-700);background:var(--teal-50)}
.tkr .chg.down{color:#b23a2e;background:#fdeceb}
.ticker-note{margin-top:20px;text-align:center;font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}
.ticker-note .icon{width:14px;height:14px;flex:none}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}.ticker{-webkit-mask-image:none;mask-image:none}}