/* ============================================================================
   סדר ביטוחי
   One deep cobalt on white, a blue-biased grey for surfaces, Rubik throughout.
   An 8pt spacing scale, one radius, hairlines instead of cards wherever the
   content is a list and not an object. Light only, on purpose.
   ============================================================================ */
@font-face{font-family:Rubik;font-weight:300 600;font-display:swap;
  src:url(/fonts/Rubik-hebrew.woff2) format('woff2');
  unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Rubik;font-weight:300 600;font-display:swap;
  src:url(/fonts/Rubik-latin.woff2) format('woff2')}

:root{
  --blue:#1F4FB5;--blue-press:#173E90;--blue-ink:#12306E;--blue-soft:#E8EEFA;--blue-line:#C5D3F0;
  --ink:#0F1A2B;--soft:#4F5D73;--mute:#7C889B;--paper:#FFFFFF;--surface:#F3F6FB;--line:#DCE3EE;
  --ok:#1B7F4F;--ok-soft:#E4F4EC;--dup:#B7791F;--dup-soft:#FBF1DD;--miss:#B3261E;--miss-soft:#FCE9E7;
  --s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2rem;--s5:3rem;--s6:4.5rem;
  --wrap:1120px;--col:66ch;--r:8px;--ease:cubic-bezier(.23,1,.32,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 1.0625rem/1.72 Rubik,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-underline-offset:.15em}
h1,h2,h3{margin:0;line-height:1.18;letter-spacing:-.022em;text-wrap:balance}
h1{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:500;line-height:1.1}
h2{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:500;margin-top:var(--s5)}
h3{font-size:1.15rem;font-weight:500;margin-top:var(--s4)}
p{margin:0 0 var(--s2)}
ul,ol{padding-inline-start:1.25rem;margin:0 0 var(--s2)}
li{margin-bottom:.4rem}
strong,b{font-weight:500}
.sub{color:var(--soft);font-size:1.05rem;max-width:56ch;margin-top:.4rem}
.more{margin-top:var(--s3)}
table{border-collapse:collapse;width:100%;font-size:.95rem;font-variant-numeric:tabular-nums}
th,td{text-align:start;padding:.65rem .8rem;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
th{font-weight:500;background:var(--surface);white-space:nowrap}
.table-wrap{overflow-x:auto;margin:var(--s2) 0 var(--s3);border:1px solid var(--line);border-radius:var(--r)}
.wrap{width:min(var(--wrap),100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;inset-inline-start:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:99;border-radius:0 0 var(--r) var(--r)}
.skip:focus{inset-inline-start:1rem;top:0}
:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px;border-radius:2px}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:blur(14px) saturate(160%);
  border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:var(--s3);min-height:68px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-weight:500;
  font-size:1.22rem;letter-spacing:-.025em;margin-inline-end:auto}
.brand img{width:32px;height:32px}
.nav{display:flex;gap:1.5rem;font-size:.97rem}
.nav a{color:var(--ink);text-decoration:none;padding:.4rem 0;border-bottom:2px solid transparent;transition:border-color 150ms ease}
.nav a[aria-current]{border-bottom-color:var(--blue)}
@media (hover:hover) and (pointer:fine){.nav a:hover{border-bottom-color:var(--blue-line)}}
.burger{display:none;background:none;border:0;padding:.55rem;cursor:pointer;border-radius:var(--r)}
.burger span{display:block;width:22px;height:2px;background:var(--ink);margin:4px 0;transition:transform 200ms var(--ease),opacity 150ms ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav{display:none}
.mnav:not([hidden]){display:flex;flex-direction:column;padding:.4rem 1.25rem 1.2rem;border-top:1px solid var(--line);background:#fff}
.mnav a{color:var(--ink);text-decoration:none;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:1.05rem}
.mnav .btn{margin-top:var(--s2);border:0}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--blue);color:#fff;
  font-weight:500;font-size:1rem;line-height:1.2;padding:.78rem 1.4rem;border:0;border-radius:var(--r);text-decoration:none;
  cursor:pointer;transition:background-color 150ms ease,transform 160ms var(--ease),box-shadow 160ms var(--ease);touch-action:manipulation}
.btn:active{transform:scale(.97)}
.btn.big{width:100%;padding:1.05rem 1.4rem;font-size:1.08rem}
.btn.ghost{background:var(--blue-soft);color:var(--blue-ink)}
.btn[disabled]{opacity:.6;cursor:progress}
@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--blue-press)}.btn.ghost:hover{background:#DCE6F8}}

/* ---------- home hero ---------- */
.hero{padding:clamp(2.4rem,5.5vw,4.4rem) 0 clamp(2rem,4vw,3.2rem)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.hero h1{max-width:14ch}
.hero .lede{font-size:clamp(1.1rem,1.75vw,1.3rem);font-weight:300;line-height:1.6;max-width:33rem;margin-top:var(--s3)}
.hero .lede b{font-weight:500}
.hero .facts{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;gap:.6rem;font-size:.98rem;color:var(--soft)}
.hero .facts li{display:flex;gap:.65rem;align-items:baseline}
.hero .facts li::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--blue);flex:none;transform:translateY(-.15rem)}
.who{display:flex;gap:.9rem;align-items:center;margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line)}
.who img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none}
.who p{margin:0;font-size:.92rem;color:var(--soft);line-height:1.45}
.who p b{display:block;color:var(--ink);font-size:1rem}

/* the form panel: the one lifted object on the page */
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(1.3rem,2.8vw,1.9rem);
  box-shadow:0 1px 2px rgba(15,26,43,.04),0 12px 32px -12px rgba(31,79,181,.18);position:relative}
.lead-title{font-size:1.28rem;font-weight:500;margin:0 0 .15rem;letter-spacing:-.015em}
.lead-sub{margin:0 0 var(--s2);color:var(--soft);font-size:.95rem}

/* ---------- the form ---------- */
.lead{display:grid;gap:1.05rem;position:relative}
.lead .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.lead .f label{display:flex;justify-content:space-between;align-items:baseline;font-size:.84rem;font-weight:500;color:var(--soft);margin-bottom:.32rem}
.lead .f .opt{font-weight:400;color:var(--mute);font-size:.78rem}
.lead .f input{width:100%;font:inherit;font-size:1.02rem;padding:.72rem .85rem;border:1.5px solid var(--line);border-radius:var(--r);
  background:#fff;color:var(--ink);transition:border-color 140ms ease,box-shadow 140ms ease;font-variant-numeric:tabular-nums}
.lead .f input::placeholder{color:var(--mute)}
.lead .f input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,79,181,.16)}
.lead .f input[aria-invalid="true"]{border-color:var(--miss);box-shadow:0 0 0 3px rgba(179,38,30,.12)}
.lead .err{display:none;margin:.3rem 0 0;font-size:.82rem;color:var(--miss)}
.lead .f[data-error] .err{display:block}
.lead fieldset{border:0;padding:0;margin:0;min-width:0}
.lead legend{font-size:.84rem;font-weight:500;color:var(--soft);margin-bottom:.45rem;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
.chip{font:inherit;font-size:.9rem;padding:.42rem .8rem;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);
  cursor:pointer;transition:background-color 140ms ease,border-color 140ms ease,transform 160ms var(--ease)}
.chip:active{transform:scale(.96)}
.chip[aria-pressed="true"]{background:var(--blue-soft);border-color:var(--blue);color:var(--blue-ink)}
@media (hover:hover) and (pointer:fine){.chip:hover{border-color:var(--blue-line)}}
.lead .consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.84rem;color:var(--soft);line-height:1.5}
.lead .consent input{flex:none;margin-top:.3rem;width:1rem;height:1rem;accent-color:var(--blue)}
.lead .after{margin:0;font-size:.8rem;color:var(--mute);line-height:1.55}
.lead .hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px}
.lead .formerr{display:none;background:var(--miss-soft);color:var(--miss);padding:.7rem .9rem;border-radius:var(--r);font-size:.9rem}
.lead[data-state="error"] .formerr{display:block}
.sent{display:none;padding:.4rem 0}
.lead[data-state="sent"]{display:none}
.lead[data-state="sent"]+.sent{display:block}
.sent .mark{width:44px;height:44px;border-radius:50%;background:var(--ok-soft);display:grid;place-items:center;margin-bottom:var(--s2)}
.sent .mark svg{width:22px;height:22px;stroke:var(--ok);stroke-width:2.5;fill:none}
.sent h3{margin:0 0 .4rem}
.sent p{color:var(--soft);margin:0 0 .5rem}
.sent ul{margin:.4rem 0 0;color:var(--soft);font-size:.95rem}

/* ---------- home bands ---------- */
.band{padding:clamp(2.6rem,5.5vw,4.4rem) 0}
.band.alt{background:var(--surface)}
.band h2{margin-top:0}

/* the sample report: the one thing only this subject would have */
.report{margin-top:var(--s3);border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;max-width:46rem}
.rep-head{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;background:var(--surface);
  border-bottom:1px solid var(--line);font-weight:500}
.rep-tag{font-size:.74rem;font-weight:500;letter-spacing:.08em;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:.15rem .55rem;background:#fff}
.rep-row{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;padding:.8rem 1.1rem;border-bottom:1px solid var(--line);font-size:.98rem}
.rep-row:last-of-type{border-bottom:0}
.rep-row .dot{width:.6rem;height:.6rem;border-radius:50%}
.rep-state{font-size:.8rem;font-weight:500;padding:.2rem .6rem;border-radius:999px}
.rep-row.ok .dot{background:var(--ok)}.rep-row.ok .rep-state{background:var(--ok-soft);color:var(--ok)}
.rep-row.dup .dot{background:var(--dup)}.rep-row.dup .rep-state{background:var(--dup-soft);color:#7A4E0E}
.rep-row.miss .dot{background:var(--miss)}.rep-row.miss .rep-state{background:var(--miss-soft);color:var(--miss)}
.rep-foot{margin:0;padding:.7rem 1.1rem;font-size:.8rem;color:var(--mute);background:var(--surface);border-top:1px solid var(--line)}
.finds{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);margin-top:var(--s4)}
.finds div{padding-top:.9rem;border-top:2px solid var(--line)}
.finds div:nth-child(1){border-color:var(--dup)}.finds div:nth-child(2){border-color:var(--miss)}
.finds div:nth-child(3){border-color:var(--blue)}.finds div:nth-child(4){border-color:var(--ok)}
.finds b{display:block;margin-bottom:.25rem;font-size:1.05rem}
.finds p{margin:0;color:var(--soft);font-size:.95rem}

.steps{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);counter-reset:s}
.steps li{counter-increment:s;padding-top:.9rem;border-top:2px solid var(--blue)}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;
  background:var(--blue);color:#fff;font-size:.82rem;font-weight:500;margin-bottom:.6rem}
.steps b{display:block;font-size:1.08rem;margin-bottom:.3rem}
.steps p{margin:0;color:var(--soft);font-size:.97rem}

.lines{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem 1.2rem;margin:var(--s3) 0 0;padding:0;list-style:none}
.lines li{margin:0}
.lines a{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--r);
  text-decoration:none;color:var(--ink);transition:border-color 140ms ease,background-color 140ms ease}
.lines a::after{content:"←";color:var(--mute);transition:transform 160ms var(--ease)}
@media (hover:hover) and (pointer:fine){.lines a:hover{border-color:var(--blue);background:var(--blue-soft)}.lines a:hover::after{transform:translateX(-3px);color:var(--blue)}}

.people{display:grid;grid-template-columns:1fr 1fr;max-width:46rem;gap:var(--s4);margin-top:var(--s3)}
.people.one{grid-template-columns:1fr}
.person{display:grid;grid-template-columns:84px 1fr;gap:var(--s2);align-items:start}
.person img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.person b{display:block;font-size:1.08rem}
.person small{display:block;color:var(--soft);font-size:.86rem;margin-bottom:.4rem}
.person p{margin:0;color:var(--soft);font-size:.96rem}

/* ---------- article pages ---------- */
.crumbs{font-size:.84rem;color:var(--soft);padding:var(--s2) 0 0}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}
.crumbs li{margin:0}
.crumbs li+li::before{content:"‹";margin-inline-end:.35rem;color:var(--mute)}
.crumbs a{color:var(--soft);text-decoration:none}
.article{width:min(var(--col),100% - 2.5rem);margin-inline:auto;padding:var(--s3) 0 var(--s4)}
.article h1{margin-bottom:.7rem}
.article .intro{font-size:1.16rem;font-weight:300;line-height:1.62;margin-bottom:var(--s3)}
.article .intro b{font-weight:500}
.byline,.updated{font-size:.84rem;color:var(--soft);margin:0 0 .25rem}
.updated{margin-bottom:var(--s3)}
.key{background:var(--blue-soft);border-inline-start:3px solid var(--blue);padding:.95rem 1.15rem;border-radius:0 var(--r) var(--r) 0;margin:var(--s3) 0}
.key p{margin:0}
.warn{background:var(--miss-soft);border-inline-start:3px solid var(--miss);padding:.95rem 1.15rem;border-radius:0 var(--r) var(--r) 0;margin:var(--s3) 0}
.warn p{margin:0}
.faq{width:min(var(--col),100% - 2.5rem);margin:var(--s2) auto 0}
.faq dl{margin:var(--s2) 0 0}
.faq dt{font-weight:500;margin-top:1.2rem}
.faq dd{margin:.15rem 0 .5rem;color:var(--soft)}
.related{width:min(var(--col),100% - 2.5rem);margin:var(--s4) auto 0;padding-top:var(--s3);border-top:1px solid var(--line)}
.related h2{margin-top:0;font-size:1.1rem}
.related ul{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.4rem}
.related li{margin:0}
.cta{width:min(var(--col),100% - 2.5rem);margin:var(--s5) auto 0;background:var(--surface);border-radius:14px;padding:clamp(1.4rem,3vw,2.1rem)}
.cta h2{margin-top:0}
.cta>p{color:var(--soft)}
.cta .lead{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.2rem}

/* sticky action on phones, article pages only */
.sticky{position:fixed;inset-inline:0;bottom:0;z-index:30;display:none;padding:.6rem .8rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.sticky .btn{width:100%}

/* ---------- footer ---------- */
.foot{margin-top:var(--s6);border-top:1px solid var(--line);background:var(--surface);font-size:.93rem}
.foot .parent{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:var(--s4) 0 0}
.foot .parent .brand{font-size:1.1rem;margin:0}.foot .tagline{color:var(--ink);font-size:.95rem;margin-inline-end:auto}
.foot .sensor{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--soft);font-size:.82rem;line-height:1.45}
.foot .sensor img{width:120px;height:auto}
.foot .from{color:var(--soft);font-size:.92rem}
.foot .from a{color:var(--ink);font-weight:500;text-decoration:none;border-bottom:1px solid var(--line)}
.foot .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);padding:var(--s5) 0 var(--s3)}
.foot h2{font-size:.78rem;font-weight:500;letter-spacing:.12em;color:var(--mute);margin:0 0 .7rem}
.foot .grid a{display:block;color:var(--ink);text-decoration:none;padding:.24rem 0}
@media (hover:hover) and (pointer:fine){.foot .grid a:hover{color:var(--blue)}}
.foot .legal{border-top:1px solid var(--line);padding:var(--s3) 0 var(--s4);font-size:.8rem;line-height:1.7;color:var(--soft)}
.foot .legal p{margin:0 0 .6rem;max-width:100ch}
.foot .tiny{color:var(--mute)}

/* ---------- responsive ---------- */
@media (max-width:960px){
  .hero .wrap{grid-template-columns:1fr}
  .finds{grid-template-columns:1fr 1fr}
  .steps,.lines,.people,.foot .parent{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:var(--s4) 0 0}
.foot .parent .brand{font-size:1.1rem;margin:0}.foot .tagline{color:var(--ink);font-size:.95rem;margin-inline-end:auto}
.foot .sensor{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--soft);font-size:.82rem;line-height:1.45}
.foot .sensor img{width:120px;height:auto}
.foot .from{color:var(--soft);font-size:.92rem}
.foot .from a{color:var(--ink);font-weight:500;text-decoration:none;border-bottom:1px solid var(--line)}
.foot .grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  body{font-size:1rem}
  .nav,.top-cta{display:none}.burger{display:block}
  .steps,.lines,.finds,.people,.foot .parent{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:var(--s4) 0 0}
.foot .parent .brand{font-size:1.1rem;margin:0}.foot .tagline{color:var(--ink);font-size:.95rem;margin-inline-end:auto}
.foot .sensor{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--soft);font-size:.82rem;line-height:1.45}
.foot .sensor img{width:120px;height:auto}
.foot .from{color:var(--soft);font-size:.92rem}
.foot .from a{color:var(--ink);font-weight:500;text-decoration:none;border-bottom:1px solid var(--line)}
.foot .grid{grid-template-columns:1fr}
  .lead .row{grid-template-columns:1fr}
  body:not(.home) .sticky{display:block}
  body:not(.home) .foot{padding-bottom:4.5rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.btn,.chip,.burger span,.lines a::after{transition:none}.btn:active,.chip:active{transform:none}
}