/* קו ישר — public site */
:root{
  --ink:#0E1218; --surface:#131926; --surface-2:#18202E;
  --hair:#2B3646; --hair-soft:#212A38;
  --fg:#E7EAEF; --fg-dim:#98A3B4; --fg-mute:#6C7688;
  --brass:#D2A03E; --brass-wash:rgba(210,160,62,.10); --brass-line:rgba(210,160,62,.32);
  --teal:#41977F; --rust:#C05646;
  --w:min(100% - 2.2rem, 46rem);
  --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;direction:rtl;background:var(--ink);color:var(--fg);
  font-family:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased;
}
.wrap{width:var(--w);margin-inline:auto}
h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
a{color:var(--brass)}
strong{font-weight:700;color:var(--fg)}
em{font-style:normal;color:var(--brass)}
.num{font-variant-numeric:tabular-nums}

/* nav */
.nav{
  position:sticky;top:0;z-index:40;border-bottom:1px solid var(--hair);
  background:rgba(14,18,24,.92);backdrop-filter:blur(14px);
}
.nav .wrap{display:flex;align-items:center;gap:.7rem;padding:.85rem 0}
.mark{width:1.4rem;height:1.4rem;flex:none;border-radius:50%;border:2px solid var(--brass);position:relative}
.mark::after{content:"";position:absolute;inset:.28rem;border-radius:50%;background:var(--brass)}
.brandname{font-weight:800;font-size:1rem;letter-spacing:.04em;color:var(--fg);text-decoration:none}
.navlinks{margin-inline-start:auto;display:flex;gap:1.1rem;font-size:.88rem;overflow-x:auto;scrollbar-width:none}
.navlinks::-webkit-scrollbar{display:none}
.navlinks a{color:var(--fg-dim);text-decoration:none;white-space:nowrap}
.navlinks a:hover,.navlinks a[aria-current]{color:var(--brass)}

header.hero{
  padding:clamp(2.6rem,8vw,5rem) 0 clamp(2rem,6vw,3.4rem);
  border-bottom:1px solid var(--hair);
  background:radial-gradient(120% 90% at 85% -12%,var(--brass-wash),transparent 62%);
}
.eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.2em;color:var(--brass);
  border:1px solid var(--brass-line);padding:.32rem .8rem;border-radius:2px;margin-bottom:1.3rem}
h1{font-size:clamp(1.9rem,7vw,3.2rem);font-weight:900;line-height:1.12}
.lede{margin-top:1.2rem;font-size:clamp(1rem,2.6vw,1.15rem);color:var(--fg-dim)}

section{padding:clamp(2.4rem,7vw,3.8rem) 0;border-bottom:1px solid var(--hair-soft)}
.sec-head{display:flex;gap:.9rem;align-items:baseline;margin-bottom:1.3rem}
.sec-no{font-size:.8rem;color:var(--brass);flex:none;padding-top:.35rem}
h2{font-size:clamp(1.35rem,4.4vw,1.9rem);font-weight:800;line-height:1.22}
h3{font-size:1.02rem;font-weight:700;margin-top:1.2rem}
.body{display:flex;flex-direction:column;gap:1.05rem}
.body p{color:var(--fg-dim)}
.body p.lead{color:var(--fg);font-size:1.05rem}

.card{background:var(--surface);border:1px solid var(--hair-soft);border-radius:4px;
  padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.55rem}
.card.brass{border-color:var(--brass-line);background:var(--brass-wash)}
.card-t{font-weight:700;font-size:1rem}
.card p{color:var(--fg-dim);font-size:.96rem}
.grid2{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}

ul.clean{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}
ul.clean li{position:relative;padding-inline-start:1.4rem;color:var(--fg-dim)}
ul.clean li::before{content:"";position:absolute;inset-inline-start:0;top:.66em;
  width:.4rem;height:.4rem;background:var(--brass);border-radius:50%}
ol.steps{list-style:none;padding:0;margin:0;counter-reset:s;display:flex;flex-direction:column;gap:.95rem}
ol.steps li{counter-increment:s;position:relative;padding-inline-start:2.5rem;color:var(--fg-dim)}
ol.steps li::before{content:counter(s);position:absolute;inset-inline-start:0;top:-.05em;
  font-size:.8rem;color:var(--brass);width:1.65rem;height:1.65rem;border:1px solid var(--brass-line);
  border-radius:50%;display:flex;align-items:center;justify-content:center}
ol.steps b{color:var(--fg);display:block;font-weight:700}

blockquote{margin:0;padding:1rem 1.2rem;border-inline-start:2px solid var(--brass);
  background:var(--surface);border-radius:0 4px 4px 0;font-size:1.02rem;color:var(--fg)}

.equation{margin-top:clamp(1.8rem,5vw,2.6rem);border:1px solid var(--brass-line);
  background:var(--surface);border-radius:4px;display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;text-align:center;overflow:hidden}
.eq-cell{padding:1.15rem .6rem}
.eq-big{font-size:clamp(1.5rem,5.5vw,2.1rem);font-weight:800;color:var(--brass);line-height:1}
.eq-lbl{font-size:.75rem;color:var(--fg-dim);margin-top:.3rem}
.eq-op{display:flex;align-items:center;justify-content:center;padding:0 .2rem;
  color:var(--fg-mute);border-inline:1px solid var(--hair-soft)}
@media (max-width:560px){.equation{grid-template-columns:1fr}
  .eq-op{border-inline:0;border-block:1px solid var(--hair-soft);padding:.3rem 0}}

.tblwrap{overflow-x:auto;border:1px solid var(--hair-soft);border-radius:4px}
table{border-collapse:collapse;width:100%;font-size:.95rem;min-width:20rem}
th,td{padding:.75rem .95rem;text-align:start;border-bottom:1px solid var(--hair-soft)}
th{font-weight:700;color:var(--fg);background:var(--surface);font-size:.86rem}
td{color:var(--fg-dim)}
tr:last-child td{border-bottom:0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  background:var(--brass);color:#1a1204;font-weight:800;font-size:1.05rem;
  padding:1rem 1.6rem;border-radius:4px;text-decoration:none;border:0;cursor:pointer}
.btn:active{transform:scale(.985)}
.btn.ghost{background:transparent;color:var(--brass);border:1px solid var(--brass-line);font-weight:700}
.btnrow{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.6rem}

.legal{font-size:.97rem}
.legal h2{margin-top:2rem;font-size:1.2rem}
.legal h3{font-size:1rem}
.legal p,.legal li{color:var(--fg-dim)}
.legal ul{padding-inline-start:1.2rem;display:flex;flex-direction:column;gap:.4rem}
.updated{font-size:.82rem;color:var(--fg-mute)}

footer{padding:clamp(2.4rem,7vw,3.6rem) 0 3rem;color:var(--fg-dim);font-size:.92rem}
.footgrid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin-bottom:1.8rem}
.footgrid h4{margin:0 0 .6rem;font-size:.78rem;letter-spacing:.14em;color:var(--fg-mute);font-weight:700}
.footgrid a{display:block;color:var(--fg-dim);text-decoration:none;padding:.15rem 0}
.footgrid a:hover{color:var(--brass)}
.footbar{border-top:1px solid var(--hair-soft);padding-top:1.2rem;font-size:.84rem;color:var(--fg-mute)}