:root{
--ink:#08100F; --ink-2:#0E1E1C; --ink-3:#14302D;
--paper:#F7F3EB; --paper-2:#FFFDF8;
--teal:#14A6A6; --teal-soft:#1BC4C4; --teal-dim:#0C6E6E;
--text:#111D1B; --muted:#5E6E6B; --line:#DDD6C8;
--ivory:#EFEAE0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);
font-family:'Heebo',system-ui,'Segoe UI',Arial,sans-serif;font-size:17.5px;line-height:1.8;font-weight:400}
img{max-width:100%}
a{color:var(--teal-dim);text-decoration:none}
.inner{max-width:760px;margin:0 auto;padding:0 24px}

/* ---------- ניווט ---------- */
.nav{position:sticky;top:0;z-index:80;background:rgba(8,16,15,.92);backdrop-filter:blur(14px);
border-bottom:1px solid rgba(20,166,166,.18)}
.nav .inner{max-width:1180px;display:flex;align-items:center;gap:26px;height:62px}
.nav a{color:#9FB6B3;font-size:14.5px;letter-spacing:.2px;transition:color .25s}
.nav a:hover{color:var(--teal-soft)}
.wordmark{color:#fff!important;font-weight:800;font-size:19px;letter-spacing:1.6px}
.wordmark span{color:var(--teal)}
.nav-cta{margin-inline-start:auto;border:1px solid rgba(20,166,166,.55);color:var(--teal-soft)!important;
padding:8px 20px;border-radius:2px;font-weight:600;font-size:14.5px;transition:all .3s}
.nav-cta:hover{background:var(--teal);color:#04211F!important;box-shadow:0 0 26px rgba(20,166,166,.4)}
@media(max-width:760px){.nav .inner{gap:16px;height:56px}.nav .hide-s{display:none}}

/* ---------- כותרת קולנועית ---------- */
.hero{position:relative;background:var(--ink);color:var(--ivory);overflow:hidden;
padding:76px 0 68px;border-bottom:1px solid rgba(20,166,166,.22)}
.hero::before{content:"";position:absolute;inset:-40% -10% auto -10%;height:150%;
background:radial-gradient(60% 55% at 70% 0%,rgba(20,166,166,.20),transparent 70%);pointer-events:none}
.hero::after{content:"";position:absolute;bottom:0;inset-inline:0;height:1px;
background:linear-gradient(90deg,transparent,rgba(20,166,166,.85),transparent)}
.hero .inner{position:relative}
.crumbs{font-size:12.5px;letter-spacing:.6px;color:#6E8582;margin-bottom:26px}
.crumbs a{color:#6E8582}.crumbs a:hover{color:var(--teal-soft)}
.kicker{display:block;color:var(--teal-soft);font-size:12.5px;font-weight:700;
letter-spacing:2.4px;margin-bottom:16px}
.hero h1{font-size:clamp(31px,5.4vw,54px);line-height:1.12;font-weight:800;margin:0 0 22px;
letter-spacing:-.6px;color:#fff}
.dek{font-family:'Frank Ruhl Libre',Georgia,serif;font-size:clamp(17px,2.2vw,21px);
line-height:1.7;color:#B9CDCA;font-weight:400;margin:0;max-width:640px}

/* ---------- גוף ---------- */
.paper{background:var(--paper);padding:56px 0 20px}
h2{font-size:clamp(23px,3vw,30px);font-weight:800;letter-spacing:-.3px;margin:56px 0 14px;
padding-top:22px;border-top:1px solid var(--line);position:relative}
h2::before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:56px;height:2px;background:var(--teal)}
h3{font-size:19.5px;font-weight:700;margin:32px 0 8px}
p{margin:0 0 18px}
ul.clean{list-style:none;padding:0;margin:16px 0}
ul.clean li{position:relative;padding-inline-start:26px;margin:11px 0}
ul.clean li::before{content:"";position:absolute;inset-inline-start:4px;top:.75em;
width:7px;height:7px;background:var(--teal);border-radius:50%}
u{text-decoration:none;box-shadow:inset 0 -.45em 0 rgba(20,166,166,.28)}

table{width:100%;border-collapse:collapse;margin:22px 0;font-size:16.5px}
th,td{text-align:start;padding:13px 4px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;color:var(--muted);width:44%;background:none}
.num{font-variant-numeric:tabular-nums;unicode-bidi:isolate;font-feature-settings:"tnum"}

/* ---------- לוחות ---------- */
.box{background:var(--paper-2);border:1px solid var(--line);border-radius:3px;padding:26px 28px;margin:30px 0}
.box.warn{background:#FBF4E6;border-color:#E7D6B4}
.box.teal{background:var(--ink);color:var(--ivory);border:none;border-radius:3px;
padding:34px 32px;position:relative;overflow:hidden}
.box.teal::before{content:"";position:absolute;inset:0;
background:radial-gradient(70% 90% at 88% 0%,rgba(20,166,166,.20),transparent 65%);pointer-events:none}
.box.teal>*{position:relative}
.box.teal h2,.box.teal h3{color:#fff;border:none;padding:0;margin-top:0}
.box.teal h2::before{display:none}
.box.teal th{color:#8FA9A6;border-color:rgba(255,255,255,.10)}
.box.teal td{color:var(--ivory);border-color:rgba(255,255,255,.10)}
.box.teal a{color:var(--teal-soft)}
.box.teal p{color:#B9CDCA}
.box.teal b{color:#fff}

/* ---------- כרטיסים ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:2px;
margin:24px 0;background:var(--line);border:1px solid var(--line)}
.card{display:block;background:var(--paper-2);padding:20px 22px;color:inherit;transition:background .3s}
.card:hover{background:var(--ink);text-decoration:none}
.card b{display:block;font-size:16.5px;font-weight:700;margin-bottom:5px;transition:color .3s}
.card span{display:block;font-size:14px;color:var(--muted);transition:color .3s}
.card:hover b{color:#fff}.card:hover span{color:var(--teal-soft)}

.cta{display:inline-block;background:var(--teal);color:#04211F;font-weight:800;font-size:16.5px;
padding:15px 34px;border-radius:2px;margin:10px 0;letter-spacing:.2px;transition:all .3s}
.cta:hover{background:var(--teal-soft);text-decoration:none;box-shadow:0 0 34px rgba(20,166,166,.45)}
.pill{display:inline-block;border:1px solid var(--teal);color:var(--teal-dim);border-radius:2px;
padding:1px 11px;font-size:13.5px;font-weight:600;margin-inline-start:8px;vertical-align:middle}
.small{font-size:14.5px;color:var(--muted)}
details{margin:16px 0;border-top:1px solid var(--line);padding-top:14px}
summary{cursor:pointer;font-weight:600;color:var(--teal-dim)}

/* ---------- טפסים ---------- */
label{display:block;font-weight:600;margin:20px 0 7px;font-size:15.5px}
input,select{font-family:inherit;font-size:16.5px;padding:12px 14px;border:1px solid var(--line);
border-radius:2px;background:var(--paper-2);width:100%;color:var(--text)}
select:focus,input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,166,166,.14)}
input[type=range]{padding:0;border:none;accent-color:var(--teal);background:none}
.res{border-bottom:1px solid var(--line);padding:15px 0;transition:padding-inline-start .25s}
.res:hover{padding-inline-start:10px}
.res b{font-size:17px;font-weight:700;display:block}
.res b a{color:var(--text)}
.res:hover b a{color:var(--teal-dim)}

/* ---------- סיום ---------- */
.foot{background:var(--ink);color:#7E9693;padding:52px 0 44px;font-size:14.5px;margin-top:70px;
border-top:1px solid rgba(20,166,166,.22)}
.foot a{color:#A9C2BF}.foot a:hover{color:var(--teal-soft)}
.foot .wordmark{display:inline-block;margin-bottom:10px}
.foot p{margin:0 0 12px}

/* ---------- תנועה ---------- */
html.js .rv{opacity:0;transform:translateY(16px)}
html.js .rv.in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
@media(prefers-reduced-motion:reduce){html.js .rv{opacity:1!important;transform:none!important}}
@media(max-width:600px){body{font-size:16.5px}.hero{padding:52px 0 46px}.paper{padding:40px 0 10px}
.box,.box.teal{padding:22px 20px}h2{margin-top:44px}}