/* nitben.com — navy masthead, orange for actions, neutral gray ground, Hebrew RTL */
:root{
  --navy:#0f2a4a; --blue:#2b5f9e; --mist:#e8eef6; --ink:#16243a; --muted:#5d6b80; --rule:#dde1e7; --paper:#ffffff; --ground:#f2f3f5; --accent:#c2550c; --accent-dark:#a3460a;
  --font:"Google Sans","Heebo","Arial Hebrew","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{direction:rtl}
body{margin:0; background:var(--ground); color:var(--ink); font-family:var(--font); font-size:18px; line-height:1.6}
a{color:var(--blue)}
img{max-width:100%; display:block}
.wrap{max-width:960px; margin:0 auto; padding-inline:20px}
nav.top{background:var(--navy); color:#fff}
nav.top .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:14px; flex-wrap:wrap}
nav.top .brand{color:#fff; text-decoration:none; font-weight:800; font-size:20px}
nav.top ul{list-style:none; margin:0; padding:0; display:flex; gap:18px; flex-wrap:wrap}
nav.top a{color:#d7e3f2; text-decoration:none; font-size:16px}
nav.top a:hover, nav.top a[aria-current]{color:#fff}
nav.top .cta{background:var(--accent); color:#fff; padding:6px 14px; border-radius:8px; font-weight:700}
.hero{background:var(--navy); color:#fff; padding-block:56px 64px}
.hero h1{font-size:clamp(30px,5vw,48px); line-height:1.15; margin:0 0 14px; text-wrap:balance; font-weight:800}
.hero p{color:#d7e3f2; font-size:20px; max-width:56ch; margin:0 0 24px}
.hero .steps-title{color:#fff; font-size:22px; margin:8px 0 8px}
.hero .steps{color:#d7e3f2; font-size:20px; margin:0 0 20px; padding-inline-start:26px; display:grid; gap:4px}
.btn{display:inline-block; background:#fff; color:var(--navy); font-weight:800; font-size:18px; padding:12px 22px; border-radius:10px; text-decoration:none; border:0; cursor:pointer; font-family:inherit}
.btn.blue{background:var(--blue); color:#fff}
.btn.accent{background:var(--accent); color:#fff}
.btn.accent:hover, nav.top .cta:hover{background:var(--accent-dark); color:#fff}
.btn.sm{font-size:16px; padding:8px 16px}
.btn-row{display:flex; gap:10px; flex-wrap:wrap}
.btn:focus-visible, input:focus-visible{outline:3px solid #8fb4e6; outline-offset:2px}
section{padding-block:48px}
h2{font-size:28px; margin:0 0 12px; color:var(--navy); text-wrap:balance}
.lead{font-size:19px; color:var(--muted); max-width:62ch; margin:0 0 24px}
.cards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
@media (max-width:760px){.cards{grid-template-columns:1fr}}
.card{background:var(--paper); border:1px solid var(--rule); border-radius:14px; padding:20px; display:grid; gap:8px; align-content:start}
.card h2, .card h3{margin:0; font-size:20px; color:var(--navy)}
.card p{margin:0; color:var(--muted)}
.counter{display:flex; align-items:baseline; gap:10px; font-weight:800; color:var(--navy)}
.counter b{font-size:48px; line-height:1}
.bar{height:10px; background:var(--rule); border-radius:99px; overflow:hidden; margin-top:8px}
.bar i{display:block; height:100%; background:var(--blue)}
.join-box{background:var(--paper); border:1px solid var(--rule); border-radius:16px; padding:24px; max-width:560px}
.join-box form{display:flex; gap:10px; flex-wrap:wrap}
.join-box input[type=email]{flex:1 1 240px; min-width:0; font:inherit; padding:12px 14px; border:1px solid var(--rule); border-radius:10px; background:var(--ground); direction:ltr; text-align:right}
.consent{flex-basis:100%; display:flex; gap:10px; align-items:flex-start; font-size:15px; line-height:1.5; color:var(--muted); cursor:pointer}
.consent input{flex:none; width:20px; height:20px; margin:3px 0 0; accent-color:var(--blue); cursor:pointer}
.consent input:focus-visible{outline:3px solid #8fb4e6; outline-offset:2px}
.btn:disabled{background:#d5d8dd; color:#4b5563; cursor:not-allowed}
.card ul.plain{color:var(--muted)}
.skip{position:absolute; inset-inline-start:12px; top:-60px; background:#fff; color:var(--navy); padding:10px 16px; border-radius:8px; font-weight:700; z-index:10}
.skip:focus{top:12px}
.statement h2{margin-top:32px}
.statement p, .statement li{max-width:70ch}
.small{font-size:14px; color:var(--muted)}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
.thanks{background:#e6f4ee; border:1px solid #b7dfcb; color:#145c3f; border-radius:12px; padding:16px; font-weight:600}
.err{color:#a5361b; font-size:15px}
ul.plain{padding-inline-start:22px; margin:0}
footer{background:var(--navy); color:#a9c1e0; font-size:14px; padding-block:28px; margin-top:24px}
footer a{color:#d7e3f2}
footer .wrap{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap}

/* Accessibility toolbar (a11y.js) */
.a11y{position:fixed; left:16px; bottom:16px; z-index:50; font-family:var(--font)}
.a11y-btn{width:52px; height:52px; border-radius:50%; border:2px solid #fff; background:var(--blue); color:#fff; display:grid; place-items:center; cursor:pointer; box-shadow:0 4px 14px rgba(15,42,74,.3)}
.a11y-btn:focus-visible, .a11y-panel button:focus-visible, .a11y-panel a:focus-visible{outline:3px solid #8fb4e6; outline-offset:2px}
.a11y-panel{position:absolute; left:0; bottom:62px; width:230px; background:#fff; color:var(--ink); border:1px solid var(--rule); border-radius:14px; padding:14px; display:grid; gap:8px; box-shadow:0 8px 28px rgba(15,42,74,.25)}
.a11y-panel[hidden]{display:none}
.a11y-title{margin:0; font-weight:800; color:var(--navy)}
.a11y-panel button{font:inherit; font-size:15px; text-align:right; padding:8px 12px; border-radius:8px; border:1px solid var(--rule); background:var(--ground); color:var(--ink); cursor:pointer}
.a11y-panel button[aria-pressed="true"]{background:var(--navy); color:#fff; border-color:var(--navy)}
.a11y-panel a{font-size:15px; padding-top:4px}
.a11y-zoom{display:flex; align-items:center; justify-content:space-between; gap:8px}
.a11y-zoom button{flex:1; text-align:center; font-weight:800}
.a11y-zoom span{min-width:48px; text-align:center; font-weight:700}
.a11y-zoomed body > *:not(.a11y){zoom:var(--a11y-zoom)}
.a11y-gray body > *:not(.a11y){filter:grayscale(1)}
.a11y-links a:not(.a11y a){text-decoration:underline !important; outline:2px solid currentColor; outline-offset:2px}
.a11y-font body, .a11y-font body *:not(.a11y-btn svg *){font-family:Arial,"Arial Hebrew",sans-serif !important; letter-spacing:.02em; word-spacing:.08em}
.a11y-motion *, .a11y-motion *::before, .a11y-motion *::after{animation:none !important; transition:none !important; scroll-behavior:auto !important}
.a11y-contrast body > *:not(.a11y), .a11y-contrast body > *:not(.a11y) *{background-color:#000 !important; color:#fff !important; border-color:#fff !important}
.a11y-contrast body{background:#000 !important}
.a11y-contrast body > *:not(.a11y) a{color:#ff0 !important}
.a11y-contrast body > *:not(.a11y) .btn, .a11y-contrast .bar i{background-color:#ff0 !important; color:#000 !important}
.a11y-contrast body > *:not(.a11y) .btn:disabled{background-color:#555 !important; color:#fff !important}
@media print{.a11y{display:none}}