:root{
    --paper:#EFF2F6; --panel:#FFFFFF; --panel-2:#F6F8FB;
    --ink:#10233F; --ink-soft:#44546C; --ink-faint:#5E6E88;
    --rule:#D3DBE6; --accent:#126EB1; --accent-strong:#0D5A93; --accent-contrast:#FFFFFF; --accent-bg:#DCE9F5;
    --shadow: 0 1px 0 rgba(16,35,63,0.05);
  }
@media (prefers-color-scheme: dark){
  :root{
      --paper:#0C1626; --panel:#132139; --panel-2:#182A45;
      --ink:#E6EDF6; --ink-soft:#A6B4C7; --ink-faint:#8090A8;
      --rule:#22334F; --accent:#4FA3E0; --accent-strong:#7DBBEB; --accent-contrast:#08131F; --accent-bg:#132A4A;
      --shadow: 0 1px 0 rgba(0,0,0,0.4);
    }
}
*{box-sizing:border-box;}
html,body{margin:0; padding:0;}
body{background:var(--paper); color:var(--ink); font-family:'IBM Plex Sans Hebrew', Arial, sans-serif;}
.page{direction:rtl; text-align:right; padding-inline:20px;}
.wrap{max-width:1040px; margin:0 auto;}
bdi{unicode-bidi:isolate; font-family:'IBM Plex Mono', monospace;}
h1,h2,h3{font-family:'Rubik', Arial, sans-serif; font-weight:800; text-wrap:balance; margin:0;}
p{margin:0; line-height:1.7;}
a{color:inherit;}
a:focus-visible{outline:2px solid var(--accent); outline-offset:3px;}

header{padding-block:10px; border-bottom:1px solid var(--rule);}
.nav{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.brand{display:flex; align-items:center; gap:11px; text-decoration:none; color:inherit;}
.brand-logo{display:block; height:84px; width:auto;}
@media (prefers-color-scheme: dark){ .brand-logo{background:#EFF2F6; padding:4px 10px;} }
.brand-tag{font-size:11px; color:var(--ink-faint); margin-top:1px;}
.nav-actions{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.nav-back{font-size:13.5px; color:var(--ink-soft); text-decoration:none;}
.nav-back:hover{color:var(--ink);}

.btn{display:inline-flex; align-items:center; gap:8px; padding:12px 20px; font-family:'IBM Plex Sans Hebrew',sans-serif; font-weight:600; font-size:14.5px; text-decoration:none; border:1.5px solid transparent; cursor:pointer;}
.btn-primary{background:var(--accent); color:var(--accent-contrast);}
.btn-primary:hover{background:var(--accent-strong);}
.btn-ghost{border-color:var(--rule); color:var(--ink);}
.btn-ghost:hover{border-color:var(--ink-soft);}
.btn-sm{padding:8px 14px; font-size:13px;}

.hero{padding-block:56px 44px; border-bottom:1px solid var(--rule);}
.kicker{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--ink-faint); letter-spacing:.06em; margin-bottom:12px; display:flex; gap:10px; align-items:center; flex-wrap:wrap;}
.status{padding:2px 7px; border:1px solid var(--rule); white-space:nowrap; font-size:10.5px;}
.hero h1{font-size:clamp(28px,4.2vw,42px); line-height:1.18; max-width:22ch;}
.hero .lede{margin-top:20px; font-size:16.5px; color:var(--ink-soft); max-width:62ch;}
.hero-ctas{display:flex; gap:12px; margin-top:30px; flex-wrap:wrap;}

section{padding-block:50px;}
.section-head h2{font-size:clamp(22px,3vw,28px); max-width:26ch;}
.section-head p{margin-top:10px; color:var(--ink-soft); max-width:60ch; font-size:15px;}

.grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--rule); border:1px solid var(--rule); margin-top:30px;}
.cell{background:var(--panel); padding:22px 20px;}
.cell h3{font-size:16px; font-weight:700; margin-bottom:8px;}
.cell p{font-size:13.8px; color:var(--ink-soft);}

.cta-band{background:var(--accent-bg); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); text-align:center; padding-block:56px;}
.cta-band h2{font-size:clamp(22px,3.2vw,30px); max-width:22ch; margin:0 auto;}
.cta-band p{margin-top:12px; color:var(--ink-soft); font-size:15px; max-width:48ch; margin-inline:auto;}
.cta-band .hero-ctas{justify-content:center; margin-top:24px;}

footer{padding-block:26px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:12.5px; color:var(--ink-faint);}
footer .legal-links{display:flex; gap:16px;}
footer .legal-links a{text-decoration:none;}
footer .legal-links a:hover{color:var(--ink-soft);}
footer .contact{font-family:'IBM Plex Mono',monospace;}

@media (max-width:820px){ .grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .grid{grid-template-columns:1fr;} footer{flex-direction:column;} }