/* =========================================================
   IMBA Design System · 2. Base (reset, type, layout)
   ========================================================= */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px}
::selection{background:var(--accent-soft);color:var(--text)}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- פריסה ---- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.wrap--narrow{max-width:calc(var(--wrap-narrow) + var(--gut) * 2)}
.section{padding:var(--sec) 0}
.section--s{padding:var(--sec-s) 0}
.section--flush-top{padding-top:0}
.surface-alt{background:var(--bg-alt)}
.surface-inverse{background:var(--bg-inverse);color:var(--text-inverse)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-grid)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-grid)}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-grid)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(56px,8vw,140px);align-items:start}
.mt-4{margin-top:var(--s-4)}.mt-6{margin-top:var(--s-6)}.mt-7{margin-top:var(--s-7)}.mt-8{margin-top:var(--s-8)}.mt-10{margin-top:var(--s-10)}.mt-11{margin-top:var(--s-11)}
.center{text-align:center}

/* ---- טיפוגרפיה ---- */
.kicker{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--accent)}
.kicker::before{content:"";width:32px;height:1.5px;background:currentColor}
.surface-inverse .kicker{color:var(--text-inverse-3)}
.display{font-weight:var(--fw-black);font-size:var(--fs-display);line-height:.98;letter-spacing:var(--tracking-tight)}
.h1{font-weight:var(--fw-black);font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:-.02em}
.h2{font-weight:var(--fw-black);font-size:var(--fs-h2);line-height:1.2;letter-spacing:-.01em}
.h3{font-weight:var(--fw-black);font-size:var(--fs-h3);line-height:1.4}
.lead{font-size:var(--fs-lead);line-height:1.75;color:var(--text-2);font-weight:var(--fw-medium)}
.body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-2)}
.meta{font-size:var(--fs-small);color:var(--text-3)}
.surface-inverse .lead,.surface-inverse .body{color:var(--text-inverse-2)}
.surface-inverse .meta{color:var(--text-inverse-3)}
.kicker + .display,.kicker + .h1,.kicker + .h2{margin-top:var(--s-7)}

/* ---- חשיפה בגלילה ---- */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.1s}.rv-d2{transition-delay:.2s}.rv-d3{transition-delay:.3s}

@media (max-width:980px){
  .grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split{grid-template-columns:minmax(0,1fr);gap:48px}
}
@media (max-width:680px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}
  :root{--fs-body:17px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}