/* חדר מיון לחשבונות · שכבת עיצוב אחת לכל העמודים
   בלי פינות מעוגלות. בלי צללים דקורטיביים. בלי גרדיאנטים.
   המבנה נעשה בקווים ובריווח. */

:root{
 --page:#f2f5fa; --paper:#fff;
 --ink:#1a222b; --ink-2:#55606b; --ink-3:#616b76;
 --rule:#d8dee3; --rule-2:#87939e;
 --focus:#ffd400;

 /* שבע משפחות צבע. כל אחת: קו/טקסט, כהה, תווית, שוליים, רקע סקשן, מילוי חי.
    הערכים נמדדו מול תקן הניגודיות. הצבע תמיד נושא משמעות, אף פעם לא קישוט. */
 --blue:#0f5bb0;  --blue-dk:#0a4084;  --blue-bg:#eaf2fc;  --blue-ed:#c3dbf5;  --blue-wash:#f2f7fd;  --blue-vv:#1e7ae0;
 --teal:#00707a;  --teal-dk:#004f56;  --teal-bg:#e2f4f5;  --teal-ed:#b5e0e3;  --teal-wash:#eff8f9;  --teal-vv:#00a0ad;
 --green:#1a7340; --green-dk:#12522d; --green-bg:#e7f5ec; --green-ed:#bfe3cc; --green-wash:#f1f8f3; --green-vv:#22a45a;
 --amber:#915800; --amber-dk:#6b4100; --amber-bg:#fdf3e0; --amber-ed:#f2dcb4; --amber-wash:#fdf8ee; --amber-vv:#e59a00;
 --red:#b02a1e;   --red-dk:#821f16;   --red-bg:#fdeeec;   --red-ed:#f5cdc8;   --red-wash:#fdf5f4;   --red-vv:#e0402c;
 --plum:#713397;  --plum-dk:#52246e;  --plum-bg:#f4ecfb;  --plum-ed:#e0cdf2;  --plum-wash:#f9f4fd;  --plum-vv:#9a4fce;
 --rose:#b02563;  --rose-dk:#821b49;  --rose-bg:#fdecf3;  --rose-ed:#f7c9dc;  --rose-wash:#fdf4f8;  --rose-vv:#e0407f;

 /* ברירת מחדל לעמוד */
 --accent:var(--blue); --accent-dk:var(--blue-dk); --accent-bg:var(--blue-bg);
 --accent-ed:var(--blue-ed); --accent-wash:var(--blue-wash); --accent-vv:var(--blue-vv);
 --alert:var(--red); --alert-bg:var(--red-bg);
 --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
 --s7:48px; --s8:64px; --s9:80px; --s10:112px;
 --read:620px; --wide:820px; --shell:960px;
 --gut:clamp(20px,5vw,40px);
 color-scheme:light;
}
/* ---- משפחת צבע לכל סקשן ----
   סקשן שנושא data-c מחליף את משפחת הצבע לכל מה שבתוכו.
   הטקסט עצמו תמיד נשאר בצבע הדיו. הצבע חי רק בקווים, במספרים, בתוויות וברקעים. */
[data-c=blue] {--accent:var(--blue); --accent-dk:var(--blue-dk); --accent-bg:var(--blue-bg); --accent-ed:var(--blue-ed); --accent-wash:var(--blue-wash); --accent-vv:var(--blue-vv)}
[data-c=teal] {--accent:var(--teal); --accent-dk:var(--teal-dk); --accent-bg:var(--teal-bg); --accent-ed:var(--teal-ed); --accent-wash:var(--teal-wash); --accent-vv:var(--teal-vv)}
[data-c=green]{--accent:var(--green);--accent-dk:var(--green-dk);--accent-bg:var(--green-bg);--accent-ed:var(--green-ed);--accent-wash:var(--green-wash);--accent-vv:var(--green-vv)}
[data-c=amber]{--accent:var(--amber);--accent-dk:var(--amber-dk);--accent-bg:var(--amber-bg);--accent-ed:var(--amber-ed);--accent-wash:var(--amber-wash);--accent-vv:var(--amber-vv)}
[data-c=red]  {--accent:var(--red);  --accent-dk:var(--red-dk);  --accent-bg:var(--red-bg);  --accent-ed:var(--red-ed);  --accent-wash:var(--red-wash);  --accent-vv:var(--red-vv)}
[data-c=plum] {--accent:var(--plum); --accent-dk:var(--plum-dk); --accent-bg:var(--plum-bg); --accent-ed:var(--plum-ed); --accent-wash:var(--plum-wash); --accent-vv:var(--plum-vv)}
[data-c=rose] {--accent:var(--rose); --accent-dk:var(--rose-dk); --accent-bg:var(--rose-bg); --accent-ed:var(--rose-ed); --accent-wash:var(--rose-wash); --accent-vv:var(--rose-vv)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth;scroll-padding-block-start:var(--s5)}
body{margin:0;background:var(--page);color:var(--ink);overflow-x:clip;
 font:400 18px/1.7 Heebo,Arial,sans-serif;
 -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0;padding:0}
h1,h2,h3,h4{font-weight:700;color:var(--ink)}
h1{font-size:31px;line-height:1.18;letter-spacing:-.02em;text-wrap:balance;max-inline-size:20ch}
h2{font-size:26px;line-height:1.25;letter-spacing:-.015em;text-wrap:balance}
h3{font-size:19px;line-height:1.35}
p{color:var(--ink-2)}
strong,b{font-weight:700;color:var(--ink)}
ul,ol{padding-inline-start:0;list-style:none}
img,svg{max-inline-size:100%}
table{border-collapse:collapse;inline-size:100%}
:focus{outline:none}
:focus-visible{outline:3px solid transparent;color:var(--ink);background:var(--focus);
 box-shadow:0 -2px var(--focus),0 4px var(--ink);text-decoration:none}
::selection{background:var(--focus);color:var(--ink)}
.ltr{unicode-bidi:isolate;direction:ltr;display:inline-block}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* ---- links ---- */
a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:var(--accent-dk);text-decoration-thickness:2px}
a:focus-visible{color:var(--ink)}

/* ---- skip ---- */
.skip{position:fixed;inset-block-start:0;inset-inline-start:var(--s4);z-index:120;
 background:var(--focus);color:var(--ink);padding:10px 18px;font-weight:700;
 text-decoration:none;transform:translateY(-200%)}
.skip:focus{transform:translateY(0)}

/* ---- shell ---- */
.shell{inline-size:min(var(--shell),100% - (var(--gut) * 2));margin-inline:auto}
.sheet{background:var(--paper);max-inline-size:1240px;margin-inline:auto;min-block-size:100vh}
@media(min-width:1288px){.sheet{border-inline:1px solid var(--rule)}}
.read{inline-size:min(var(--read),100%)}
.wide{inline-size:min(var(--wide),100%)}

/* ---- header ---- */
.masthead{border-block-end:1px solid var(--rule)}
.masthead-top{background:var(--accent);color:#fff;font-size:13px;line-height:1.5;padding-block:8px}
.masthead-top .shell{display:flex;gap:var(--s4);justify-content:space-between;flex-wrap:wrap;align-items:center}
.masthead-top span{color:#dbe6f3}
.masthead-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);
 padding-block:var(--s4);flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:var(--s3);text-decoration:none;color:var(--ink)}
.brand:hover{text-decoration:none;color:var(--ink)}
.brand-mark{inline-size:38px;block-size:38px;flex-shrink:0;background:var(--accent);color:#fff;
 display:grid;place-items:center;font-size:23px;font-weight:400;line-height:1}
.brand-name{font-size:18px;font-weight:700;line-height:1.2}
.brand-name small{display:block;font-size:12.5px;font-weight:400;color:var(--ink-3);margin-block-start:3px}
.masthead-nav{display:flex;gap:var(--s5);font-size:15px}
.masthead-nav a{color:var(--ink-2);text-decoration:none}
.masthead-nav a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}

/* ---- page intro ---- */
.intro{border-block-end:1px solid var(--rule);padding-block:var(--s7) var(--s6)}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.07em;color:var(--accent);
 text-transform:none;margin-block-end:var(--s3)}
.intro h1{margin-block-end:var(--s4)}
.lede{font-size:20px;line-height:1.65;color:var(--ink-2);max-inline-size:var(--read)}
.stamp{margin-block-start:var(--s5);padding-block-start:var(--s4);border-block-start:1px solid var(--rule);
 font-size:13.5px;line-height:1.6;color:var(--ink-3);max-inline-size:var(--read)}

/* ---- body layout ---- */
main{display:block}
.doc{padding-block:var(--s7) var(--s9)}
.doc-grid{display:grid;gap:var(--s7)}
@media(min-width:1000px){
 .doc-grid{grid-template-columns:210px minmax(0,1fr);gap:var(--s8);align-items:start}
 .contents{position:sticky;inset-block-start:var(--s5)}
 .doc-grid > article{max-inline-size:660px}
}
.contents{font-size:15px}
.contents h2{font-size:13px;font-weight:700;letter-spacing:.07em;color:var(--ink-3);
 margin-block-end:var(--s3);padding-block-end:var(--s2);border-block-end:1px solid var(--rule)}
.contents ol{display:grid}
.contents li{border-block-end:1px solid var(--rule)}
.contents a{display:flex;gap:var(--s3);align-items:baseline;padding-block:9px;
 text-decoration:none;color:var(--ink-2);line-height:1.4}
.contents a:hover{color:var(--accent);background:var(--accent-bg)}
.contents a .n{font-size:12.5px;color:var(--ink-3);min-inline-size:15px}
.contents a[data-active=true]{color:var(--accent);font-weight:700}
.contents a[data-active=true] .n{color:var(--accent)}

section.part{padding-block-end:var(--s7)}
section.part + section.part{padding-block-start:var(--s7);border-block-start:1px solid var(--rule)}
.part h2{margin-block-end:var(--s3)}
.part .sub{font-size:15px;color:var(--ink-3);margin-block-end:var(--s5);max-inline-size:var(--read)}
.part p{max-inline-size:var(--read);margin-block-end:var(--s4)}
.part p:last-child{margin-block-end:0}

/* ---- numbered procedure ---- */
.steps{margin-block:var(--s5) 0;border-block-start:1px solid var(--rule);max-inline-size:var(--wide)}
.steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--s4);
 padding-block:var(--s5);border-block-end:1px solid var(--rule)}
.steps .n{font-size:22px;font-weight:700;color:var(--accent);line-height:1.25;font-variant-numeric:tabular-nums}
.steps h3{margin-block-end:var(--s2)}
.steps p{font-size:17px;margin-block-end:0;color:var(--ink-2)}
.steps .go{display:inline-block;margin-block-start:var(--s3);font-size:16px;font-weight:700}

/* ---- callouts ---- */
.note{border-inline-start:4px solid var(--accent);background:var(--accent-bg);
 padding:var(--s5);margin-block:var(--s5) 0;max-inline-size:var(--wide)}
.note.warn{border-inline-start-color:var(--alert);background:var(--alert-bg)}
.note h3{margin-block-end:var(--s2)}
.note.warn h3{color:var(--alert)}
.note p{font-size:17px;max-inline-size:none;margin-block-end:0}
.note p + p{margin-block-start:var(--s3)}
.note-stack{display:grid;gap:var(--s4);margin-block-start:var(--s5)}
.note-stack .note{margin-block:0}

/* ---- table ---- */
.table-wrap{margin-block:var(--s5) 0;max-inline-size:var(--wide);overflow-x:auto}
table caption{text-align:start;font-size:13.5px;color:var(--ink-3);padding-block-end:var(--s3)}
th,td{text-align:start;padding:var(--s3) var(--s4) var(--s3) var(--s3);
 border-block-end:1px solid var(--rule);vertical-align:top;font-size:16.5px;line-height:1.55}
thead th{border-block-end:2px solid var(--ink);font-size:14.5px;font-weight:700;color:var(--ink);
 padding-block:var(--s2)}
tbody th{font-weight:700;color:var(--ink);inline-size:33%}
td{color:var(--ink-2)}

/* ---- do-not list ---- */
.dont{margin-block-start:var(--s4);max-inline-size:var(--read);display:grid}
.dont li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:var(--s4);
 padding-block:var(--s4);border-block-end:1px solid var(--rule)}
.dont li::before{content:"";inline-size:10px;block-size:10px;background:var(--red-vv);margin-block-start:10px}
.dont strong{display:block;margin-block-end:2px}
.dont span{color:var(--ink-2);font-size:17px;line-height:1.65}

/* ---- source quotation ---- */
.quote{--rule:1;position:relative;margin-block:var(--s5) 0;max-inline-size:var(--wide);
 padding-inline-start:var(--s5);padding-block:var(--s1)}
.quote::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:4px;
 background:var(--accent);transform-origin:top;transform:scaleY(var(--rule))}
html.motion .quote{--rule:0}
.quote blockquote p{font-family:"Frank Ruhl Libre",Heebo,serif;font-size:22px;line-height:1.6;
 color:var(--ink);max-inline-size:none;margin-block-end:0}
.quote figcaption{margin-block-start:var(--s4);padding-block-start:var(--s3);
 border-block-start:1px solid var(--rule);font-size:14px;line-height:1.6;color:var(--ink-3)}
.quote figcaption a{font-weight:700}

/* ---- offer panel ---- */
.offer{background:var(--accent-bg);border:1px solid var(--accent-ed);border-block-start:4px solid var(--accent);
 padding:var(--s6);margin-block-start:var(--s5);max-inline-size:var(--wide)}
.offer h3{font-size:22px;margin-block-end:var(--s3)}
.offer > p{max-inline-size:none}
.includes{margin-block:var(--s4);display:grid}
.includes li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--s3);
 padding-block:10px;border-block-end:1px solid var(--rule);font-size:17px;color:var(--ink-2);line-height:1.6}
.includes li::before{content:"";inline-size:12px;block-size:2px;background:var(--accent);margin-block-start:14px}
.prices{display:flex;flex-wrap:wrap;gap:var(--s5) var(--s8);margin-block:var(--s5);
 padding-block:var(--s5);border-block:1px solid var(--rule)}
.price span{display:block;font-size:14px;color:var(--ink-3);margin-block-end:var(--s1)}
.price b{font-size:34px;font-weight:700;line-height:1.1;letter-spacing:-.02em;
 font-variant-numeric:tabular-nums;white-space:nowrap}
.price b i{font-style:normal;font-size:.5em;color:var(--ink-3);margin-inline-start:5px}
.fineprint{font-size:15px;line-height:1.65;color:var(--ink-3);max-inline-size:none}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);
 min-block-size:52px;padding:12px 28px;background:var(--accent);color:#fff;font-weight:700;font-size:17px;
 border:2px solid transparent;box-shadow:0 2px 0 var(--accent-dk);text-decoration:none;
 position:relative;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--accent-dk);color:#fff;text-decoration:none;box-shadow:0 2px 0 var(--ink)}
.btn:active{inset-block-start:2px;box-shadow:none}
.btn:focus-visible{background:var(--focus);color:var(--ink);border-color:var(--ink);box-shadow:0 2px 0 var(--ink)}
.btn svg{inline-size:20px;block-size:20px;flex-shrink:0}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;margin-block-start:var(--s5)}
.direct{font-size:15.5px;color:var(--ink-3);line-height:1.7}
.direct a{font-weight:700}

/* ---- disclosure strip ---- */
.disclosure{margin-block-start:var(--s6);padding:var(--s5);background:var(--accent-wash);
 border:1px solid var(--accent-ed);max-inline-size:var(--wide);font-size:15px;line-height:1.7;color:var(--ink-2)}
.disclosure strong{color:var(--ink)}
.disclosure p + p{margin-block-start:var(--s3)}

/* ---- footer ---- */
.site-footer{border-block-start:4px solid var(--accent);padding-block:var(--s6) var(--s7);
 font-size:15px;color:var(--ink-3)}
.footer-grid{display:grid;gap:var(--s5)}
@media(min-width:760px){.footer-grid{grid-template-columns:1fr auto;align-items:start}}
.site-footer nav{display:flex;gap:var(--s5);flex-wrap:wrap}
.site-footer a{color:var(--ink-2);text-decoration:none}
.site-footer a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.footer-note{max-inline-size:520px;line-height:1.65}
.footer-note b{color:var(--ink)}

/* ---- reading progress (functional only) ---- */
.rail{position:fixed;inset-block-start:0;inset-inline:0;block-size:3px;z-index:100;pointer-events:none}
.rail i{display:block;block-size:100%;background:var(--accent);transform-origin:right;transform:scaleX(0)}
html:not(.motion) .rail{display:none}

@media(min-width:760px){
 h1{font-size:44px}
 h2{font-size:31px}
 .lede{font-size:21px}
 .intro{padding-block:var(--s8) var(--s7)}
 .doc{padding-block:var(--s8) var(--s10)}
 section.part{padding-block-end:var(--s8)}
 section.part + section.part{padding-block-start:var(--s8)}
}
@media(max-width:519px){
 .offer{padding:var(--s5) var(--s4)}
 .btn{inline-size:100%}
 .steps li{grid-template-columns:34px minmax(0,1fr);gap:var(--s3)}
 .prices{gap:var(--s5)}
 .price b{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
 .rail,.contents,.masthead-top,.skip{display:none}
 body{background:#fff;font-size:11pt}
 a{color:#000}
}

/* ================= home page ================= */
.hero{border-block-end:1px solid var(--rule);padding-block:var(--s7) var(--s7)}
.hero h1{margin-block:var(--s4)}
.hero .lede{margin-block-end:var(--s6)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s5);align-items:center}
.hero-facts{margin-block-start:var(--s7);padding-block-start:var(--s5);border-block-start:1px solid var(--rule);
 display:grid;gap:var(--s5)}
@media(min-width:700px){.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}}
.fact b{display:block;font-size:15px;color:var(--ink);margin-block-end:var(--s1)}
.fact span{font-size:15px;color:var(--ink-2);line-height:1.6}

.band{padding-block:var(--s8);border-block-end:1px solid var(--rule)}
.band.tint{background:var(--accent-wash)}
.band.tint + .band.tint{border-block-start:0}
.band-head{max-inline-size:var(--read);margin-block-end:var(--s6)}
.band-head h2{margin-block-end:var(--s3)}
.band-head p{font-size:17px}

.gate{display:grid;gap:0;border:1px solid var(--rule);background:var(--paper);max-inline-size:var(--wide)}
@media(min-width:760px){.gate{grid-template-columns:minmax(0,300px) minmax(0,1fr)}}
.gate-opts{margin:0;padding:0;border:0;min-inline-size:0}
.gate-opt{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);cursor:pointer;
 border-block-end:1px solid var(--rule);font-size:17px}
@media(min-width:760px){.gate-opt{border-inline-end:1px solid var(--rule)}}
.gate-opt:last-of-type{border-block-end:0}
.gate-opt input{inline-size:20px;block-size:20px;accent-color:var(--accent);margin:0;flex-shrink:0}
.gate-opt:hover{background:var(--accent-bg)}
.gate-opt:has(input:checked){background:var(--accent);color:#fff;font-weight:700}
.gate-opt:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:-3px}
.gate-out{padding:var(--s5)}
.gate-out h3{margin-block-end:var(--s2)}
.gate-out p{font-size:17px;color:var(--ink-2);margin-block-end:0}

.signals{display:grid;gap:0;max-inline-size:var(--wide);border-block-start:1px solid var(--rule)}
.signals li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--s4);
 padding-block:var(--s5);border-block-end:1px solid var(--rule)}
@media(min-width:760px){.signals li{grid-template-columns:52px 96px minmax(0,1fr);align-items:baseline}}
.signals .n{font-size:15px;color:var(--ink-3);font-variant-numeric:tabular-nums;padding-block-start:3px}
.tag{display:inline-block;font-size:13px;font-weight:700;color:var(--accent);
 border:1px solid var(--accent-ed);background:var(--accent-bg);padding:2px 9px}
.tag[data-c]{color:var(--accent);border-color:var(--accent-ed);background:var(--accent-bg)}
.signals h3{margin-block-end:var(--s2)}
.signals p{font-size:16.5px;margin-block-end:0;color:var(--ink-2)}

.process{display:grid;gap:0;max-inline-size:var(--wide);counter-reset:pstep}
.process li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--s4);
 padding-block:var(--s5);border-block-end:1px solid var(--rule)}
.process li:first-child{border-block-start:1px solid var(--rule)}
.process .n{font-size:22px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1.25}
.process h3{margin-block-end:var(--s2)}
.process p{font-size:17px;margin-block-end:0}

.truth{display:grid;gap:var(--s6)}
@media(min-width:860px){.truth{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:var(--s8)}}
.truth-body p{font-size:17.5px;max-inline-size:560px}

.plans{display:grid;gap:var(--s5);max-inline-size:var(--wide)}
@media(min-width:700px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
.plan{background:var(--paper);border:1px solid var(--rule);border-block-start:4px solid var(--rule-2);padding:var(--s5)}
.plan.lead{border-block-start-color:var(--accent)}
.plan[data-c]{border-block-start-color:var(--accent)}
.plan .amount{color:var(--accent)}
.plan h3{font-size:19px;margin-block-end:var(--s2)}
.plan .amount{font-size:38px;font-weight:700;line-height:1.1;letter-spacing:-.02em;
 font-variant-numeric:tabular-nums;margin-block:var(--s3);white-space:nowrap}
.plan .amount i{font-style:normal;font-size:.45em;color:var(--ink-3);margin-inline-start:5px}
.plan p{font-size:16px;margin-block-end:0;max-inline-size:none}
.plan-note{margin-block-start:var(--s5);font-size:16px;color:var(--ink-2);max-inline-size:var(--wide)}

/* ---- form ---- */
.contact-grid{display:grid;gap:var(--s7)}
@media(min-width:960px){.contact-grid{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--s8);align-items:start}}
form{display:grid;gap:var(--s5);max-inline-size:560px}
.field{display:block}
.field-label{display:block;font-size:17px;font-weight:700;color:var(--ink);margin-block-end:var(--s2)}
.field-hint{display:block;font-size:14.5px;color:var(--ink-3);margin-block-end:var(--s2);line-height:1.6}
input[type=text],input[type=tel],select,textarea{
 inline-size:100%;font:400 17px/1.5 Heebo,Arial,sans-serif;color:var(--ink);background:var(--paper);
 border:2px solid var(--ink);padding:11px 12px;appearance:none;border-radius:0}
input[type=text],input[type=tel],select{block-size:48px}
textarea{min-block-size:120px;resize:vertical}
select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);
 background-position:calc(0% + 16px) 21px,calc(0% + 22px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-inline-start:40px}
input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline:3px solid var(--focus);outline-offset:0;box-shadow:inset 0 0 0 2px var(--ink);background:var(--paper);color:var(--ink)}
.form-note{font-size:14.5px;line-height:1.7;color:var(--ink-3)}
.form-foot{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center}
.form-count{font-size:14.5px;color:var(--ink-3)}
#form-result{font-size:16px;font-weight:700;color:var(--ink);min-block-size:1px}
#form-result[data-state=err]{color:var(--alert)}
#form-result[data-state=ok]{color:#14603a}
.aside-card{border-inline-start:4px solid var(--accent);background:var(--accent-bg);padding:var(--s5);font-size:16px;line-height:1.7}
.aside-card h3{margin-block-end:var(--s2)}
.aside-card p{font-size:16px;color:var(--ink-2)}
.aside-card p + p{margin-block-start:var(--s3)}

/* ---- generic paragraph rhythm inside bands ---- */
.band p + p,.truth-body p + p,.hero p + p{margin-block-start:var(--s4)}
.truth-body p{margin-block-end:0}

/* ================= legal / prose pages ================= */
.legal{padding-block:var(--s7) var(--s9)}
.legal .wrap{inline-size:min(var(--read),100%)}
.legal h1{margin-block-end:var(--s3)}
.legal .upd{font-size:14px;color:var(--ink-3);margin-block-end:var(--s6);
 padding-block-end:var(--s5);border-block-end:1px solid var(--rule)}
.legal h2{font-size:24px;margin-block:var(--s7) var(--s4);padding-block-start:var(--s5);
 border-block-start:1px solid var(--rule)}
.legal h2:first-of-type{margin-block-start:0;padding-block-start:0;border-block-start:0}
.legal h3{font-size:18px;margin-block:var(--s5) var(--s3)}
.legal p{margin-block-end:var(--s4);max-inline-size:var(--read)}
.legal ul,.legal ol{margin-block:var(--s3) var(--s5);display:grid;gap:var(--s3);max-inline-size:var(--read)}
.legal li{display:grid;grid-template-columns:8px minmax(0,1fr);gap:var(--s3);color:var(--ink-2);line-height:1.65}
.legal li::before{content:"";inline-size:8px;block-size:2px;background:var(--accent);margin-block-start:14px}
.legal ol{counter-reset:li}
.legal ol li{counter-increment:li;grid-template-columns:24px minmax(0,1fr)}
.legal ol li::before{content:counter(li) ".";inline-size:auto;block-size:auto;background:none;
 color:var(--accent);font-weight:700;margin-block-start:0;font-variant-numeric:tabular-nums}
.legal .box{border-inline-start:4px solid var(--accent);background:var(--accent-bg);
 padding:var(--s5);margin-block:var(--s5);max-inline-size:var(--read)}
.legal .box.warn{border-inline-start-color:var(--alert);background:var(--alert-bg)}
.legal .box.warn h3{color:var(--alert);margin-block-start:0}
.legal .box p:last-child{margin-block-end:0}
.legal dl{max-inline-size:var(--read)}
.legal dt{font-weight:700;color:var(--ink);margin-block-start:var(--s4)}
.legal dd{margin:var(--s1) 0 0;color:var(--ink-2)}
.legal a{font-weight:400}

/* ================= motion layer =================
   התנועה נוספת רק כששכבת האנימציה נטענת.
   העמוד בלעדיה קריא ומלא לחלוטין. */
html.motion .rail{display:block}
.head-rule{display:block;block-size:2px;background:var(--accent);inline-size:64px;
 margin-block-end:var(--s4);transform-origin:right;transform:scaleX(1)}
html.motion .head-rule{transform:scaleX(0)}
.counter{font-variant-numeric:tabular-nums}
.gate-out{transition:none}

/* ---- שכבת הצבע ----
   נוספה כשהאתר עבר מצבע יחיד למערכת של שבע משפחות.
   הכלל: הצבע מסמן משמעות. לא מקשט. */

/* תווית רמה, לטבלת ארבע רמות ההגבלה */
.lvl{display:inline-flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}
.lvl::before{content:"";inline-size:12px;block-size:12px;flex-shrink:0;background:var(--accent-vv);
 border:1px solid var(--accent)}
tbody tr[data-c] th[scope=row]{color:var(--accent)}
tbody tr[data-c]{background:var(--accent-wash)}

/* סרגל עוצמה, ארבעה מקטעים שנמלאים לפי הרמה */
.meter{display:inline-flex;gap:3px;vertical-align:middle;margin-inline-start:var(--s2)}
.meter i{display:block;inline-size:9px;block-size:14px;border:1px solid var(--rule-2);background:var(--paper)}
.meter i.on{background:var(--accent-vv);border-color:var(--accent)}

/* פס ההתקדמות מקבל את צבע הסקשן הנוכחי */
.rail i{transition:background .45s ease}

/* המספרים הגדולים במדריך ובתהליך, עיגול מלא במקום מספר עירום */
.steps .n,.process .n{display:grid;place-items:center;inline-size:38px;block-size:38px;
 background:var(--accent-bg);color:var(--accent);border:2px solid var(--accent);
 font-size:17px;border-radius:0}
.steps li,.process li{grid-template-columns:52px minmax(0,1fr)}

/* כותרת עליונה בגוון הסקשן הראשון של העמוד */
.masthead-top{background:var(--accent)}
.brand-mark{background:var(--accent)}

/* קו הכותרת מתעבה, כדי שהצבע ייראה */
.head-rule{block-size:3px}

/* תגיות צבע ישירות */
.tag.t-blue {color:var(--blue); border-color:var(--blue-ed); background:var(--blue-bg)}
.tag.t-teal {color:var(--teal); border-color:var(--teal-ed); background:var(--teal-bg)}
.tag.t-green{color:var(--green);border-color:var(--green-ed);background:var(--green-bg)}
.tag.t-amber{color:var(--amber);border-color:var(--amber-ed);background:var(--amber-bg)}
.tag.t-red  {color:var(--red);  border-color:var(--red-ed);  background:var(--red-bg)}
.tag.t-plum {color:var(--plum); border-color:var(--plum-ed); background:var(--plum-bg)}
.tag.t-rose {color:var(--rose); border-color:var(--rose-ed); background:var(--rose-bg)}

/* הפוטר מקבל קו בכל שבעת הצבעים, חתימה של המערכת */
.site-footer{border-block-start:0;position:relative}
.site-footer::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:4px;
 background:linear-gradient(to left,
  var(--blue) 0 14.28%, var(--teal) 14.28% 28.56%, var(--green) 28.56% 42.84%,
  var(--amber) 42.84% 57.12%, var(--red) 57.12% 71.4%, var(--plum) 71.4% 85.68%,
  var(--rose) 85.68% 100%)}

@media print{.site-footer::before{display:none}}