/* ידע · בית תוכנה לפתרונות AI לארגונים
   Style: "שרטוט עבודה" (working drawing) — paper + faint grid, ink, a single amber,
   serif display headlines, numbered annotations like an engineering drawing, near-square corners. */
:root{
  --paper:#FBFAF7; --surface:#FFFFFF; --ink:#16140F; --ink-2:#3A362D; --muted:#5F5A4E;
  --line:#E2DED3; --line-2:#CFC8B8; --grid:rgba(22,20,15,.045);
  --amber:#D99A33; --amber-ink:#9A640F; --amber-soft:rgba(217,154,51,.12); --on-amber:#1A1206;
  --ok:#1F7A4D;
  --display:'Rubik','Heebo','Assistant',Arial,sans-serif;
  --body:'IBM Plex Sans Hebrew','Assistant','Segoe UI',Arial,sans-serif;
  --mono:'IBM Plex Mono','IBM Plex Sans Hebrew',ui-monospace,Menlo,monospace;
  --r:4px; --wrap:1180px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7;direction:rtl;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}
img,svg{max-width:100%}
a{color:inherit}
::selection{background:var(--amber-soft)}
:focus-visible{outline:2px solid var(--amber-ink);outline-offset:3px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0;text-wrap:balance;font-weight:900}
h1{font-size:clamp(40px,5.6vw,76px)}
h2{font-size:clamp(30px,3.8vw,46px)}
h3{font-size:22px;font-weight:700}
p{margin:0}
em.hl{font-style:normal;color:var(--amber-ink)}
.lead{font-size:clamp(17px,1.5vw,19px);color:var(--ink-2);max-width:56ch}
.muted{color:var(--muted)}

/* annotation: the drawing's numbered callout */
.anno{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--muted)}
.anno b{color:var(--amber-ink);font-weight:500}
.anno::after{content:"";flex:1;border-top:1px dashed var(--line-2)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--r);font-weight:700;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:var(--body);transition:transform .15s,background-color .15s,border-color .15s}
.btn:hover{transform:translateY(-1px)}
.btn-p{background:var(--amber);color:var(--on-amber)}
.btn-p:hover{background:#E3A646}
.btn-g{background:var(--surface);color:var(--ink);border-color:var(--line-2)}
.btn-g:hover{border-color:var(--ink)}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(251,250,247,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--paper)}
.top .wrap{display:flex;align-items:center;gap:32px;min-height:70px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:900;font-size:27px;text-decoration:none;color:var(--ink)}
.nav{display:flex;gap:26px;font-size:15.5px}
.nav a{text-decoration:none;color:var(--ink-2)}
.nav a:hover,.nav a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:6px;text-decoration-thickness:2px}
.top .btn{margin-inline-start:auto;min-height:42px;font-size:15px}
.burger{display:none;margin-inline-start:auto;width:44px;height:44px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);cursor:pointer;align-items:center;justify-content:center}
.burger span{display:block;width:18px;height:2px;background:var(--ink);box-shadow:0 6px 0 var(--ink),0 -6px 0 var(--ink)}
.mnav{display:none}

/* hero */
.hero{padding-block:72px 64px}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero-text{display:grid;gap:24px;min-width:0}
.hero-note{font-size:14.5px;color:var(--muted)}
.graph{width:100%;height:auto;display:block}
.graph .edge{stroke:var(--line-2);stroke-width:1.5;fill:none}
.graph .flow{stroke:var(--amber);stroke-width:2;fill:none;stroke-dasharray:6 10;animation:dash 2.4s linear infinite}
.graph .pill{fill:var(--surface);stroke:var(--line-2)}
.graph text{font-family:var(--body);font-size:13.5px;fill:var(--ink)}
.graph .core{fill:var(--amber)}
.graph .core-t{fill:var(--on-amber);font-family:var(--display);font-weight:900;font-size:21px}
.graph .out{fill:var(--amber-soft);stroke:var(--amber-ink);stroke-opacity:.5}
.graph .sub{fill:var(--muted);font-size:11.5px}
.graph .an{font-family:var(--mono);font-size:10.5px;fill:var(--muted);letter-spacing:.04em}
.graph .lead-l{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3;fill:none}
.graph .ok{fill:var(--ok)}
@keyframes dash{to{stroke-dashoffset:-32}}

/* proof strip */
.proof{border-block:1px solid var(--line);background:rgba(255,255,255,.6)}
.proof .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 34px;min-height:64px;font-size:15px;color:var(--muted)}
.proof b{color:var(--ink);font-weight:600}

/* sections */
.sec{padding-block:96px 0}
.sec-head{display:grid;gap:16px;margin-bottom:44px;max-width:760px}
.sec:last-of-type{padding-bottom:96px}

/* pains: spec rows */
.spec{display:grid;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface)}
.spec-row{display:grid;grid-template-columns:44px 1fr 1fr;gap:24px;padding:26px 28px;border-top:1px solid var(--line)}
.spec-row:first-child{border-top:0}
.spec-row .n{font-family:var(--mono);color:var(--amber-ink);font-size:14px;padding-top:4px}
.spec-row h3{margin-bottom:6px}
.spec-row .k{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.05em;margin-bottom:6px;display:block}
.spec-row p{color:var(--ink-2);font-size:16px}

/* solutions */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);padding:26px 24px;display:grid;gap:12px;align-content:start;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s;min-width:0}
a.card:hover{border-color:var(--ink);transform:translateY(-2px)}
.card .ic{width:48px;height:48px}
.card p{font-size:15.5px;color:var(--ink-2)}
.card .more{font-size:14.5px;font-weight:600;color:var(--amber-ink);margin-top:4px}

/* tool */
.tool{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.panel{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);padding:24px;display:grid;gap:14px;min-width:0}
.panel label{font-weight:600}
textarea,input{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);padding:12px 14px}
textarea{min-height:130px;resize:vertical;line-height:1.6}
textarea:focus,input:focus{outline:2px solid var(--amber);outline-offset:-1px;border-color:var(--amber)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:14px;background:var(--paper);border:1px dashed var(--line-2);border-radius:999px;padding:5px 13px;cursor:pointer;color:var(--ink-2)}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.res{border-color:var(--amber-ink)}
.res .tag{justify-self:start;font-family:var(--mono);font-size:11.5px;color:var(--amber-ink);border:1px solid currentColor;border-radius:999px;padding:1px 10px}
.res dl{margin:0;display:grid;gap:0}
.res dl div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding-block:11px;border-top:1px dashed var(--line-2)}
.res dl div:first-child{border-top:0}
.res dt{color:var(--muted);font-size:14.5px}
.res dd{margin:0;font-weight:600}
.res .next{display:grid;gap:10px;padding-top:6px;border-top:1px solid var(--line)}
.res .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.res[data-state="empty"] .filled{display:none}
.res[data-state="filled"] .empty{display:none}
.empty{color:var(--muted);font-size:15.5px;display:grid;gap:10px}

/* process: dimension-line ladder */
.ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface)}
.step{padding:30px 28px;display:grid;gap:10px;align-content:start;border-inline-start:1px solid var(--line);position:relative}
.step:first-child{border-inline-start:0}
.step .n{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--amber-ink);color:var(--amber-ink);display:grid;place-items:center;font-family:var(--mono);font-size:14px}
.step .dim{font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}
.step .dim::before,.step .dim::after{content:"";height:9px;border-inline-start:1px solid var(--muted)}
.step .dim span{flex:1;text-align:center;border-top:1px solid var(--muted);line-height:0;padding-top:0}
.step .dim span i{font-style:normal;background:var(--surface);padding-inline:6px;position:relative;top:0}
.step p{color:var(--ink-2);font-size:15.5px}
.step ul{margin:0;padding-inline-start:18px;font-size:15px;color:var(--ink-2);display:grid;gap:4px}

/* work */
.work{display:grid;gap:18px}
.case{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);padding:32px}
.case-text{display:grid;gap:12px;min-width:0}
.case-text .kind{font-family:var(--mono);font-size:12px;color:var(--amber-ink);letter-spacing:.05em}
.case-text p{color:var(--ink-2)}
.case-text .facts{display:flex;flex-wrap:wrap;gap:8px}
.case-text .facts span{font-size:13.5px;border:1px solid var(--line-2);border-radius:999px;padding:2px 11px;color:var(--muted)}
.ui{border:1px solid var(--line-2);border-radius:6px;background:var(--paper);overflow:hidden;min-width:0;font-size:14px}
.ui-bar{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11.5px;color:var(--muted);background:var(--surface)}
.ui-body{padding:16px;display:grid;gap:12px}
.ui-note{font-size:12px;color:var(--muted);font-family:var(--mono)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:10px 12px;display:grid;gap:2px}
.kpi small{color:var(--muted);font-size:12px}
.kpi strong{font-size:22px;font-variant-numeric:tabular-nums}
.bars{display:grid;gap:8px}
.bars div{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;font-size:13px}
.bars i{display:block;height:8px;border-radius:2px;background:var(--line)}
.bars i b{display:block;height:100%;border-radius:2px;background:var(--ink)}
.score{display:flex;align-items:baseline;gap:8px}
.score strong{font-size:40px;font-family:var(--display);font-weight:900}
.trend{display:flex;align-items:flex-end;gap:5px;height:56px}
.trend i{flex:1;background:var(--line-2);border-radius:2px 2px 0 0}
.trend i:last-child{background:var(--amber)}
.deals{display:grid;gap:6px}
.deals div{display:grid;grid-template-columns:1.4fr 1fr 50px;gap:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:13px}
.deals div.h{background:transparent;border:0;color:var(--muted);font-size:12px;padding-block:0}

/* security */
.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sec-item{border-top:2px solid var(--ink);padding-top:18px;display:grid;gap:8px}
.sec-item p{color:var(--ink-2);font-size:15.5px}

/* team */
.team{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:center}
.photo{aspect-ratio:4/5;max-width:100%;border:1.5px dashed var(--line-2);border-radius:var(--r);display:grid;place-items:center;text-align:center;color:var(--muted);font-size:14px;padding:16px;background:var(--surface)}
.team .q{font-family:var(--display);font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.35}

/* faq */
.faq{display:grid;border-top:1px solid var(--line-2)}
.faq details{border-bottom:1px solid var(--line-2)}
.faq summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:600;font-size:18px;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--amber-ink);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:22px;color:var(--ink-2);max-width:70ch}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact form{display:grid;gap:14px}
.contact .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact label{display:grid;gap:6px;font-size:15px;font-weight:600}
.contact .ways{display:grid;gap:14px;font-size:16px}
.contact .ways div{display:grid;gap:2px;padding:16px 0;border-top:1px solid var(--line)}
.contact .ways small{color:var(--muted);font-size:13px}
.contact .ways a{font-weight:600;text-decoration:none}
.form-msg{font-size:15px;color:var(--ok);min-height:1.5em}

/* footer */
.foot{border-top:1px solid var(--line-2);margin-top:96px;background:var(--surface)}
.foot .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;min-height:96px;font-size:14.5px;color:var(--muted)}
.foot nav{display:flex;flex-wrap:wrap;gap:18px}
.foot a{text-decoration:none}
.foot .copy{margin-inline-start:auto}

/* mobile action bar */
.mbar{display:none}

/* solution page */
.crumbs{font-size:14px;color:var(--muted);display:flex;gap:8px}
.crumbs a{text-decoration:none}
.uses{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.use{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);padding:24px;display:grid;gap:10px}
.use .flowline{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px;color:var(--ink-2)}
.use .flowline span{border:1px solid var(--line-2);border-radius:999px;padding:2px 10px;background:var(--paper)}
.use .flowline i{font-style:normal;color:var(--amber-ink)}
.use .flowline .hum{border-style:dashed;border-color:var(--amber-ink);color:var(--amber-ink)}
.diagram{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);padding:28px;overflow-x:auto}
.diagram svg{min-width:640px;width:100%;height:auto}
.diagram .box{fill:var(--paper);stroke:var(--line-2)}
.diagram .box-a{fill:var(--amber-soft);stroke:var(--amber-ink)}
.diagram .box-h{fill:var(--surface);stroke:var(--amber-ink);stroke-dasharray:5 4}
.diagram text{font-family:var(--body);font-size:14px;fill:var(--ink)}
.diagram .an{font-family:var(--mono);font-size:11px;fill:var(--muted)}
.diagram .ln{stroke:var(--ink-2);stroke-width:1.4;fill:none}
.diagram .ln-d{stroke:var(--muted);stroke-width:1.2;fill:none;stroke-dasharray:3 4}
.get{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface)}
.get div{padding:22px 24px;border-top:1px solid var(--line);display:grid;gap:4px}
.get div:nth-child(-n+2){border-top:0}
.get div:nth-child(even){border-inline-start:1px solid var(--line)}
.get b{font-size:17px}
.get span{color:var(--ink-2);font-size:15.5px}
.cta-band{background:var(--ink);color:var(--paper);border-radius:var(--r);padding:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.cta-band h2{font-size:clamp(26px,3vw,36px)}
.cta-band p{color:#CFC8B8;margin-top:8px}

@media (max-width:1020px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .case{grid-template-columns:1fr}
}
@media (max-width:860px){
  body{font-size:16.5px}
  .nav,.top .btn{display:none}
  .burger{display:inline-flex}
  .mnav{display:none;position:fixed;inset:70px 0 0;background:var(--paper);z-index:19;padding:24px max(20px,env(safe-area-inset-right,0px)) 120px max(20px,env(safe-area-inset-left,0px));flex-direction:column;gap:4px;overflow:auto}
  .mnav.open{display:flex}
  .mnav a{font-family:var(--display);font-weight:700;font-size:28px;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line)}
  .hero{padding-block:44px 40px}
  .hero .wrap,.tool,.contact,.team{grid-template-columns:1fr}
  .hero .wrap{gap:28px}
  .spec-row{grid-template-columns:1fr;gap:10px;padding:22px}
  .ladder{grid-template-columns:1fr}
  .step{border-inline-start:0;border-top:1px solid var(--line)}
  .step:first-child{border-top:0}
  .sec-grid,.uses,.get{grid-template-columns:1fr}
  .get div{border-inline-start:0 !important;border-top:1px solid var(--line)}
  .get div:first-child{border-top:0}
  .sec{padding-block:72px 0}
  .case{padding:22px;gap:22px}
  .team .photo{max-width:220px}
  .contact .two,.res .row2{grid-template-columns:1fr}
  .res dl div{grid-template-columns:1fr;gap:2px}
  .cta-band{padding:28px}
  .mbar{display:flex;gap:10px;position:fixed;inset:auto 0 0;z-index:18;background:rgba(255,255,255,.96);border-top:1px solid var(--line-2);
    padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}
  .mbar .btn{flex:1;min-height:46px}
  .foot{margin-bottom:76px}
}
@media (max-width:560px){
  .cards{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .graph .flow{animation:none}
  .btn,.card{transition:none}
}

/* ---- device fit (20.10.2026): honeypot without off-screen offset (an offset caused 9999px sideways scroll in RTL),
   44px touch targets, no text under 12px ---- */
.hp{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
html,body{max-width:100%;overflow-x:clip}
.contact .ways a{display:inline-flex;align-items:center;min-height:44px}
.foot a{display:inline-flex;align-items:center;min-height:40px}
.chip{min-height:40px;padding:6px 14px}
.res .tag{font-size:12.5px}
.ui-bar{font-size:12px}
.crumbs a{display:inline-flex;align-items:center;min-height:36px}
@media (max-width:380px){
  h1{font-size:36px}
  .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .btn{padding:0 16px;font-size:15px}
  .btns .btn{flex:1 1 100%}
  .kpis{grid-template-columns:1fr 1fr}
  .kpi strong{font-size:19px}
  .case{padding:18px}
}
@media (max-width:860px) and (orientation:landscape) and (max-height:500px){
  .top .wrap{min-height:56px}
  .mnav{inset:56px 0 0}
  .hero{padding-block:28px 28px}
}
@media (hover:none){ .btn:hover,a.card:hover{transform:none} }
.graph .an{font-size:12.5px}
.graph .sub{font-size:12.5px}
@media (max-width:560px){ .graph text{font-size:15px} .graph .an,.graph .sub{font-size:13.5px} .graph .core-t{font-size:23px} }
@media (max-width:860px){ .graph{max-width:460px;margin-inline:auto} }
@media (max-width:860px) and (orientation:landscape) and (max-height:500px){
  .mbar{display:none}
  .top .btn{display:inline-flex;min-height:40px}
  .burger{margin-inline-start:0}
  .foot{margin-bottom:0}
}
.contact .ways a{justify-self:start}

/* ---- mobile menu v2 (20.10.2026): a compact sheet under the header, not a full-screen list ---- */
.mnav-scrim{display:none}
@media (max-width:860px){
  .mnav{display:flex;flex-direction:column;gap:0;position:fixed;z-index:19;
    inset:calc(70px + env(safe-area-inset-top,0px) + 8px) max(12px,env(safe-area-inset-right,0px)) auto max(12px,env(safe-area-inset-left,0px));
    padding:8px 18px 18px;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;
    box-shadow:0 24px 60px rgba(22,20,15,.18),0 2px 6px rgba(22,20,15,.06);
    max-height:calc(100dvh - 100px - env(safe-area-inset-top,0px));overflow:auto;
    opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transform-origin:top center;
    transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s}
  .mnav.open{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1)}
  .mnav-links{display:grid}
  .mnav .mnav-links a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:6px;min-height:52px;padding:0;
    font-family:var(--body);font-weight:600;font-size:17px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
  .mnav .mn{font-family:var(--mono);font-size:11.5px;color:var(--amber-ink);letter-spacing:.04em}
  .mnav .ma{color:var(--muted);font-size:15px;transition:transform .2s,color .2s}
  .mnav .mnav-links a:active .ma,.mnav .mnav-links a:hover .ma{transform:translateX(-4px);color:var(--amber-ink)}
  .mnav-foot{display:grid;gap:10px;padding-top:16px}
  .mnav-foot .btn{width:100%}
  .mnav .mnav-wa{text-align:center;font-size:14.5px;color:var(--muted);text-decoration:none;padding:6px 0;font-family:var(--body);font-weight:500;border:0;min-height:0}
  .mnav .mnav-links a,.mnav-foot{opacity:0;transform:translateY(-6px)}
  .mnav.open .mnav-links a,.mnav.open .mnav-foot{opacity:1;transform:none;transition:opacity .3s ease calc(var(--i)*35ms + 60ms),transform .3s ease calc(var(--i)*35ms + 60ms)}
  .mnav-scrim{display:block;position:fixed;inset:0;z-index:17;background:rgba(22,20,15,.18);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
    opacity:0;visibility:hidden;transition:opacity .22s,visibility 0s linear .22s}
  body.menu-open .mnav-scrim{opacity:1;visibility:visible;transition:opacity .22s}
  body.menu-open .mbar{transform:translateY(110%)}
  .mbar{transition:transform .25s ease}
  /* burger → X */
  .burger span{transition:transform .25s ease,box-shadow .2s ease,background .2s}
  .burger[aria-expanded="true"] span{box-shadow:none;transform:rotate(45deg)}
  .burger[aria-expanded="true"] span::after{content:"";position:absolute;inset:0;background:var(--ink);transform:rotate(-90deg)}
  .burger span{position:relative}
}
@media (max-width:860px) and (orientation:landscape) and (max-height:500px){
  .mnav{inset:calc(56px + 8px) max(12px,env(safe-area-inset-right,0px)) auto max(12px,env(safe-area-inset-left,0px));max-height:calc(100dvh - 76px)}
}
@media (prefers-reduced-motion:reduce){ .mnav,.mnav .mnav-links a,.mnav-foot,.mnav-scrim,.burger span{transition:none !important} }
@media (max-width:860px){ .mnav .mnav-foot .btn{font-family:var(--body);font-weight:700;font-size:16px;min-height:50px;padding:0 22px;border-bottom:0;color:var(--on-amber)} }

/* ---- headings in Rubik (20.10.2026, Lior chose ״ב - רוביק״) ---- */
h1,h2{font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(38px,5.2vw,70px);line-height:1.1}
h3,.case-text h3{font-weight:700}
.logo{font-weight:800}
.team .q{font-weight:600;font-size:clamp(21px,2.2vw,27px)}
.score strong{font-weight:800}
.graph .core-t{font-weight:800}
@media (max-width:380px){ h1{font-size:34px} }
.crumbs{align-items:center}

/* ---- blog (21.10.2026) ---- */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.post{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s;min-width:0}
.post:hover{border-color:var(--ink);transform:translateY(-2px)}
.post h3{font-size:20px;line-height:1.3}
.post p{color:var(--ink-2);font-size:15.5px}
.post-meta{font-family:var(--mono);font-size:12px;color:var(--muted)}
.post .more{font-size:14.5px;font-weight:600;color:var(--amber-ink)}
.posts-empty{border:1.5px dashed var(--line-2);border-radius:var(--r);padding:40px;display:grid;gap:10px;background:var(--surface);max-width:720px}
.posts-empty p{color:var(--ink-2)}
.art-hero{padding-bottom:40px}
.art-hero h1{font-size:clamp(32px,4.4vw,56px)}
.art-tldr{border-inline-start:3px solid var(--amber);background:var(--surface);padding:18px 22px;border-radius:0 var(--r) var(--r) 0;display:grid;gap:6px;max-width:760px}
.art-tldr .k{font-family:var(--mono);font-size:12px;color:var(--amber-ink);letter-spacing:.04em}
.art-tldr p{font-size:17.5px;color:var(--ink)}
.art-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.art-toc{position:sticky;top:calc(90px + env(safe-area-inset-top,0px));display:grid;gap:12px}
.art-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-inline-start:1px solid var(--line-2)}
.art-toc a{display:grid;grid-template-columns:28px 1fr;gap:4px;padding:7px 12px;text-decoration:none;color:var(--ink-2);font-size:14.5px;line-height:1.45}
.art-toc a span{font-family:var(--mono);font-size:11.5px;color:var(--amber-ink);padding-top:2px}
.art-toc a:hover{color:var(--ink);background:var(--amber-soft)}
.art-body{max-width:720px;font-size:18px;line-height:1.85;color:var(--ink-2)}
.art-body .art-sec{scroll-margin-top:96px}
.art-body h2{font-size:clamp(24px,2.6vw,30px);color:var(--ink);margin:48px 0 14px}
.art-body .art-sec:first-child h2{margin-top:0}
.art-body h3{font-size:20px;color:var(--ink);margin:28px 0 8px}
.art-body p{margin:0 0 16px}
.art-body ul,.art-body ol{margin:0 0 18px;padding-inline-start:22px;display:grid;gap:6px}
.art-body strong{color:var(--ink)}
.art-body a{color:var(--amber-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.art-body table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:15.5px;background:var(--surface);display:block;overflow-x:auto}
.art-body th,.art-body td{border:1px solid var(--line-2);padding:10px 12px;text-align:right;vertical-align:top}
.art-body th{background:var(--paper);color:var(--ink);font-weight:600}
.art-faq{margin-top:48px}
.art-faq h2{margin-bottom:6px}
@media (max-width:1020px){ .posts{grid-template-columns:repeat(2,1fr)} }
@media (max-width:860px){
  .art-grid{grid-template-columns:1fr;gap:24px}
  .art-toc{position:static;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);padding:16px}
  .art-toc ol{border:0}
  .art-body{font-size:17px}
}
@media (max-width:560px){ .posts{grid-template-columns:1fr} .posts-empty{padding:24px} }

/* ---- inner pages (21.10.2026): solution match table, glossary, "full page" links ---- */
.match{overflow-x:auto;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface)}
.match table{width:100%;border-collapse:collapse;font-size:16px;min-width:560px}
.match th,.match td{text-align:right;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.match th{font-family:var(--mono);font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.04em;background:var(--paper)}
.match tr:last-child td{border-bottom:0}
.match td:last-child{white-space:nowrap}
.match a{color:var(--amber-ink);font-weight:600;text-decoration:none}
.gl-index{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.gl-index a{font-size:14.5px;text-decoration:none;color:var(--ink-2);border:1px solid var(--line-2);background:var(--surface);border-radius:999px;padding:6px 14px;min-height:36px;display:inline-flex;align-items:center}
.gl-index a:hover{border-color:var(--ink);color:var(--ink)}
.gl{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.term{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start;scroll-margin-top:96px}
.term h2{font-size:21px;line-height:1.3}
.term p{color:var(--ink-2);font-size:16px;line-height:1.75}
.term .more{font-size:14.5px;font-weight:600;color:var(--amber-ink);text-decoration:none}
.term:target{border-color:var(--amber-ink);box-shadow:0 0 0 3px var(--amber-soft)}
.sec-more{font-size:15px;font-weight:600;color:var(--amber-ink);text-decoration:none;justify-self:start}
@media (max-width:760px){ .gl{grid-template-columns:1fr} }

/* ---- logo with the fixed tagline (22.10.2026): always under the name, desktop and mobile ---- */
.top .logo{gap:10px;align-items:center}
.logo-txt{display:grid;gap:3px;line-height:1}
.logo-name{font-family:var(--display);font-weight:800;font-size:27px;line-height:1}
.logo-tag{font-family:var(--body);font-weight:500;font-size:12.5px;color:var(--muted);white-space:nowrap;letter-spacing:0}
@media (max-width:860px){ .logo-name{font-size:24px} .logo-tag{font-size:11.5px} .top .logo svg{width:28px;height:28px} }
@media (max-width:360px){ .logo-tag{font-size:10.5px} .top .logo{gap:7px} }