/* ── האתר הציבורי של מכריע: בית, מחירים, מאמרים, מדריך, מסמכים ──
   אותה שפה כמו המערכת (chat-theme.css): לבן, נייבי, תכלת-אפור, גלולות.
   יחידות rem — כדי שהגדלת הטקסט בסרגל הנגישות תגדיל באמת. */
:root{
  --bg:#ffffff; --soft:#F0F3F7; --soft2:#E6EEF8; --line:#E1E6ED; --line2:#C5CFDB;
  --ink:#1B2533; --ink2:#4A5668; --ink3:#6B7686;
  --brand:#1D4F91; --brand-d:#153B6D; --stamp:#B3261E; --ok:#2F6B3A;
  --r:18px; --pill:999px;
  --sans:"IBM Plex Sans Hebrew","Segoe UI",Arial,sans-serif;
  --disp:"Suez One",serif;
  --head:"Suez One","IBM Plex Sans Hebrew",serif;   /* כותרות. ברישיון רשת לפעמון (אלף אלף אלף) — להחליף כאן בלבד */
  --shadow:0 1px 2px rgba(16,42,76,.06),0 8px 28px rgba(16,42,76,.08);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.75}
img{max-width:100%;height:auto}
a{color:var(--brand)}
a:hover{color:var(--brand-d)}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--brand);color:#fff;padding:10px 16px;border-radius:10px;z-index:100;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px;margin:0 auto;padding:0 20px}

/* כותרת */
.hdr{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:18px;height:68px}
.logo{font-family:var(--disp);font-size:1.75rem;color:var(--ink);text-decoration:none;line-height:1;white-space:nowrap}
.logo em{font-style:normal;color:var(--stamp)}
.nav{display:flex;gap:4px;margin-inline-start:12px}
.nav a{color:var(--ink2);text-decoration:none;font-size:.95rem;padding:8px 14px;border-radius:var(--pill)}
.nav a:hover,.nav a[aria-current=page]{background:var(--soft);color:var(--ink)}
.hdr .sp{flex:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:1rem;font-weight:500;
  padding:11px 22px;border-radius:var(--pill);border:0;cursor:pointer;text-decoration:none;line-height:1.2;min-height:44px}
.btn-p{background:var(--brand);color:#fff}
.btn-p:hover{background:var(--brand-d);color:#fff}
.btn-s{background:var(--soft);color:var(--ink)}
.btn-s:hover{background:var(--soft2);color:var(--brand-d)}
.btn-l{background:transparent;color:var(--ink2)}
.btn-l:hover{background:var(--soft)}
.btn-lg{font-size:1.1rem;padding:15px 30px;min-height:54px}
.btn[disabled]{opacity:.5;cursor:default}
.menu-b{display:none;width:44px;height:44px;border:0;border-radius:var(--pill);background:transparent;color:var(--ink2);cursor:pointer}
.menu-b:hover{background:var(--soft)}

/* גיבור */
.hero{padding:72px 0 40px;text-align:center}
.eyebrow{display:inline-block;font-size:.9rem;color:var(--brand-d);background:var(--soft2);padding:6px 16px;border-radius:var(--pill);margin-bottom:18px}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:300;line-height:1.2;margin:0 auto 18px;max-width:880px;letter-spacing:0}
.hero h1 b{font-weight:500;color:var(--brand)}
.hero .lead{font-size:clamp(1.1rem,2.2vw,1.3rem);color:var(--ink2);max-width:720px;margin:0 auto 30px}
.hero .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero .note{font-size:.9rem;color:var(--ink3);margin-top:14px}
.demo{max-width:900px;margin:44px auto 0;background:var(--bg);border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line);text-align:start;overflow:hidden}
.demo-q{display:flex;justify-content:flex-end;padding:22px 24px 6px}
.demo-q span{background:var(--soft);border-radius:22px 22px 22px 6px;padding:10px 18px}
.demo-a{display:flex;gap:14px;padding:12px 24px 24px}
.demo-a .av{flex:none;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-family:var(--disp);display:grid;place-items:center}
.demo-a p{margin:0 0 12px}
.src{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.src div{display:flex;gap:14px;align-items:center;padding:10px 14px;font-size:.95rem}
.src div+div{border-top:1px solid var(--line)}
.src b{font-variant-numeric:tabular-nums;color:var(--brand);min-width:56px;font-size:1.05rem}
.src small{color:var(--ink3);display:block;font-size:.82rem}

/* מספרים */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:56px auto 0;max-width:960px}
.stat{background:var(--soft);border-radius:var(--r);padding:20px;text-align:center}
.stat b{display:block;font-size:1.9rem;font-weight:500;color:var(--brand);font-variant-numeric:tabular-nums;line-height:1.3}
.stat span{font-size:.92rem;color:var(--ink2)}

/* מקטעים */
.sec{padding:72px 0}
.sec.alt{background:var(--soft)}
.sec h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:400;line-height:1.3;margin:0 0 12px;text-align:center}
.sec .sub{text-align:center;color:var(--ink2);max-width:680px;margin:0 auto 40px;font-size:1.1rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.sec.alt .card{border-color:transparent}
.card h3{margin:12px 0 6px;font-size:1.2rem;font-weight:600}
.card p{margin:0;color:var(--ink2);font-size:1rem}
.ico{width:46px;height:46px;border-radius:14px;background:var(--soft2);color:var(--brand);display:grid;place-items:center}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{position:relative;padding:26px;border-radius:var(--r);background:var(--bg);border:1px solid var(--line)}
.step::before{counter-increment:s;content:counter(s);width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:600;margin-bottom:12px}
.step h3{margin:0 0 6px;font-size:1.15rem}
.step p{margin:0;color:var(--ink2)}
.qs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.qs span{background:var(--bg);border:1px solid var(--line);border-radius:var(--pill);padding:9px 18px;font-size:.98rem}
.band{background:var(--brand);color:#fff;border-radius:28px;padding:48px;text-align:center}
.band h2{color:#fff;margin-bottom:10px}
.band p{color:#DCE7F5;margin:0 auto 24px;max-width:620px}
.band .btn-p{background:#fff;color:var(--brand-d)}
.band .btn-p:hover{background:var(--soft2)}

/* שאלות נפוצות */
.faq{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;padding:16px 4px;font-weight:600;font-size:1.08rem;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:300;font-size:1.5rem;line-height:1;color:var(--brand)}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0 4px 18px;color:var(--ink2)}

/* מחירים */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.plan{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;padding:28px;background:var(--bg)}
.plan.feat{border:2px solid var(--brand);box-shadow:var(--shadow);position:relative}
.plan .tag{position:absolute;top:-14px;inset-inline-start:24px;background:var(--brand);color:#fff;font-size:.85rem;padding:3px 14px;border-radius:var(--pill)}
.plan h3{margin:0;font-size:1.35rem}
.plan .bl{color:var(--ink2);margin:4px 0 16px;font-size:.98rem}
.plan .pr{font-size:2.6rem;font-weight:500;line-height:1.1}
.plan .pr small{font-size:1rem;color:var(--ink2);font-weight:400}
.plan ul{list-style:none;margin:20px 0 24px;padding:0;flex:1}
.plan li{padding:6px 0;padding-inline-start:28px;position:relative}
.plan li::before{content:"";position:absolute;inset-inline-start:0;top:13px;width:16px;height:9px;border-inline-start:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg) scaleX(-1)}
.once{margin-top:22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--soft);border-radius:24px;padding:22px 28px}
.once .t{flex:1;min-width:220px}
.once b{font-size:1.15rem}
.vat{text-align:center;color:var(--ink3);font-size:.92rem;margin-top:16px}

/* מאמרים */
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.art-c{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);background:var(--bg)}
.art-c:hover{box-shadow:var(--shadow);color:var(--ink)}
.art-c .im{aspect-ratio:16/9;background:var(--soft2) center/cover no-repeat}
.art-c .bd{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.art-c h3{margin:0;font-size:1.18rem;line-height:1.45}
.art-c p{margin:0;color:var(--ink2);font-size:.97rem}
.art-c .mt{margin-top:auto;padding-top:8px;font-size:.85rem;color:var(--ink3)}
.tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}
.tags a{background:var(--soft);color:var(--ink2);text-decoration:none;border-radius:var(--pill);padding:6px 14px;font-size:.92rem}
.tags a.on,.tags a:hover{background:var(--soft2);color:var(--brand-d)}
.crumbs{font-size:.9rem;color:var(--ink3);margin:28px 0 10px}
.crumbs a{color:var(--ink3);text-decoration:none}
.crumbs a:hover{color:var(--brand)}
.art h1{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:500;line-height:1.3;margin:0 0 12px}
.art .meta{color:var(--ink3);font-size:.95rem;margin-bottom:24px}
.art .cover{border-radius:var(--r);margin:0 0 28px;width:100%}
.prose{font-size:1.125rem;line-height:1.9}
.prose h2{font-size:1.55rem;font-weight:600;margin:2em 0 .5em;line-height:1.4;scroll-margin-top:90px}
.prose h3{font-size:1.25rem;font-weight:600;margin:1.6em 0 .4em;scroll-margin-top:90px}
.prose p{margin:0 0 1.1em}
.prose ul,.prose ol{margin:0 0 1.2em;padding-inline-start:1.4em}
.prose li{margin:.3em 0}
.prose blockquote{margin:1.4em 0;padding:14px 20px;border-inline-start:4px solid var(--brand);background:var(--soft);border-radius:0 12px 12px 0}
.prose blockquote p:last-child{margin:0}
.prose img{border-radius:14px;margin:1em 0}
.prose table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:1rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:start}
.prose th{background:var(--soft)}
.prose code{background:var(--soft);padding:2px 6px;border-radius:6px;font-size:.92em}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.toc{background:var(--soft);border-radius:var(--r);padding:18px 22px;margin:0 0 28px}
.toc b{display:block;margin-bottom:6px}
.toc ol{margin:0;padding-inline-start:1.2em}
.toc a{text-decoration:none}
.cta-box{margin:40px 0;background:var(--soft2);border-radius:24px;padding:28px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.cta-box div{flex:1;min-width:220px}
.cta-box b{font-size:1.2rem;display:block;margin-bottom:4px}

/* מסמכים (פרטיות, תנאים, נגישות, מדריך) */
.doc{padding:40px 0 72px}
.doc h1{font-size:clamp(1.9rem,4vw,2.5rem);font-weight:500;margin:0 0 6px}
.doc .upd{color:var(--ink3);font-size:.95rem;margin-bottom:28px}
.doc h2{font-size:1.4rem;font-weight:600;margin:2em 0 .5em;scroll-margin-top:90px}
.doc h3{font-size:1.15rem;font-weight:600;margin:1.4em 0 .4em}
.doc p,.doc li{color:#27313F}
.doc table{width:100%;border-collapse:collapse;margin:1em 0}
.doc th,.doc td{border:1px solid var(--line);padding:9px 12px;text-align:start;vertical-align:top}
.doc th{background:var(--soft);font-weight:600}
.box{background:var(--soft);border-radius:var(--r);padding:18px 22px;margin:1.2em 0}
.box.warn{background:#FFF6E5}
.guide-l{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.guide-nav{position:sticky;top:90px;font-size:.95rem;max-height:calc(100vh - 110px);overflow:auto}
.guide-nav a{display:block;padding:6px 12px;border-radius:10px;color:var(--ink2);text-decoration:none}
.guide-nav a:hover{background:var(--soft);color:var(--ink)}
.ex{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1em 0}
.ex div{border-radius:14px;padding:12px 16px;font-size:1rem}
.ex .good{background:#EAF4EC}
.ex .bad{background:#FBEDEB}
.ex small{display:block;font-weight:600;margin-bottom:2px}
/* מאמרי הכרעות: שורת מספרים, כרטיס הכרעה, טבלה רחבה */
.prose .box p:last-child{margin:0}
.prose .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1.6em 0}
.prose .stat{background:var(--soft);border-radius:14px;padding:16px 18px}
.prose .stat b{display:block;font-size:2rem;line-height:1.1;font-weight:600;color:var(--brand)}
.prose .stat small{display:block;margin-top:6px;font-size:.92rem;line-height:1.5;color:var(--ink2)}
.prose .case{border:1px solid var(--line);border-inline-start:4px solid var(--brand);border-radius:16px;padding:18px 22px 6px;margin:1.6em 0;background:var(--bg)}
.prose .case .kicker{font-size:.9rem;color:var(--ink3);margin:0 0 .7em;line-height:1.6}
.prose .case blockquote{margin:1em 0;background:var(--soft)}
.prose .wide{width:min(1120px,calc(100vw - 32px));margin-inline:calc((100% - min(1120px,calc(100vw - 32px))) / 2)}
.prose .wide table{font-size:.92rem;line-height:1.6}
.prose .wide td{vertical-align:top}
.prose .wide td:nth-child(-n+6),.prose .wide th{white-space:nowrap}
.prose .wide td:last-child{min-width:340px;white-space:normal}
.prose .note{font-size:.95rem;color:var(--ink3)}
.prose .case .note{margin-top:-.2em}
kbd{background:var(--soft);border:1px solid var(--line2);border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-family:inherit;font-size:.9em}

/* טפסים — כניסה, הרשמה, אזור אישי */
.auth{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:40px 16px;background:var(--soft)}
.auth-card{width:min(460px,100%);background:var(--bg);border-radius:28px;box-shadow:var(--shadow);padding:34px 30px}
.auth-card h1{font-size:1.7rem;font-weight:500;margin:0 0 4px;text-align:center}
.auth-card .sub{color:var(--ink2);text-align:center;margin:0 0 24px;font-size:1rem}
.g-btn{width:100%;background:var(--bg);border:1px solid var(--line2);color:var(--ink);font-size:1rem}
.g-btn:hover{background:var(--soft)}
.or{display:flex;align-items:center;gap:12px;color:var(--ink3);font-size:.9rem;margin:20px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.fld label{font-size:.95rem;font-weight:500}
.fld input,.fld select,.fld textarea{font-family:inherit;font-size:1rem;padding:12px 16px;border:1px solid var(--line2);border-radius:14px;background:var(--bg);color:var(--ink);min-height:48px;width:100%}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--soft2)}
.fld .hint{font-size:.85rem;color:var(--ink3)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;margin:6px 0 14px;color:var(--ink2)}
.chk input{width:20px;height:20px;margin-top:3px;flex:none}
.tabs{display:flex;background:var(--soft);border-radius:var(--pill);padding:4px;margin-bottom:22px}
.tabs button{flex:1;font-family:inherit;font-size:.95rem;border:0;background:transparent;padding:9px 6px;border-radius:var(--pill);cursor:pointer;color:var(--ink2)}
.tabs button[aria-selected=true]{background:var(--bg);color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.msg{border-radius:12px;padding:10px 14px;font-size:.95rem;margin-bottom:14px}
.msg.err{background:#FBEDEB;color:#8A1F17}
.msg.ok{background:#EAF4EC;color:#1E4D27}
.alt-l{text-align:center;font-size:.95rem;margin-top:18px;color:var(--ink2)}
.pay-sum{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--soft);border-radius:18px;padding:14px 18px;margin:0 0 14px;font-size:1.05rem}
.pay-sum span{color:var(--ink2);font-size:.95rem}
.pay-note{color:var(--ink2);font-size:.95rem;margin:0 0 20px;line-height:1.6}
.pay-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.pay-row .fld input,.pay-row .fld select{padding:12px 10px}
.og-errors:empty{display:none}
.pay-card .btn-p{width:100%;margin-top:4px}
.pay-card .vat{font-size:.85rem;color:var(--ink3);margin:14px 0 0;line-height:1.6}
.pay-lock{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;color:var(--ink3);margin-top:12px}
.acct{padding:40px 0 72px}
.acct h1{font-size:2rem;font-weight:500;margin:0 0 20px}
.acct-g{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.acct .card h2{font-size:1.2rem;margin:0 0 12px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:1rem}
.kv dt{color:var(--ink3)}
.kv dd{margin:0}
.bar{height:8px;background:var(--soft);border-radius:4px;overflow:hidden;margin:4px 0 12px}
.bar i{display:block;height:100%;background:var(--brand);border-radius:4px}
.pill{display:inline-block;font-size:.85rem;padding:3px 12px;border-radius:var(--pill);background:var(--soft2);color:var(--brand-d)}
.pill.off{background:#FBEDEB;color:#8A1F17}

/* כותרת תחתונה */
.ftr{background:#0F1B2D;color:#C9D3E0;padding:56px 0 28px;margin-top:0}
.ftr a{color:#C9D3E0;text-decoration:none}
.ftr a:hover{color:#fff;text-decoration:underline}
.ftr .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.ftr .logo{color:#fff}
.ftr h4,.ftr h2{color:#fff;margin:0 0 10px;font-size:1rem;font-weight:600}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin:6px 0;font-size:.95rem}
.ftr .bot{border-top:1px solid #24344C;margin-top:36px;padding-top:18px;font-size:.88rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* עוגיות */
.ck{position:fixed;inset-inline:16px;bottom:16px;z-index:90;max-width:560px;background:var(--bg);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.2);padding:18px 20px;font-size:.95rem}
.ck p{margin:0 0 12px}
.ck .b{display:flex;gap:8px;flex-wrap:wrap}

@media (max-width:980px){
  .grid3,.steps,.arts,.plans{grid-template-columns:1fr 1fr}
  .ftr .cols{grid-template-columns:1fr 1fr}
  .guide-l{grid-template-columns:1fr}
  .guide-nav{position:static;max-height:none;background:var(--soft);border-radius:var(--r);padding:10px}
}
@media (max-width:760px){
  .nav{display:none;position:absolute;top:68px;inset-inline:0;background:var(--bg);flex-direction:column;padding:10px 16px 16px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);margin:0}
  .nav.open{display:flex}
  .nav a{padding:12px 14px}
  .menu-b{display:grid;place-items:center}
  .hdr .btn-l{display:none}
  .hero{padding:44px 0 24px}
  .stats{grid-template-columns:1fr 1fr}
  .grid3,.grid2,.steps,.arts,.plans,.acct-g,.ex{grid-template-columns:1fr}
  .prose .stats{grid-template-columns:1fr}
  .prose .case{padding:16px 16px 4px}
  .sec{padding:52px 0}
  .band{padding:34px 22px}
  .ftr .cols{grid-template-columns:1fr}
  .demo-a{padding:10px 16px 18px}
  .hdr .btn-p{padding:9px 16px;font-size:.95rem}
}

/* ── אנימציית הדוגמה בדף הבית: השאלה נכתבת, נשלחת, והתשובה זורמת ──
   בלי JS / עם הפחתת תנועה — הכול מוצג מיד (המצב הסופי הוא ברירת המחדל). */
.demo-in{display:none;align-items:center;gap:8px;margin:18px 18px 4px;padding:10px 12px 10px 10px;border-radius:999px;
  box-shadow:0 0 16px rgba(16,42,76,.10),0 0 0 1px var(--line);background:var(--bg);min-height:48px}
.demo-in .typed{flex:1;font-size:1.02rem;color:var(--ink);white-space:nowrap;overflow:hidden}
.demo-in .typed:empty::before{content:"שאל את מכריע";color:var(--ink3)}
.demo-in .caret{width:2px;height:1.2em;background:var(--brand);animation:dcaret 1s steps(1) infinite;margin-inline-end:auto}
.demo-in .send-i{width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--ink3);display:grid;place-items:center;transition:background .2s,color .2s}
.demo-in.ready .send-i{background:var(--brand);color:#fff}
.demo-think{display:none;align-items:center;gap:6px;padding:12px 24px}
.demo-think .av{width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-family:var(--disp);display:grid;place-items:center;margin-inline-end:8px}
.demo-think i{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:dthink 1.1s infinite ease-in-out}
.demo-think i:nth-of-type(2){animation-delay:.18s}.demo-think i:nth-of-type(3){animation-delay:.36s}
.demo.run .demo-in{display:flex}
.demo.run .demo-q,.demo.run .demo-a{display:none}
.demo.run.s-q .demo-q{display:flex;animation:dup .35s ease-out}
.demo.run.s-think .demo-think{display:flex}
.demo.run.s-a .demo-think{display:none}
.demo.run.s-a .demo-a{display:flex}
.demo.run .demo-a .w{opacity:0;transition:opacity .25s}
.demo.run .demo-a .w.on{opacity:1}
.demo.run .src div{opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.demo.run .src div.on{opacity:1;transform:none}
@keyframes dcaret{50%{opacity:0}}
@keyframes dthink{0%,80%,100%{transform:scale(.6);opacity:.45}40%{transform:scale(1);opacity:1}}
@keyframes dup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.stat b{font-size:1.35rem}
.ck{display:none}
.demo.run .src{opacity:0;transition:opacity .3s}
.demo.run .src.on{opacity:1}

/* ══════════ שפה חזותית (23/09, לילה) ══════════
   הבעלים: «הצבעים הקודמים היו יותר טובים — הם צריכים להרגיש שזה מוכר להם,
   כי הם משתמשים בג'ימיני או בג'יפיטי». לכן: לבן, תכלת-אפור רך, גלולות,
   גופן נקי בלי סריף. מהשכבה העריכתית נשאר רק המבנה (מקטעים, טבלאות). */
:root{--serif:var(--sans);--brass:var(--brand);--paper2:var(--soft)}
.hero h1,.doc h1,.art h1,.auth-card h1,.acct h1,.sec h2,.h-head h2,.h-end h2,.band h2{font-weight:400;letter-spacing:0}
.sec.alt,.h-alt{background:var(--soft)}
.card,.plan,.art-c,.auth-card{border-color:var(--line)}
.plan.feat{border-color:var(--brand);box-shadow:var(--shadow)}
.auth{background:var(--soft)}
.auth-card{border:0;border-radius:28px;box-shadow:var(--shadow)}
.demo{border-radius:28px;box-shadow:var(--shadow)}
.nav a[aria-current=page]{background:var(--soft);color:var(--ink)}

/* גיבור: שני טורים — טקסט ודוגמה חיה */
.h-hero{padding:64px 0 56px}
.h-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.h-kicker{display:inline-block;margin:0 0 18px;font-size:.9rem;color:var(--brand-d);background:var(--soft2);padding:6px 16px;border-radius:999px}
.h-kicker::before{content:none}
.h-hero h1{font-family:var(--sans);font-weight:700;letter-spacing:0;font-size:clamp(2.4rem,4.6vw,3.7rem);line-height:1.15;margin:0 0 22px;color:var(--ink)}
.h-hero h1 span{color:var(--brand)}
.h-lead{font-size:1.2rem;line-height:1.8;color:var(--ink2);margin:0 0 30px;max-width:34em}
.h-ctas{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.h-link{display:inline-flex;align-items:center;min-height:44px;padding:11px 22px;border-radius:999px;background:var(--soft);color:var(--ink);font-weight:500;text-decoration:none}
.h-link:hover{background:var(--soft2);color:var(--brand-d)}
.h-fine{font-size:.88rem;color:var(--ink3);margin:16px 0 0}
.h-hero .demo{margin:0}
.h-cap{font-size:.85rem;color:var(--ink3);margin:12px 4px 0}

/* מקטעים ממוספרים */
.h-sec{padding:84px 0}
.h-head{max-width:640px;margin-bottom:36px}
.h-no{display:inline-block;font-size:.85rem;font-weight:600;color:var(--brand);background:var(--soft2);border-radius:999px;padding:2px 12px;margin-bottom:12px}
.h-head h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin:0 0 12px;line-height:1.25;text-align:start}
.h-head p{margin:0;color:var(--ink2);font-size:1.08rem}
.h-2col{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.h-2col .h-head{margin-bottom:0}

/* טבלת המקורות */
.h-tbl{width:100%;border-collapse:collapse;font-size:1.02rem}
.h-tbl{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.h-tbl th{font-weight:500;font-size:.85rem;color:var(--ink3);text-align:start;padding:14px 16px;background:var(--soft)}
.h-tbl td{padding:18px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.h-tbl td:first-child{white-space:nowrap}
.h-note{margin:20px 0 0;color:var(--ink3);font-size:.95rem;max-width:52em}

/* אנטומיה של ממצא */
.h-anat{margin:0;background:#fff;border:0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.h-anat div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line)}
.h-anat div:last-child{border-bottom:0}
.h-anat dt{color:var(--ink3);font-size:.92rem}
.h-anat dd{margin:0;color:var(--ink)}
.h-anat dd small{display:block;color:var(--ink3);font-size:.85rem}
.h-anat dd.v{font-family:var(--sans);font-weight:500;font-size:1.6rem;line-height:1.1;color:var(--brand);font-variant-numeric:tabular-nums}

/* שלבים ושאלות */
.h-steps{list-style:none;margin:0;padding:0;counter-reset:h;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.h-steps li{counter-increment:h;padding:24px;background:var(--soft);border-radius:20px}
.h-steps li::before{content:counter(h);width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:600;margin-bottom:12px}
.h-steps b{display:block;font-size:1.12rem;margin-bottom:6px}
.h-steps span{color:var(--ink2)}
.h-qs{margin-top:48px}
.h-qs-t{display:block;font-size:.88rem;color:var(--ink3);margin-bottom:10px}
.h-qs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.h-qs ul{gap:10px}
.h-qs li{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;background:var(--soft);border-radius:999px}
.h-qs li span{color:var(--ink)}
.h-qs li em{font-style:normal;font-size:.82rem;color:var(--ink3)}

/* עקרונות — רקע דיו */
.h-ink{background:var(--soft);color:var(--ink)}
.h-ink .h-no{color:var(--brand)}
.h-ink .h-head h2{color:var(--ink)}
.h-quote{font-size:1.3rem !important;font-weight:300;line-height:1.75;color:var(--ink) !important;margin-top:8px !important}
.h-princ{list-style:none;margin:0;padding:0}
.h-princ{display:grid;gap:12px}
.h-princ li{padding:18px 22px;background:#fff;border-radius:20px;color:var(--ink2)}
.h-princ li:first-child{padding-top:18px}
.h-princ b{display:block;color:var(--ink);font-size:1.08rem;margin-bottom:4px;font-weight:600}

/* סיום */
.h-end{padding:88px 0;text-align:center}
.h-end h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0 0 10px}
.h-end p{color:var(--ink2);margin:0 0 26px}

@media (max-width:980px){
  .h-hero-g,.h-2col{grid-template-columns:minmax(0,1fr);gap:36px}
  .h-steps{grid-template-columns:1fr}
  .h-steps li{padding:20px}
}
@media (max-width:760px){
  .h-hero{padding:40px 0 40px}
  .h-sec{padding:56px 0}
  .h-qs ul{grid-template-columns:1fr}
  .h-anat div{grid-template-columns:110px 1fr;padding:12px 16px}
  .h-tbl th:nth-child(3),.h-tbl td:nth-child(3){display:none}
  .h-tbl td:first-child{white-space:normal}
}
.cancel-box{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.cancel-box summary{cursor:pointer;color:var(--ink3);font-size:.95rem}
.cancel-box summary:hover{color:var(--ink)}
.cancel-box p{font-size:.95rem;color:var(--ink2)}

/* גופן הכותרות — כותרות עמוד ופרק בלבד; כותרות כרטיסים נשארות בגופן הקריאה.
   ל-Suez One משקל אחד (400) — משקל מלאכותי מעבה אותו לכתם, לכן 400 קבוע. */
h1,h2,.h-hero h1{font-family:var(--head);font-weight:400;letter-spacing:0}
.h-hero h1{line-height:1.2}
.ftr h4,.ftr h2{font-family:var(--sans)}

/* ══ הדוגמה בדף הבית (24/09): שאלה מורכבת, הבנה, שלבי עבודה, השוואה ומקורות ══
   ללא JS — הכול גלוי (המצב הסופי). עם JS — .run מסתיר כל [data-s] עד שהוא .on */
.demo2{position:relative;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;text-align:start}
.dm-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}
.dm-logo{font-family:var(--disp);font-size:1.15rem;color:var(--ink)}.dm-logo em{font-style:normal;color:var(--stamp)}
.dm-mode{font-size:.8rem;color:var(--brand-d);background:var(--soft2);border-radius:999px;padding:3px 12px}
.dm-scroll{height:520px;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 8px;scrollbar-width:thin}
.dm-q{display:flex;justify-content:flex-end;margin-bottom:14px}
.dm-q span{background:var(--soft);border-radius:22px 22px 22px 6px;padding:10px 18px;max-width:88%;line-height:1.6}
.dm-work{border:1px solid var(--line);border-radius:18px;padding:12px 14px;margin:0 0 14px;font-size:.9rem;color:var(--ink2)}
.dm-und{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}
.dm-und span{font-weight:600;color:var(--ink)}
.dm-und i{font-style:normal;background:var(--soft2);color:var(--brand-d);border-radius:999px;padding:2px 10px;font-size:.84rem}
.dm-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.dm-steps li{display:flex;align-items:center;gap:8px}
.dm-steps li::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.dm-a{display:flex;gap:12px}
.dm-a .av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-family:var(--disp);display:grid;place-items:center}
.dm-body{flex:1;min-width:0}
.dm-bl{margin:2px 0 14px;line-height:1.75}
.dm-bl b{color:var(--brand-d)}
.dm-cmp{border:1px solid var(--line);border-radius:16px;padding:12px 14px 8px;margin-bottom:16px;display:grid;gap:10px}
.dm-r,.dm-ax{display:grid;grid-template-columns:56px minmax(0,1fr) 104px;gap:10px;align-items:center}
.dm-l{font-weight:600;font-size:.92rem}
.dm-t{position:relative;height:10px;border-radius:999px;background:var(--soft)}
.dm-t b{position:absolute;top:0;bottom:0;inset-inline-start:calc(var(--a) / var(--mx,.8) * 100%);width:calc((var(--b) - var(--a)) / var(--mx,.8) * 100%);
  background:var(--brand);opacity:.55;border-radius:999px;transform-origin:right;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.dm-t i{position:absolute;top:50%;inset-inline-start:calc(var(--m) / var(--mx,.8) * 100%);width:14px;height:14px;margin-inline-start:-7px;margin-top:-7px;
  border-radius:50%;background:var(--brand-d);border:2px solid var(--bg);transition:opacity .3s .5s}
.dm-v{font-weight:600;font-variant-numeric:tabular-nums;font-size:.95rem;display:flex;flex-direction:column;line-height:1.25}
.dm-v small{font-weight:400;color:var(--ink3);font-size:.76rem}
.dm-sc{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ink3)}.dm-sc em{font-style:normal}
.dm-h{font-size:.85rem;color:var(--ink3);margin:0 0 8px}
.dm-c{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border:1px solid var(--line);border-radius:14px;margin-bottom:8px;color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s}
.dm-c:hover{border-color:var(--brand);background:var(--soft);color:var(--ink)}
.dm-cv{flex:none;min-width:44px;font-weight:600;font-size:1.15rem;color:var(--brand-d);font-variant-numeric:tabular-nums}
.dm-cb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dm-cb b{font-weight:600;font-size:.95rem}
.dm-cb small{color:var(--ink3);font-size:.78rem}
.dm-cb q{font-size:.85rem;color:var(--ink2);line-height:1.55;margin-top:3px;padding-inline-start:9px;border-inline-start:2px solid var(--line2)}
.dm-cb q::before,.dm-cb q::after{content:'"'}
.dm-cp{flex:none;font-size:.78rem;color:var(--brand);white-space:nowrap;padding-top:3px}
.dm-disc{font-size:.8rem;color:var(--ink3);margin:10px 0 12px}
.dm-next{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.dm-next span{font-size:.85rem;border:1px solid var(--line2);border-radius:999px;padding:5px 13px;color:var(--ink2)}
.dm-in{display:flex;align-items:center;gap:8px;margin:8px 14px 14px;padding:9px 10px 9px 10px;border-radius:26px;
  box-shadow:0 0 16px rgba(16,42,76,.10),0 0 0 1px var(--line);background:var(--bg);min-height:50px}
.dm-in .typed{flex:1;font-size:.98rem;color:var(--ink);line-height:1.5;padding-inline-start:8px}
.dm-in .typed:empty::before{content:"שאל את מכריע";color:var(--ink3)}
.dm-in .caret{width:2px;height:1.2em;background:var(--brand);animation:dcaret 1s steps(1) infinite;margin-inline-end:auto}
.dm-in .send-i{flex:none;width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--ink3);display:grid;place-items:center;transition:background .2s,color .2s}
.dm-in.ready .send-i{background:var(--brand);color:#fff}
.dm-again{position:absolute;top:10px;inset-inline-end:118px;font:inherit;font-size:.8rem;border:0;background:var(--soft);color:var(--ink2);border-radius:999px;padding:4px 12px;cursor:pointer}
.dm-again:hover{background:var(--soft2);color:var(--brand-d)}
.dm-again[hidden]{display:none}
/* מצב ריצה */
.demo2.run [data-s]:not(.on){display:none}
.demo2.run [data-s].on{animation:dup .35s ease-out}
.demo2.run .dm-steps li.on:not(.done)::before{background:none;border:2px solid var(--soft2);border-top-color:var(--brand);animation:dspin .7s linear infinite}
.demo2.run .dm-steps li.on:not(.done){color:var(--ink)}
.demo2.run .dm-work.done{opacity:.8}
.demo2.run .dm-bl .w{opacity:0;transition:opacity .25s}
.demo2.run .dm-bl .w.on{opacity:1}
.demo2.run .dm-r:not(.on) .dm-t b{transform:scaleX(0)}
.demo2.run .dm-r:not(.on) .dm-t i,.demo2.run .dm-r:not(.on) .dm-v{opacity:0}
.demo2.run .dm-v{transition:opacity .3s .4s}
.demo2.run .dm-c.on{animation:dup .4s ease-out}
@keyframes dspin{to{transform:rotate(360deg)}}
.h-hero .demo2{margin:0}
@media (max-width:760px){
  .dm-scroll{height:470px;padding:14px 14px 6px}
  .dm-r,.dm-ax{grid-template-columns:50px minmax(0,1fr) 92px;gap:8px}
  .dm-cp{display:none}
  .dm-again{inset-inline-end:110px}
}

/* ══ תנועה בגלילה (24/09, גרסה 2 — אפקט שונה לכל מקטע) ══
   הכיתה rv-on נוספת רק כש-JS פעיל ובלי הפחתת תנועה; בלעדיה הכול גלוי. */
.rv-on [data-rv]{--ease:cubic-bezier(.2,.7,.2,1);--d:calc(var(--i,0) * 90ms)}
.rv-on [data-rv=up],.rv-on [data-rv=side],.rv-on [data-rv=pop],.rv-on [data-rv=blur],.rv-on [data-rv=tilt],
.rv-on [data-rv=swing],.rv-on [data-rv=glow]{opacity:0;transition:opacity .75s var(--ease) var(--d),transform .8s var(--ease) var(--d),filter .8s var(--ease) var(--d)}
.rv-on [data-rv=up]{transform:translateY(26px)}
.rv-on [data-rv=side]{transform:translateX(30px)}
.rv-on [data-rv=glow]{transform:translateX(18px)}
.rv-on [data-rv=pop]{transform:scale(.82);transition-timing-function:ease,cubic-bezier(.34,1.56,.64,1),ease}
.rv-on [data-rv=blur]{filter:blur(8px);transform:translateY(10px)}
.rv-on [data-rv=tilt]{transform:perspective(1000px) rotateX(16deg) translateY(40px);transform-origin:50% 0;transition-duration:.9s,1.1s,.9s}
.rv-on [data-rv=swing]{transform:perspective(700px) rotateY(-24deg) translateX(20px);transform-origin:100% 50%}
.rv-on [data-rv].in{opacity:1;transform:none;filter:none}
/* וילון: הכרטיס נחשף מלמטה למעלה */
.rv-on [data-rv=clip]{clip-path:inset(100% 0 0 0 round 20px);transition:clip-path .9s cubic-bezier(.6,.05,.2,1) var(--d)}
.rv-on [data-rv=clip].in{clip-path:inset(0 0 0 0 round 20px)}
/* מילה-מילה מאחורי מסכה (כותרות) */
.rw{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.rw > span{display:inline-block}
.rv-on [data-rv=words] .rw > span{transform:translateY(105%);transition:transform .75s cubic-bezier(.2,.8,.2,1) calc(var(--w) * 55ms)}
.rv-on [data-rv=words].in .rw > span{transform:none}
/* מילה-מילה בהבהרה (הציטוט) */
.rf > span{display:inline}
.rv-on [data-rv=wfade] .rf > span{opacity:.08;transition:opacity .5s ease calc(var(--w) * 38ms)}
.rv-on [data-rv=wfade].in .rf > span{opacity:1}
/* האנטומיה: קו סריקה עובר על הכרטיס, והשורות נדלקות לרגע */
.h-anat{position:relative}
.rv-on .h-anat.in::after{content:"";position:absolute;inset-inline:0;top:0;height:70px;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(29,79,145,.08) 55%,rgba(29,79,145,.20) 60%,transparent 62%);
  animation:rvscan 1.8s cubic-bezier(.4,0,.2,1) .5s both}
@keyframes rvscan{from{transform:translateY(-70px);opacity:1}90%{opacity:1}to{transform:translateY(560px);opacity:0}}
.rv-on .h-anat > div.in{animation:rvglow 1.3s ease-out calc(var(--i,0) * 90ms + .45s) both}
@keyframes rvglow{0%{background:transparent}35%{background:var(--soft2)}100%{background:transparent}}
/* מספרי השלבים קופצים אחרי שהווילון נפתח */
.rv-on .h-steps > li.in::before{animation:rvpop .55s cubic-bezier(.3,1.6,.5,1) calc(var(--i,0) * 90ms + .55s) both}
@keyframes rvpop{from{transform:scale(0) rotate(-90deg)}to{transform:none}}
/* סיום: הילה רכה מתפשטת מאחורי הקריאה לפעולה */
.h-end{position:relative;overflow:hidden;isolation:isolate}
.rv-on .h-end::before{content:"";position:absolute;left:50%;top:50%;width:760px;height:760px;margin:-380px 0 0 -380px;z-index:-1;border-radius:50%;
  background:radial-gradient(circle,var(--soft2) 0%,rgba(255,255,255,0) 65%);transform:scale(.3);opacity:0;transition:transform 1.6s var(--ease),opacity 1.2s ease}
.rv-on .h-end.in::before{transform:scale(1);opacity:1}
html.a-motion [data-rv],html.a-motion [data-rv] span{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}
/* כרטיסים מגיבים למעבר עכבר */
.h-steps li,.h-princ li,.h-qs li{transition:transform .25s ease,box-shadow .25s ease}
.rv-on [data-rv].rv-done{transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover){
  .h-steps li:hover,.h-princ li:hover,.rv-on .h-steps > li.rv-done:hover,.rv-on .h-princ > li.rv-done:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(16,42,76,.08)}
  .h-qs li:hover,.rv-on .h-qs li.rv-done:hover{transform:scale(1.03)}
}
/* שאלות נפוצות: התשובה נפתחת בתנועה */
.faq details[open] p{animation:dup .35s ease-out}
/* פס התקדמות קריאה בתחתית הכותרת */
.rd-bar{position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:right;will-change:transform;pointer-events:none}

/* ══ דמו בלולאה (24/09, גרסה 3): ארבע שאלות, נקודות מעבר, היסטוגרמה וטבעת ══ */
.dm-dots{display:flex;gap:6px;margin-inline-start:auto;margin-inline-end:12px}
.dm-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--line2);cursor:pointer;transition:width .3s,background .3s}
.dm-dots button[aria-selected=true]{width:22px;background:var(--brand)}
.dm-top{gap:8px}
.dm-scene{transition:opacity .35s ease,transform .35s ease}
.dm-scene.out{opacity:0;transform:translateY(-8px)}
.dm-scroll{height:470px}
/* היסטוגרמה */
.dm-hist{border:1px solid var(--line);border-radius:16px;padding:14px 14px 8px;margin-bottom:14px}
.dm-hcols{display:flex;align-items:flex-end;gap:10px;height:120px}
.dm-hc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.dm-hc span{width:100%;max-width:46px;height:calc(var(--h) * 82px);min-height:4px;border-radius:8px 8px 3px 3px;background:var(--brand);opacity:.55;transform-origin:bottom;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.dm-hc:nth-child(3) span{opacity:1}
.dm-hc b{font-size:.78rem;font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums}
.dm-hc em{font-style:normal;font-size:.8rem;color:var(--ink3)}
.dm-hist p{margin:8px 0 0;font-size:.76rem;color:var(--ink3)}
.demo2.run .dm-hist:not(.on) .dm-hc span{transform:scaleY(0)}
.demo2.run .dm-hist .dm-hc span{transition-delay:calc(var(--h) * 0s)}
.demo2.run .dm-hist.on .dm-hc:nth-child(2) span{transition-delay:.08s}
.demo2.run .dm-hist.on .dm-hc:nth-child(3) span{transition-delay:.16s}
.demo2.run .dm-hist.on .dm-hc:nth-child(4) span{transition-delay:.24s}
.demo2.run .dm-hist.on .dm-hc:nth-child(5) span{transition-delay:.32s}
/* טבעת אחוזים */
.dm-ring{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px}
.dm-donut{--pp:var(--p);flex:none;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;align-content:center;
  background:radial-gradient(closest-side,var(--bg) 74%,transparent 75% 100%),conic-gradient(var(--brand) calc(var(--pp) * 1%),var(--soft2) 0)}
.dm-donut b{font-size:1.5rem;line-height:1;color:var(--brand-d)}
.dm-donut small{font-size:.74rem;color:var(--ink3)}
.dm-rt p{margin:0 0 6px;font-weight:600;font-size:.92rem}
.dm-rt ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:.84rem;color:var(--ink2)}
.dm-rt li{display:flex;gap:8px}.dm-rt li b{min-width:34px;color:var(--ink)}
@property --pp{syntax:"<number>";inherits:false;initial-value:0}
.demo2.run .dm-ring .dm-donut{transition:--pp 1s cubic-bezier(.2,.7,.2,1)}
.demo2.run .dm-ring:not(.on) .dm-donut{--pp:0}
@media (max-width:760px){
  .dm-scroll{height:440px}
  .dm-hcols{height:100px;gap:6px}
  .dm-donut{width:88px;height:88px}
  .dm-dots{margin-inline-end:6px}
}

/* ══ דמו גרסה 5 (24/09): בורר מסלולים, «חושב…», פס התקדמות במחקר מקיף ══ */
.dm-comp{padding:0 14px 12px}
.dm-comp .dm-in{margin:8px 0 8px}
.dm-modes{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.8rem}
.dm-modes .lbl{color:var(--ink3)}
.dm-modes span[data-m]{padding:4px 11px;border-radius:999px;background:var(--soft);color:var(--ink2);transition:background .3s,color .3s}
.dm-modes span.act{background:var(--brand);color:#fff}
.dm-modes span.pick{animation:dmpick .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes dmpick{0%{transform:scale(.85)}100%{transform:none}}
.dm-think{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:var(--ink)}
.dm-sp{width:16px;height:16px;border-radius:50%;border:2px solid var(--soft2);border-top-color:var(--brand);animation:dspin .8s linear infinite}
.dm-work.done .dm-sp,.demo2:not(.run) .dm-sp{animation:none;border-color:var(--brand);background:var(--brand)}
.dm-tt{background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 40%,#9DB3D3 50%,var(--ink) 60%,var(--ink) 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:dmshim 1.6s linear infinite}
.dm-work.done .dm-tt,.demo2:not(.run) .dm-tt{animation:none;color:var(--ink2);background:none}
@keyframes dmshim{from{background-position:100% 0}to{background-position:-150% 0}}
.dm-tm{margin-inline-start:auto;font-size:.74rem;font-weight:500;color:var(--brand-d);background:var(--soft2);border-radius:999px;padding:1px 9px}
.dm-und{margin:10px 0 0}
.dm-prog{height:4px;border-radius:999px;background:var(--soft);overflow:hidden;margin-top:10px}
.dm-prog span{display:block;height:100%;background:var(--brand);transform-origin:right;transform:scaleX(1);transition:transform .8s ease}
.dm-note{margin:6px 0 0;font-size:.74rem;color:var(--ink3)}
.dm-scroll{height:450px}
@media (max-width:760px){ .dm-scroll{height:420px} }

/* ══ דמו גרסה 6 (24/09): «ועוד N», שורת פעולות, סמן עכבר והורדת אקסל ══ */
.dm-more{margin:4px 0 8px;font-size:.84rem;color:var(--ink2)}
.dm-more b{color:var(--brand-d)}
.dm-acts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.dm-acts span{font-size:.78rem;padding:4px 11px;border-radius:999px;background:var(--soft);color:var(--ink2)}
.dm-acts .dm-xl{background:var(--bg);box-shadow:0 0 0 1px var(--line2);color:var(--ink);font-weight:600;transition:transform .12s,background .12s}
.dm-acts .dm-xl.press{transform:scale(.92);background:var(--soft2)}
.dm-cursor{position:absolute;top:0;left:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .25s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.dm-cursor.on{opacity:1}
.dm-cursor::after{content:"";position:absolute;top:-8px;left:-8px;width:18px;height:18px;border-radius:50%;background:rgba(29,79,145,.35);transform:scale(0);opacity:0}
.dm-cursor.click::after{animation:dmclick .45s ease-out}
@keyframes dmclick{from{transform:scale(.3);opacity:1}to{transform:scale(2.2);opacity:0}}
.dm-dl{position:absolute;inset-inline:14px;bottom:14px;z-index:4;background:var(--bg);border-radius:18px;box-shadow:0 12px 40px rgba(16,42,76,.22),0 0 0 1px var(--line);
  padding:10px;transform:translateY(24px) scale(.97);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s}
.dm-dl.on{transform:none;opacity:1}
.dm-file{display:flex;align-items:center;gap:10px;padding:4px 4px 10px}
.dm-xico{flex:none;width:34px;height:34px;border-radius:8px;background:#1D6F42;color:#fff;font-weight:700;display:grid;place-items:center;font-size:.95rem}
.dm-fn{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.dm-fn b{font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}
.dm-fn small{font-size:.74rem;color:var(--ink3)}
.dm-ok{flex:none;width:24px;height:24px;border-radius:50%;background:#E3F1E6;color:#2F6B3A;display:grid;place-items:center;font-size:.8rem;font-weight:700}
.dm-sheet{border:1px solid #CFE3D6;border-radius:8px;overflow:hidden;font-size:.7rem}
.dm-sh,.dm-sr{display:grid;grid-template-columns:.7fr 1.6fr 1.3fr 1fr 1fr .6fr}
.dm-sh span{background:#1D6F42;color:#fff;font-weight:600;padding:4px 6px}
.dm-sr span{padding:3px 6px;border-top:1px solid #E3EEE7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.dm-sr:nth-child(even) span{background:#F4FAF6}
.dm-sm span{color:var(--ink3)}
.dm-sh span + span,.dm-sr span + span{border-inline-start:1px solid #E3EEE7}
@media (max-width:760px){ .dm-sh,.dm-sr{grid-template-columns:.7fr 1.5fr 1.2fr 1fr} .dm-sh span:nth-child(n+5),.dm-sr span:nth-child(n+5){display:none} }

/* ══ «איך עובדים» בבועות דיבור (24/09) — שיחה בין השמאי למכריע ══ */
.h-talk{max-width:780px;margin:8px auto 0;display:flex;flex-direction:column;gap:18px}
.tb{position:relative;max-width:78%;padding:14px 20px 12px;border-radius:24px;border:2px solid var(--ink);background:var(--bg);
  box-shadow:4px 4px 0 var(--ink)}
.tb p{margin:4px 0 6px;font-size:1.08rem;line-height:1.6;color:var(--ink)}
.tb small{display:block;font-size:.8rem;color:var(--ink3)}
.tb .who{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--brand-d);letter-spacing:0}
.tb .who i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--brand);color:#fff;font-family:var(--disp);display:grid;place-items:center;font-size:.72rem}
.tb.me{align-self:flex-start;background:var(--soft2)}
.tb.mk{align-self:flex-end}
/* זנב הבועה — משולש כפול: קו מתאר ומילוי */
.tb::before,.tb::after{content:"";position:absolute;bottom:-14px;width:0;height:0;border-style:solid}
.tb.me::before{inset-inline-start:34px;border-width:14px 14px 0 0;border-color:var(--ink) transparent transparent transparent}
.tb.me::after{inset-inline-start:37px;bottom:-9px;border-width:10px 10px 0 0;border-color:var(--soft2) transparent transparent transparent}
.tb.mk::before{inset-inline-end:34px;border-width:14px 0 0 14px;border-color:var(--ink) transparent transparent transparent}
.tb.mk::after{inset-inline-end:37px;bottom:-9px;border-width:10px 0 0 10px;border-color:var(--bg) transparent transparent transparent}
.rv-on [data-rv=bubble]{opacity:0;transform:scale(.85) translateY(14px);transition:opacity .45s ease var(--d),transform .6s cubic-bezier(.34,1.56,.64,1) var(--d)}
.rv-on .tb.me[data-rv=bubble]{transform-origin:100% 100%}
.rv-on .tb.mk[data-rv=bubble]{transform-origin:0 100%}
.rv-on [data-rv=bubble].in{opacity:1;transform:none}
.rv-on .h-talk > .tb{--d:calc(var(--i,0) * 260ms)}
.h-talk + .h-qs{margin-top:56px}
@media (max-width:760px){ .tb{max-width:92%} .tb p{font-size:1rem} }

/* ══ «איך נראה ממצא» — כרטיס אינטראקטיבי כמו במערכת (24/09) ══ */
.h-card{background:var(--bg);border-radius:24px;box-shadow:var(--shadow);padding:20px 22px 16px;position:relative}
.hc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hc-who b{display:block;font-size:1.15rem}
.hc-who span{font-size:.8rem;color:var(--ink3)}
.hc-val{text-align:end}
.hc-val b{display:block;font-size:2rem;line-height:1;font-weight:600;color:var(--brand);font-variant-numeric:tabular-nums}
.hc-val span{font-size:.82rem;color:var(--ink2)}
.hc-meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px}
.hc-meta span{font-size:.8rem;background:var(--soft);border-radius:999px;padding:2px 10px;color:var(--ink2)}
.hc-meta em{font-style:normal;color:var(--ink3);margin-inline-end:4px}
.hc-flag{font-size:.72rem;font-weight:600;color:#8A5A00;background:#FFF4DC;border-radius:999px;padding:0 7px;margin-inline-start:4px}
.hc-sec{border-top:1px solid var(--line);padding:12px 0}
.hc-l{font-size:.78rem;font-weight:600;color:var(--ink3);margin-bottom:4px;display:flex;align-items:center;gap:8px}
.hc-rel{font-weight:600;font-size:.72rem;color:var(--brand-d);background:var(--soft2);border-radius:999px;padding:1px 8px}
.hc-sec p{margin:0;font-size:.95rem;color:var(--ink)}
.hc-calc{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:var(--soft);border-radius:12px;padding:6px 12px;font-variant-numeric:tabular-nums;direction:ltr}
.hc-calc span{font-weight:600}.hc-calc i{font-style:normal;color:var(--ink3)}.hc-calc b{color:var(--brand)}
.h-card blockquote{margin:0;padding-inline-start:12px;border-inline-start:3px solid var(--brand);font-size:.92rem;color:var(--ink2);line-height:1.7}
.hc-src{display:inline-block;margin-top:6px;font-size:.84rem}
.hc-d{border-top:1px solid var(--line)}
.hc-d summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-weight:600;font-size:.95rem}
.hc-d summary::-webkit-details-marker{display:none}
.hc-d summary::after{content:"+";font-weight:300;font-size:1.4rem;line-height:1;color:var(--brand);transition:transform .25s}
.hc-d[open] summary::after{transform:rotate(45deg)}
.hc-d summary:hover{color:var(--brand-d)}
.hc-d > p,.hc-d > ul,.hc-d > .hc-pos,.hc-d > a{animation:dup .3s ease-out}
.hc-d > p{margin:0 0 12px;font-size:.92rem;color:var(--ink2);line-height:1.7}
.hc-d ul{margin:0 0 12px;padding-inline-start:18px;font-size:.9rem;color:var(--ink2)}
.hc-d > a{display:inline-block;margin:-4px 0 12px;font-size:.84rem}
.hc-pos{display:grid;gap:8px;margin-bottom:8px}
.hc-pos > div{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:baseline;background:var(--soft);border-radius:14px;padding:8px 12px;font-size:.88rem}
.hc-pos em{font-style:normal;font-weight:600;color:var(--ink3);font-size:.8rem}
.hc-pos b{color:var(--ink);white-space:nowrap}
.hc-pos span{color:var(--ink2)}
.hc-pos a{font-size:.8rem;white-space:nowrap}
.hc-note{margin:0 0 12px !important;font-size:.82rem !important;color:var(--ink3) !important}
.hc-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}
.hc-b{font:inherit;font-size:.86rem;border:0;border-radius:999px;padding:7px 14px;background:var(--brand);color:#fff;cursor:pointer;text-decoration:none}
a.hc-b{background:var(--soft);color:var(--ink)}
.hc-b:hover{filter:brightness(1.08)}
.hc-hint{font-size:.78rem;color:var(--ink3);margin-inline-start:auto}
.h-cardnote{font-size:.9rem !important;color:var(--brand-d) !important;background:var(--soft2);border-radius:14px;padding:8px 14px;margin-top:14px !important}
@media (max-width:760px){ .hc-pos > div{grid-template-columns:auto 1fr;} .hc-pos span{grid-column:1/-1} .hc-hint{display:none} }

/* חברי המשרד באזור האישי */
.tm{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.tm span{flex:1;min-width:0;display:flex;flex-direction:column}
.tm b{font-weight:600}
.tm small{color:var(--ink3);font-size:.82rem}
.tm-f{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.tm-f input{flex:1;min-width:220px;font:inherit;padding:10px 16px;border:1px solid var(--line2);border-radius:999px;background:var(--bg);color:var(--ink)}

/* ══ תיקוני הביקורת (24/09) ══ */
/* 2.1: שום דבר בתוך טור לא מותח אותו מעבר למסך */
.h-2col > *,.h-hero-g > *{min-width:0}
.h-card{min-width:0;max-width:100%}
.h-card p,.h-card blockquote,.h-card li,.hc-pos span{overflow-wrap:anywhere}
/* 2.14: נקודות הדמו — יעד מגע 24px, הנקודה הנראית נשארת קטנה */
.dm-dots button{width:24px;height:24px;background:none;position:relative;border-radius:999px}
.dm-dots button::before{content:"";position:absolute;top:8px;inset-inline-start:8px;width:8px;height:8px;border-radius:999px;background:var(--line2);transition:width .3s,background .3s,inset-inline-start .3s}
.dm-dots button[aria-selected=true]{width:34px;background:none}
.dm-dots button[aria-selected=true]::before{width:22px;inset-inline-start:6px;background:var(--brand)}
.dm-dots{gap:0}
/* 2.26: הקהל בשורה משלו, מתחת לפתיח */
.h-aud{margin:-14px 0 26px;font-size:1rem;color:var(--ink2)}
.h-aud b{color:var(--ink);font-weight:600}
/* 2.1: אפקטי כניסה (הטיה, סיבוב) מנפחים את גבולות האלמנט לפני שנחשף ודחפו את הדף הצידה בטלפון.
   clip — בלי לשבור את הכותרת הדביקה (בניגוד ל-overflow:hidden) */
main{overflow-x:clip}

/* כפתור חשיפת מספר העוסק (מדיניות פרטיות) */
.reveal{font:inherit;font-size:.9em;color:var(--brand);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}

/* דף הבית, 30/09 (SEO S3/S4): שם המאגר מעל הכותרת הראשית, בתוך ה-H1, ורשימת כל המאמרים מתחת לכרטיסים */
.h-hero h1 .h-kicker{display:table;font-family:var(--sans);font-weight:500;line-height:1.4;letter-spacing:0;margin:0 0 18px}
.h-artlist{list-style:none;margin:28px 0 0;padding:0;columns:2;column-gap:40px}
.h-artlist li{break-inside:avoid;padding:10px 0;border-bottom:1px solid var(--line)}
.h-artlist a{color:var(--ink);text-decoration:none;font-weight:500}
.h-artlist a:hover{color:var(--brand-d);text-decoration:underline}
@media (max-width:760px){.h-artlist{columns:1}}

/* פס הרשמה לדיוור בראש עמוד תוכן (nlbar.js). fixed ומחליק, בלי להזיז את התוכן. */
.nlbar{position:fixed;inset-inline:0;top:0;z-index:60;background:var(--soft2);border-bottom:1px solid var(--line2);box-shadow:0 6px 24px rgba(16,42,76,.12);transform:translateY(-110%);transition:transform .3s ease}
.nlbar.on{transform:none}
.nlbar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-block:10px;padding-inline-end:44px;position:relative}
.nlb-t{margin:0;font-size:.95rem;color:var(--ink);flex:1 1 280px}
.nlb-more{display:none;padding:8px 16px}
.nlb-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;flex:2 1 420px;margin:0}
.nlb-f input[type=email]{font-family:inherit;font-size:1rem;padding:9px 14px;border:1px solid var(--line2);border-radius:12px;min-height:44px;flex:1 1 200px;min-width:0;background:var(--bg);color:var(--ink)}
.nlb-f .btn{min-height:44px;padding:0 20px}
.nlb-c{flex:1 0 100%;display:flex;gap:8px;align-items:flex-start;font-size:.8125rem;color:var(--ink2);line-height:1.5}
.nlb-c input{margin-top:3px}
#nlbar-msg{flex:1 0 100%;margin:0;font-size:.875rem}
#nlbar-msg.err{color:var(--stamp)}#nlbar-msg.ok{color:var(--ok)}
.nlb-f.sent{display:none}
.nlb-x{position:absolute;inset-inline-end:0;top:6px;width:40px;height:40px;border:0;background:none;font-size:1.6rem;line-height:1;color:var(--ink2);cursor:pointer;border-radius:10px}
.nlb-x:hover{background:var(--soft)}
@media (max-width:640px){
  .nlb-more{display:inline-flex}
  .nlbar:not(.open) .nlb-f{display:none}
  .nlbar.open .nlb-more{display:none}
  .nlb-t{font-size:.875rem;flex-basis:60%}
}
@media (prefers-reduced-motion:reduce){.nlbar{transition:none}}