/* ערכת צבעים: ירוק חי וביתי (צמחייה, בית יפה) על רקע שמנת חמים, וצהוב שמש לכפתורי הפעולה. יש גם מצב כהה. */
:root{
  color-scheme:light;
  --ground:#FAF7F0; --surface:#FFFFFF; --sunk:#F4EFE4; --ink:#13261E; --muted:#4D5E56; --line:#E3DCCD; --field:#76857D;
  --accent:#12704E; --accent-ink:#FFFFFF; --accent-soft:#E3F2EA;
  --btn:#FFC23D; --btn-ink:#13261E;
  --warm:#A8421F; --warm-soft:#FBE9E1; --sun:#FFC23D; --sun-ink:#2B1D00; --sun-soft:#FFF3D1; --mint-soft:#E2F4EA;
  --ok:#0E6A3B; --warn:#8A5200; --err:#B3261E; --focus:#0B6E4F;
  --band:#0D4735; --band2:#177A58; --grad:linear-gradient(110deg,#0D4735,#177A58 55%,#3DBE82);
  --glow:0 0 0 1px rgba(13,71,53,.06),0 26px 60px -34px rgba(13,71,53,.45); --shadow:0 16px 40px -28px rgba(19,38,30,.35); --chip:var(--surface);
  --tape:var(--sun); --tape-ink:var(--sun-ink);
  --display:"Assistant","Rubik","Arial Hebrew",Arial,sans-serif;
  --body:"Assistant","Rubik","Segoe UI",Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
  color-scheme:dark;
  --ground:#07130E; --surface:#0E2019; --sunk:#132B22; --ink:#EAF7F0; --muted:#A8C6B8; --line:#21443A; --field:#7FA597;
  --accent:#6FD8A6; --accent-ink:#04150E; --accent-soft:#12372B;
  --warm:#FF9E80; --warm-soft:#3A2019; --sun:#FFC23D; --sun-ink:#1A1200; --sun-soft:#3A3014; --mint-soft:#10342A;
  --ok:#4ADE80; --warn:#FBBF24; --err:#FF8A80; --focus:#FFC23D;
  --band:#0A2E22; --band2:#0F4533; --grad:linear-gradient(110deg,#6FD8A6,#2FB47C);
  --glow:0 0 0 1px rgba(111,216,166,.16),0 24px 60px -30px rgba(0,0,0,.8); --shadow:0 18px 50px -26px rgba(0,0,0,.85); --chip:rgba(255,255,255,.04);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#07130E; --surface:#0E2019; --sunk:#132B22; --ink:#EAF7F0; --muted:#A8C6B8; --line:#21443A; --field:#7FA597;
  --accent:#6FD8A6; --accent-ink:#04150E; --accent-soft:#12372B;
  --warm:#FF9E80; --warm-soft:#3A2019; --sun:#FFC23D; --sun-ink:#1A1200; --sun-soft:#3A3014; --mint-soft:#10342A;
  --ok:#4ADE80; --warn:#FBBF24; --err:#FF8A80; --focus:#FFC23D;
  --band:#0A2E22; --band2:#0F4533; --grad:linear-gradient(110deg,#6FD8A6,#2FB47C);
  --glow:0 0 0 1px rgba(111,216,166,.16),0 24px 60px -30px rgba(0,0,0,.8); --shadow:0 18px 50px -26px rgba(0,0,0,.85); --chip:rgba(255,255,255,.04);
}
/* ניגודיות גבוהה — גובר על שני המצבים */
#app.hc{
  color-scheme:light;
  --ground:#FFFFFF; --surface:#FFFFFF; --sunk:#FFFFFF; --ink:#000000; --muted:#000000; --line:#000000; --field:#000000;
  --accent:#00338A; --accent-ink:#FFFFFF; --accent-soft:#FFFFFF; --warm:#000000; --warm-soft:#FFFFFF; --sun:#000000; --sun-ink:#FFFFFF;
  --sun-soft:#FFFFFF; --mint-soft:#FFFFFF; --tape:#000000; --tape-ink:#FFFFFF;
  --ok:#00501F; --warn:#5C3700; --err:#8F0000; --focus:#0033CC; --shadow:none; --glow:none; --grad:#00338A; --btn:#00338A; --btn-ink:#FFFFFF; --chip:#FFFFFF; --band:#FFFFFF; --band2:#FFFFFF;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--ground);margin:0}
#app{background:var(--ground);color:var(--ink);font-family:var(--body);font-size:1.0625rem;overflow-x:clip;line-height:1.6;padding-inline:16px;padding-block:0 3rem;min-height:100vh}
#app.rf{--display:Arial,sans-serif; --body:Arial,sans-serif}
#app.ul a{text-decoration:underline!important;text-underline-offset:3px}
#app.ul a,#app.ul button{outline:1px dashed currentColor;outline-offset:1px}
#app.nm *{transition:none!important;animation:none!important}
#app.nm .label{transform:none}
.wrap{max-width:54rem;margin-inline:auto}
a{color:var(--accent)}
h1,h2,h3{font-family:var(--display);font-weight:800;text-wrap:balance;margin:0;line-height:1.2;letter-spacing:-.01em}
p{margin:0}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:16px;top:-100px;background:var(--accent);color:var(--accent-ink);padding:.75rem 1rem;border-radius:8px;z-index:10;font-weight:700}
.skip:focus{top:calc(8px + env(safe-area-inset-top,0px))}
:focus-visible{outline:3px solid var(--focus)!important;outline-offset:2px}
[tabindex="-1"]:focus{outline:none!important}

/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-block:1rem;flex-wrap:wrap}
.brand{font-family:var(--display);font-size:1.25rem;display:flex;align-items:center;gap:.5rem;color:var(--ink);text-decoration:none}
.brand .tld{font-family:var(--body);font-size:.85rem;color:var(--muted);margin-inline-start:-.35rem;align-self:flex-end;margin-bottom:.2rem}
.brand svg{width:2rem;height:2rem;flex:none}.lg-box{fill:var(--sun)}.lg-line{stroke:var(--sun-ink);stroke-width:1.5;opacity:.35}.lg-house{fill:var(--accent)}.lg-door{fill:var(--surface)}
.tools{display:flex;gap:.5rem;flex-wrap:wrap}
button,.btn{font:inherit;font-size:1rem;cursor:pointer;border-radius:999px;min-height:2.75rem;padding:.55rem 1.1rem;border:2px solid var(--field);background:var(--surface);color:var(--ink);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none}
button.primary,.btn.primary{background:var(--btn);color:var(--btn-ink);border-color:transparent;box-shadow:var(--glow);font-weight:700}
button.primary:hover,.btn.primary:hover{filter:brightness(1.08)}
button.quiet{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:3px}
button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
button[disabled]{opacity:.6;cursor:wait}

/* a11y panel */
.a11y{background:var(--surface);border:2px solid var(--ink);border-radius:12px;padding:1rem 1.2rem;margin-bottom:1rem}
.a11y h2{font-size:1.25rem;margin-bottom:.75rem}
.a11y .opts{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}
.a11y fieldset{border:0;padding:0;margin:0 0 .75rem}
.a11y legend{font-weight:700;margin-bottom:.4rem}

/* פס כחול (כותרת + פתיח), ברוחב מלא, עם גל בתחתית */
.navy{--ink:#FFFFFF;--muted:#D5EDE1;--line:rgba(255,255,255,.24);--field:rgba(255,255,255,.6);--surface:transparent;--chip:rgba(255,255,255,.08);
  --accent:#FFC23D;--accent-ink:#13261E;--accent-soft:rgba(255,255,255,.1);--focus:#FFC23D;color:var(--ink)}
.navy select option{color:#13261E;background:#fff}
.top.navy{margin-inline:calc(50% - 50vw);padding-inline:max(16px,calc(50vw - 27rem));background:var(--band)}
.hero{margin-inline:calc(50% - 50vw);padding:2rem max(16px,calc(50vw - 27rem)) 5.5rem;position:relative;margin-bottom:1rem;
  display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:center;
  background:radial-gradient(520px 320px at 12% 30%,rgba(120,224,170,.32),transparent 70%),radial-gradient(420px 300px at 95% 90%,rgba(255,194,61,.18),transparent 70%),linear-gradient(180deg,var(--band) 0%,var(--band2) 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(to left,rgba(5,18,13,.9) 0%,rgba(5,18,13,.7) 38%,rgba(5,18,13,.12) 72%,rgba(5,18,13,0) 100%),
  linear-gradient(to top,rgba(5,18,13,.55),rgba(5,18,13,0) 30%),url("/city.webp") 30% 35%/cover no-repeat}
[dir="ltr"] .hero::before{transform:scaleX(-1)}
.hero>*{position:relative;z-index:1}
#app.hc .hero::before{display:none}
.hero::after{z-index:1;content:"";position:absolute;inset-inline:0;bottom:-1px;height:64px;background:var(--ground);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 64V34C160 6 320 0 480 14s320 44 480 40 320-40 480-40v50z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 64V34C160 6 320 0 480 14s320 44 480 40 320-40 480-40v50z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--accent);border:1px solid var(--line);background:var(--accent-soft);border-radius:99px;padding:.25rem .85rem;margin-bottom:1rem}
.kicker::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(255,194,61,.3)}
.hl{background:none;color:var(--sun);text-decoration:underline;text-decoration-color:rgba(255,194,61,.5);text-decoration-thickness:.12em;text-underline-offset:.18em}
#app.hc .hl{color:inherit;text-decoration-color:currentColor}
.hero h1{font-size:clamp(2.2rem,5.2vw,3.5rem);font-weight:800;line-height:1.08;letter-spacing:-.01em}
.hero .sub{font-size:1.2rem;color:var(--muted);max-width:40ch;margin-top:1rem}
.herocta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem;align-items:center}
.go{font-size:1.15rem;padding:.85rem 1.7rem;min-height:3.4rem;box-shadow:0 10px 30px -10px rgba(255,194,61,.7)}
.go::after{content:"";width:.55rem;height:.55rem;border-top:2.5px solid currentColor;border-right:2.5px solid currentColor;transform:rotate(45deg);margin-inline-start:.35rem}
[dir="rtl"] .go::after{transform:rotate(-135deg)}
.facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.3rem 0 0;padding:0;list-style:none}
.facts li{font-size:.92rem;padding:.3rem .9rem;border-radius:99px;background:var(--chip);border:1px solid var(--line);font-weight:600}
.facts li::before{content:"✓ ";color:var(--sun)}
/* איור: מהבית הישן לבית החדש (תלת-ממד, נוטה עם העכבר) */
.viz{position:relative;min-height:30rem;perspective:1100px}
.viz .label{display:none}
.scene3d{position:absolute;inset:0;transform:rotateX(var(--rx,6deg)) rotateY(var(--ry,-10deg));transition:transform .25s ease-out;transform-style:preserve-3d}

.scene3d{display:grid;place-items:center}
.fchip{position:absolute;display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.94);color:#13261E;font-weight:700;font-size:.92rem;padding:.5rem .8rem .5rem .6rem;border-radius:16px;box-shadow:0 14px 34px -14px rgba(0,30,20,.55);transform:translateZ(90px);white-space:nowrap}
.fi{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;flex:none}.i1{background:#FFC23D;color:#13261E}.i2{background:#2EA8E6;color:#fff}.i3{background:#E3F2EA;color:#12704E}
.okc{display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background:#22C55E;color:#fff;font-size:.8rem}
.f1{top:14%;inset-inline-end:0}.f2{top:47%;inset-inline-start:0}.f3{bottom:9%;inset-inline-end:4%}
#app.hc .fchip{border:2px solid #000;box-shadow:none}
.bob{animation:bob 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.bob.b2{animation-delay:-1.5s}.bob.b3{animation-delay:-3s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
.label{--ink:#13261E;--muted:#4D5E56;--line:#E3DCCD;--surface:#FFFFFF;color:var(--ink);background:#fff;border-radius:22px;padding:1rem 1.2rem;position:absolute;inset-inline-start:0;bottom:-2.2rem;width:min(100%,16.5rem);
  box-shadow:0 30px 60px -28px rgba(0,20,60,.6);transform:translateZ(60px);border:1px solid #D9E2EE}
.label::before{content:"";position:absolute;top:-.45rem;inset-inline-start:1.2rem;width:2.6rem;height:.9rem;background:var(--sun);border-radius:4px;transform:rotate(-4deg)}
.label dl{margin:0}
.label .row{display:flex;justify-content:space-between;gap:.6rem;font-size:.9rem;padding-block:.4rem;border-bottom:1px dashed var(--line)}
.label .row:last-child{border:0}
.label dt{color:var(--muted)}
.label dd{margin:0;font-weight:700;text-align:end}
#app.hc .navy{--ink:#000;--muted:#000;--line:#000;--field:#000;--surface:#fff;--chip:#fff;--accent:#00338A;--accent-soft:#fff;--accent-ink:#fff;--focus:#0033CC}
#app.hc .top.navy,#app.hc .hero{background:#fff}#app.hc .hero::after,#app.hc .scene3d{display:none}#app.hc .label{position:static;transform:none;border:2px solid #000;box-shadow:none}
#app.nm .label,#app.nm .scene3d{transform:none}
/* כפתור "מתחילים" צף בטלפון */
.stickycta{display:none}
@media (max-width:640px){.stickycta{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:20;padding:.7rem 16px calc(.7rem + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,var(--ground) 35%)}.stickycta .go{width:100%}.stickycta[hidden]{display:none}}
/* שלבים בעיגולים */
.dots{list-style:none;display:flex;justify-content:space-between;margin:.7rem 0 0;padding:0;position:relative}
.dots::before{content:"";position:absolute;inset-inline:1rem;top:50%;height:3px;margin-top:-1.5px;background:var(--line);border-radius:3px}
.dots li{position:relative;width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.95rem;background:var(--surface);border:2px solid var(--line);color:var(--muted)}
.dots li.done{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.dots li.cur{background:var(--sun);border-color:var(--sun);color:var(--sun-ink);box-shadow:0 0 0 5px rgba(255,194,61,.3);transform:scale(1.1)}
.progress .bar{display:none}

/* progress */
.progress{margin-block:.25rem 1rem}
.progress p{font-weight:600}
.progress .muted{font-weight:400}
.bar{height:.7rem;background:var(--sunk);border-radius:99px;overflow:hidden;margin-top:.5rem;border:1px solid var(--line)}
.bar i{display:block;height:100%;border-radius:99px;background:var(--grad);transition:width .3s}
.muted{color:var(--muted)}

/* form */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:1.5rem;box-shadow:var(--shadow)}
.panel h2{font-size:1.65rem}
.lead{margin:.4rem 0 1.2rem;color:var(--muted);max-width:60ch}
.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}
.w6{grid-column:span 6}.w4{grid-column:span 4}.w3{grid-column:span 3}.w2{grid-column:span 2}
.group{grid-column:span 6;border:0;padding:0;margin:.4rem 0 0;min-width:0}
.group>legend{font-family:var(--display);font-size:1.15rem;margin-bottom:.6rem;padding:0}
.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.field>label,.field>.lbl{font-weight:600}
.field>label.choice{font-weight:400}
.req{color:var(--err);font-weight:600;font-size:.9rem}
.hint{color:var(--muted);font-size:.9rem}
.ferr{color:var(--err);font-size:.95rem;font-weight:600;display:flex;gap:.3rem}
/* כתובת: הודעה מתחת לשדה הרחוב, הצעות, מפה */
.fnote{font-size:.92rem;color:var(--muted);margin-top:.3rem}
.fnote:empty{display:none}
.fnote.ok{color:var(--ok);font-weight:600}
.fnote.ok::before{content:"✓ "}
.fnote.warn{color:var(--warn);font-weight:600}
.sugg{min-height:2.3rem;padding:.25rem .8rem;margin:.25rem 0 0;font-size:.95rem;border-color:var(--accent);color:var(--accent);font-weight:700}
.maprow{margin-top:.8rem}
.mapbtn{padding-inline:.2rem;color:var(--accent)}
.mapbtn .ico{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:2}
.mapbox{margin-top:.5rem}
.mapbox iframe{display:block;width:100%;height:18rem;border:1px solid var(--line);border-radius:18px;background:var(--sunk)}
.ferr::before{content:"!";display:inline-grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--err);color:var(--surface);font-size:.8rem;flex:none;margin-top:.2rem}
#steps .panel{box-shadow:var(--glow)}
input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
input,select{font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:2px solid var(--field);border-radius:14px;padding:.6rem .75rem;width:100%;min-width:0;min-height:2.9rem}
input[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--err);border-width:3px}
.choices{display:flex;gap:.5rem;flex-wrap:wrap;border:0;padding:0;margin:0}
.choices legend{font-weight:600;margin-bottom:.4rem;padding:0}
.choice{display:flex;align-items:center;gap:.55rem;border:2px solid var(--line);border-radius:16px;padding:.55rem .9rem;cursor:pointer;background:var(--surface);min-height:2.9rem}
.choice input{width:1.3rem;height:1.3rem;min-height:0;margin:0;accent-color:var(--accent);flex:none}
.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.errsum{border:3px solid var(--err);border-radius:10px;padding:1rem 1.2rem;margin-bottom:1rem;background:var(--surface)}
.errsum h2{font-size:1.2rem;color:var(--err);margin-bottom:.4rem;font-family:var(--body);font-weight:700}
.errsum ul{margin:0;padding-inline-start:1.2rem}
.errsum a{color:var(--err);font-weight:600}
.nav{display:flex;justify-content:space-between;gap:.6rem;margin-top:1.4rem;flex-wrap:wrap}

/* results */
.sum{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}
.count{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums}
.refbox{margin-top:1rem;padding:.8rem 1rem;border:2px dashed var(--accent);border-radius:10px}
.refbox strong{font-size:1.2rem;letter-spacing:.05em}
.sect{margin-top:1.75rem}
.sect h2,.sect h3{font-size:1.3rem;font-family:var(--display);font-weight:700;display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}
.sect h2 .muted,.sect h3 .muted{font-family:var(--body);font-size:.9rem}
.items{list-style:none;margin:.6rem 0 0;padding:0;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;background:var(--surface)}
.item{padding:1rem;border-top:1px solid var(--line)}
.item:first-child{border-top:0}
.item.key{background:var(--accent-soft)}
.item .head{display:flex;gap:.7rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.item .check{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;font-weight:700;font-size:1.05rem;flex:1;min-width:12rem}
.item .check input{width:1.5rem;height:1.5rem;min-height:0;margin:.15rem 0 0;accent-color:var(--accent);flex:none}
.item.is-done{background:var(--mint-soft)}
.item.is-done .ttl{text-decoration:line-through;color:var(--muted)}
.item .desc{color:var(--muted);margin-top:.3rem;padding-inline-start:2.2rem;max-width:62ch}
.when{font-size:.85rem;padding:.15rem .6rem;border-radius:6px;background:var(--sunk);border:1px solid var(--line);white-space:nowrap}
.when.auto{background:transparent;border-color:var(--ok);color:var(--ok);font-weight:600}
.acts{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem;padding-inline-start:2.2rem}
.acts .btn,.acts button{font-size:.95rem;min-height:2.6rem;padding:.4rem .9rem}
.need{margin:.6rem 0 0;padding:0 0 0 0;padding-inline-start:2.2rem;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.85rem}
.need li{padding:.1rem .55rem;border-radius:6px;background:var(--sunk);border:1px solid var(--line)}
.need li.miss{background:transparent;border:2px dashed var(--warn);color:var(--warn);font-weight:600}
.dossier{margin-top:1.75rem}
.dossier h2{font-size:1.3rem}
.dossier pre{white-space:pre-wrap;font-family:var(--body);background:var(--sunk);padding:1rem;border-radius:8px;margin:.75rem 0;border:1px solid var(--line)}
.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline:0;margin-inline:auto;width:max-content;max-width:90vw;background:var(--ink);color:var(--ground);padding:.7rem 1rem;border-radius:8px;visibility:hidden;pointer-events:none;font-weight:600}
.toast.show{visibility:visible}
.toast{z-index:30}
ul.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2.2rem 0 .5rem;padding:0;list-style:none;counter-reset:how}
ul.how li{counter-increment:how;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.1rem 1.2rem 1.2rem;box-shadow:var(--shadow)}
ul.how li::before{content:counter(how);display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--sun);color:var(--sun-ink);font-weight:800;margin-bottom:.6rem}
ul.how h2{font-size:1.15rem}
ul.how p{margin-top:.25rem;color:var(--muted)}
footer{margin-top:2rem;border-top:1px solid var(--line);padding-top:1rem;display:flex;gap:.5rem 1.2rem;flex-wrap:wrap;align-items:center}
footer p{color:var(--muted);font-size:.9rem;flex-basis:100%}
dialog{border:2px solid var(--ink);border-radius:12px;padding:0;max-width:40rem;width:calc(100% - 32px);background:var(--surface);color:var(--ink);font-family:var(--body)}
dialog::backdrop{background:rgba(0,0,0,.55)}
dialog .dbody{padding:1.3rem;max-height:75vh;overflow:auto;line-height:1.7}
dialog h2{font-size:1.4rem;margin-bottom:.6rem}
dialog h3{font-size:1.05rem;margin:1rem 0 .3rem;font-family:var(--body);font-weight:700}
dialog ul{padding-inline-start:1.2rem;margin:.3rem 0}
dialog .dfoot{padding:.8rem 1.3rem;border-top:1px solid var(--line);display:flex;justify-content:flex-end}
.fill{background:var(--accent-soft);padding:0 .3rem;border-radius:4px}

/* הנחות */
.benefits{margin-top:1.5rem}
.bhead{background:radial-gradient(circle at 6% 20%,var(--sun-soft) 0 4.5rem,transparent 4.6rem),var(--warm-soft);color:var(--ink);border-radius:20px;padding:1.3rem 1.5rem}
.bhead h2{font-size:1.6rem}
.bhead p{margin-top:.3rem;max-width:60ch}
.bhead .big{font-size:2.6rem;font-family:var(--display);line-height:1;color:var(--warm)}
.amount{font-weight:700;font-size:.9rem;padding:.2rem .7rem;border-radius:99px;background:var(--tape);color:var(--tape-ink);white-space:nowrap}
.bestb{display:table;font-size:.8rem;font-weight:700;padding:.1rem .5rem;border-radius:6px;border:2px solid var(--accent);color:var(--accent);margin-top:.3rem;white-space:nowrap}
.sure{font-size:.8rem;color:var(--muted);font-weight:600}
p.how{margin-top:.5rem;padding-inline-start:2.2rem;max-width:62ch}
p.how strong{display:block;line-height:1.3}
.docs{margin:.4rem 0 0;padding-inline-start:3.4rem;font-size:.95rem}
.listhead{font-size:1.5rem;margin-top:2rem}
@media (max-width:640px){p.how{padding-inline-start:0}.docs{padding-inline-start:1.2rem}}
/* הובלה ודפי מובילים */
.moving{margin-top:1.5rem;background:var(--accent-soft)}
.moving h2{font-size:1.4rem;margin-bottom:.4rem}
.mv-sent{margin:.6rem 0;padding-inline-start:1.2rem}
.mv-links{display:inline-flex;gap:1rem;flex-wrap:wrap}
.pg-h1{font-size:clamp(1.7rem,5vw,2.3rem);margin-bottom:.4rem}
.mv-list{margin-top:1rem}
main.pg{padding-top:1.6rem}
.mv-name{font-size:1.25rem}
.mv-revs{margin:.3rem 0 0;padding-inline-start:1.1rem;font-size:.95rem}
.mv-dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:1rem 0}
.mv-dl dt{color:var(--muted)}.mv-dl dd{margin:0;font-weight:500}
.mv-status{margin-top:1rem}.mv-status h2{font-size:1.3rem}
.opts{display:flex;flex-wrap:wrap;gap:.5rem}
/* סרטון הסבר */
.exopen{gap:.6rem;min-height:3.2rem;background:var(--chip)}
.playic{width:0;height:0;border-block:.45rem solid transparent;border-left:.75rem solid currentColor;display:inline-block}
.explainer{margin:0 0 1.2rem}
.exhead{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}
.exhead h2{font-size:1.4rem}
.stage{position:relative;aspect-ratio:16/9;font-size:clamp(12px,2.1vw,22px);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 85% 15%,var(--sun-soft) 0 22%,transparent 22.5%),radial-gradient(circle at 8% 90%,var(--warm-soft) 0 25%,transparent 25.5%),var(--accent-soft);border:1px solid var(--line);color:var(--ink)}
.scene{position:absolute;inset:0 0 3.6em;display:flex;align-items:center;justify-content:center;gap:1.5em;flex-wrap:wrap;padding:1em;opacity:0;visibility:hidden;transition:opacity .45s}
.scene.on{opacity:1;visibility:visible}
.cap{position:absolute;inset-inline:0;bottom:.9em;margin:0 auto;width:max-content;max-width:92%;text-align:center;background:var(--ink);color:var(--ground);font-weight:600;font-size:1em;padding:.35em .9em;border-radius:10px;line-height:1.4}
.cap:empty{display:none}
.exbar{position:absolute;inset-inline:0;bottom:0;height:.3em;background:rgba(0,0,0,.08)}.exbar i{display:block;height:100%;width:0;background:var(--accent)}
.exctl{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-start;margin-top:.8rem}
.transcript{flex-basis:100%}.transcript summary{cursor:pointer;font-weight:600;color:var(--accent);min-height:2.75rem;display:flex;align-items:center}
.transcript ol{margin:.3rem 0 0;padding-inline-start:1.3rem}
/* סצנות */
.sc1 .house{width:5.5em;height:4.6em;background:var(--accent);border-radius:0 0 10px 10px;position:relative;display:grid;place-items:center}
.sc1 .roof{position:absolute;top:-2.4em;inset-inline:-.6em;height:2.5em;background:var(--accent);clip-path:polygon(50% 0,100% 100%,0 100%)}
.sc1 .q{color:var(--accent-ink);font:700 2.4em/1 var(--display)}
.orbit{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,auto);gap:.45em}
.orbit li,.coins span{background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:.3em .75em;font-weight:600;font-size:.9em;box-shadow:0 6px 16px -10px rgba(0,0,0,.35);white-space:nowrap}
.scene.on .orbit li{animation:pop .45s both}
.scene.on .orbit li:nth-child(2){animation-delay:.25s}.scene.on .orbit li:nth-child(3){animation-delay:.5s}.scene.on .orbit li:nth-child(4){animation-delay:.75s}
.scene.on .orbit li:nth-child(5){animation-delay:1s}.scene.on .orbit li:nth-child(6){animation-delay:1.25s}.scene.on .orbit li:nth-child(7){animation-delay:1.5s}.scene.on .orbit li:nth-child(8){animation-delay:1.75s}
.phone{width:9.5em;background:var(--surface);border:3px solid var(--ink);border-radius:18px;padding:.8em .7em;display:flex;flex-direction:column;gap:.45em}
.phone b{font-size:.85em}.phone i{display:block;height:1.05em;border:2px solid var(--field);border-radius:6px;position:relative;overflow:hidden}
.phone i::after{content:"";position:absolute;inset-block:.2em;inset-inline-start:.25em;width:0;background:var(--accent);border-radius:3px}
.scene.on .phone i::after{animation:type .8s forwards}
.scene.on .phone i:nth-of-type(2)::after{animation-delay:.8s}.scene.on .phone i:nth-of-type(3)::after{animation-delay:1.6s}.scene.on .phone i:nth-of-type(4)::after{animation-delay:2.4s}
.phone .go{height:1.3em;border-radius:99px;background:var(--accent);opacity:.35}.scene.on .phone .go{animation:glow .6s 3.2s forwards}
.badge{background:var(--sun);color:var(--sun-ink);font:700 1.3em/1 var(--display);padding:.6em .9em;border-radius:14px;transform:rotate(-4deg)}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em;min-width:14em}
.ticks li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.45em .8em;display:flex;gap:.6em;align-items:center;font-weight:600;font-size:.95em}
.ticks li::before{content:"";width:1.1em;height:1.1em;border:2px solid var(--field);border-radius:5px;flex:none}
.scene.on .ticks li::before{animation:tick .3s forwards}
.scene.on .ticks li:nth-child(1)::before{animation-delay:.6s}.scene.on .ticks li:nth-child(2)::before{animation-delay:1.3s}.scene.on .ticks li:nth-child(3)::before{animation-delay:2s}.scene.on .ticks li:nth-child(4)::before{animation-delay:2.7s}
.coins{display:flex;flex-direction:column;gap:.5em}.coins span{background:var(--warm-soft)}
.scene.on .coins span{animation:pop .45s both}.scene.on .coins span:nth-child(2){animation-delay:.5s}.scene.on .coins span:nth-child(3){animation-delay:1s}
.shekel{width:4.2em;height:4.2em;border-radius:50%;background:var(--sun);color:var(--sun-ink);display:grid;place-items:center;font:700 2.2em/1 var(--body);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.scene.on .shekel{animation:bounce 1.2s .4s 2 both}
.road{width:min(60%,20em);border-bottom:4px dashed var(--field);padding-bottom:.3em;overflow:hidden}
.truck{position:relative;width:8em;height:4.2em}
.scene.on .truck{animation:drive 2.4s ease-out both}
.truck .box{position:absolute;inset-inline-start:0;top:0;width:5.2em;height:3.3em;background:var(--accent);border-radius:6px}
.truck .cab{position:absolute;inset-inline-end:0;bottom:.7em;width:2.6em;height:2.2em;background:var(--sun);border-radius:8px 8px 4px 4px}
.truck .w1,.truck .w2{position:absolute;bottom:0;width:1.3em;height:1.3em;border-radius:50%;background:var(--ink)}.truck .w1{inset-inline-start:.6em}.truck .w2{inset-inline-end:1em}
.boxes{display:flex;flex-direction:column;align-items:center}
.boxes span{width:3.4em;height:2.4em;background:#C98B4B;border:2px solid #8A5A2B;border-radius:4px;margin-top:-2px;position:relative}
.boxes span::after{content:"";position:absolute;inset-inline:45%;top:0;bottom:0;background:#E6C07A}
.scene.on .boxes span{animation:drop .5s both}.scene.on .boxes span:nth-child(2){animation-delay:.35s}.scene.on .boxes span:nth-child(1){animation-delay:.7s}
.bell{font-size:3em}.scene.on .bell{animation:ring .5s 3 both}
.cal{background:var(--surface);border:2px solid var(--ink);border-radius:12px;overflow:hidden;min-width:8em;text-align:center;display:flex;flex-direction:column}
.cal b{background:var(--warm);color:var(--surface);padding:.2em .5em}.cal span{padding:.5em .6em;font-weight:600}
.agent{background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:.45em .9em;display:flex;gap:.5em;align-items:center;font-weight:600}
.agent .dot{width:.7em;height:.7em;border-radius:50%;background:var(--ok)}.scene.on .agent{animation:pop .45s 1.4s both}
.endlogo{display:flex;align-items:center;gap:.3em;font:400 3.2em/1 var(--display)}.endlogo svg{width:1.15em;height:1.15em}
.scene.sc7{flex-direction:column;gap:.6em}.endline{font-size:1.3em;font-weight:600}
.scene.on .endlogo{animation:pop .6s both}
@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes type{to{width:calc(100% - .5em)}}
@keyframes glow{to{opacity:1}}
@keyframes tick{to{background:var(--ok);border-color:var(--ok);box-shadow:inset 0 0 0 3px var(--surface)}}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-1em)}}
@keyframes drive{from{transform:translateX(calc(-130% * var(--dir,1)))}to{transform:none}}
@keyframes drop{from{opacity:0;transform:translateY(-2.5em)}to{opacity:1;transform:none}}
@keyframes ring{0%,100%{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-14deg)}}
[dir="rtl"] .truck{--dir:-1}
#app.hc .stage{background:#fff}#app.hc .boxes span{background:#fff;border-color:#000}
@media (max-width:640px){.stage{aspect-ratio:4/5;font-size:3.6vw}.orbit{grid-template-columns:repeat(2,auto)}.scene{flex-direction:column;gap:1rem}}
/* מצב הקלטה (#video): רק הבמה, על כל המסך */
.stage.paused *{animation-play-state:paused!important}
html.videomode body{background:var(--ground)}
html.videomode #app>.wrap>*:not(main),html.videomode main>*:not(#explainer),html.videomode .exhead,html.videomode .exctl,html.videomode .skip{display:none!important}
html.videomode #app{padding:0}html.videomode .wrap{max-width:none}
html.videomode .explainer{margin:0}html.videomode .stage{aspect-ratio:auto;height:100vh;border-radius:0;border:0;font-size:5.2vw}
html.videomode .scene{flex-direction:column;gap:2em;inset:0 0 6em}html.videomode .cap{bottom:2em;font-size:1.15em;max-width:88%}
html.videomode .orbit{grid-template-columns:repeat(2,auto);gap:.8rem}

/* חלקי דף הנחיתה: מה אנחנו עושים, מספרים, מה שונה, מי אנחנו, שאלות, קריאה לפעולה */
.sec{margin-top:3.5rem}
.sec>h2,.band h2{font-size:clamp(1.7rem,4.2vw,2.3rem);text-align:center}
.sec-lead{text-align:center;color:var(--muted);max-width:52ch;margin:.5rem auto 0;font-size:1.1rem}
.ico{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cards{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:1.3rem 1.3rem 1.4rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--glow)}
.card .ico,.why .ico{width:2.9rem;height:2.9rem;padding:.65rem;border-radius:16px;background:var(--accent-soft);color:var(--accent);margin-bottom:.8rem}
.card h3,.why h3{font-size:1.2rem;margin-bottom:.35rem}
.card p,.why p{color:var(--muted)}
.band{margin-inline:calc(50% - 50vw);padding:2.6rem max(16px,calc(50vw - 27rem));margin-top:3.5rem;background:linear-gradient(135deg,var(--band),var(--band2));color:#fff}
.stats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;text-align:center}
.stats b{display:block;font-family:var(--display);font-size:clamp(2.4rem,6vw,3.4rem);line-height:1;color:var(--sun);font-weight:800}
.stats span{display:block;margin-top:.4rem;color:#D5EDE1;font-weight:600}
.why{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.why li{display:flex;gap:1rem;align-items:flex-start;background:var(--mint-soft);border-radius:24px;padding:1.2rem 1.3rem}
.why .ico{background:var(--surface);flex:none;margin:0}
.about{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}
.about h2{font-size:clamp(1.7rem,4.2vw,2.3rem);text-align:start;margin-bottom:.8rem}
.about p{color:var(--muted);font-size:1.08rem;margin-top:.7rem}
.quote{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:1.6rem;box-shadow:var(--shadow);position:relative;overflow:hidden}
.quote::before{content:"";position:absolute;inset-inline-end:-2rem;top:-2rem;width:8rem;height:8rem;border-radius:50%;background:var(--sun-soft)}
.quote b{position:relative;display:block;font-family:var(--display);font-size:5rem;line-height:1;color:var(--accent);font-weight:800}
.quote figcaption{position:relative;margin-top:.5rem;font-weight:600;font-size:1.1rem}
.faq{max-width:46rem;margin:1.6rem auto 0;display:flex;flex-direction:column;gap:.6rem}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:0 1.2rem}
.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:1.08rem;min-height:3.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:1.3rem;font-weight:700}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--muted);padding-bottom:1.1rem}
.ctaband{text-align:center}
.ctaband p{color:#D5EDE1;font-size:1.15rem;margin:.6rem 0 1.4rem}
footer .contact{flex-basis:100%;font-weight:600;color:var(--ink)}
footer .contact a{margin-inline-end:1rem}
footer .copy{font-size:.85rem}
#app.hc .band{background:#fff;color:#000}#app.hc .stats span,#app.hc .ctaband p{color:#000}#app.hc .stats b{color:#00338A}
@media (max-width:860px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stats ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.6rem}}
@media (max-width:640px){.cards,.why,.about{grid-template-columns:1fr}.sec{margin-top:2.6rem}}
/* שמירה והשלמה אחר כך */
.welcome{background:var(--sun-soft);border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem;margin-bottom:1rem}
.autosave{font-size:.9rem;margin-top:.8rem}
.later{margin-top:1.5rem;border:2px dashed var(--warn)}
.later h2{font-size:1.4rem;margin-bottom:.4rem}
.later .grid{margin-top:1rem}
.later .acts{padding-inline-start:0}
.mt1{margin-top:1rem}
/* תיאום שיחה */
.cbgrid{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}
.cbfoot{gap:.6rem;flex-wrap:wrap}
.cbasked{font-size:.95rem;font-weight:600;color:var(--ok);align-self:center}
/* קרטונים וחומרי אריזה */
.supplies{margin-top:1.5rem;background:var(--mint-soft)}
.supplies h2{font-size:1.4rem;margin-bottom:.4rem}
.supplies h3{font-size:1.15rem;margin:1.1rem 0 .4rem}
.kit{list-style:none;margin:.6rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.4rem .9rem}
.kit li{display:flex;justify-content:space-between;gap:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.45rem .75rem}
.kit b{font-variant-numeric:tabular-nums}
.tips{margin:.3rem 0 0;padding-inline-start:1.3rem}.tips li{margin:.25rem 0}
@media (max-width:640px){#grp-kit .w2{grid-column:span 3}}
footer a{color:var(--accent)}

/* שפות */
.langsel{display:inline-flex;align-items:center;gap:.35rem;border:2px solid var(--field);border-radius:999px;padding:0 .35rem 0 .7rem;min-height:2.75rem;background:var(--surface)}
.langsel select{border:0;min-height:0;padding:.35rem .4rem;background:transparent;font-weight:600;width:auto}
.globe{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
.henote{background:var(--sun-soft);border:1px solid var(--line);border-radius:10px;padding:.6rem .9rem;margin:.8rem 0;font-size:.95rem}
[dir="rtl"] input[dir="ltr"]{text-align:right}
#app:lang(ru),#app:lang(ar){--display:"Rubik","Segoe UI",Arial,sans-serif;--body:"Rubik","Segoe UI",Arial,sans-serif}
#app:lang(ru) h1,#app:lang(ru) h2,#app:lang(ru) h3,#app:lang(ru) .brand,#app:lang(ar) h1,#app:lang(ar) h2,#app:lang(ar) h3,#app:lang(ar) .brand{font-weight:700}
#app:lang(ar){line-height:1.75}
/* שותפים */
.partners{list-style:none;margin:.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.8rem}
.partner{background:var(--surface);border:1px dashed var(--field);border-radius:18px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}
.partner h3{font-size:1.1rem}
.partner p{color:var(--muted)}
.ptag{font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:0 .55rem}
@media (max-width:640px){
  .hero{grid-template-columns:1fr}
  .label{transform:none}
  .viz{min-height:19rem;margin-top:.5rem}.viz .label{display:none}.hero{padding-bottom:4.5rem}
  .hero::before{background:linear-gradient(to bottom,rgba(5,18,13,.88) 0%,rgba(5,18,13,.78) 55%,rgba(5,18,13,.2) 80%,rgba(5,18,13,.45) 100%),url("/city-m.webp") 20% 100%/cover no-repeat}.fchip{font-size:.82rem}.f1{inset-inline-end:2%}.f2{inset-inline-start:2%}
  .w4,.w3,.w2{grid-column:span 6}
  ul.how{grid-template-columns:1fr}
  .sum{grid-template-columns:1fr}
  .item .desc,.acts,.need{padding-inline-start:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.label{transform:none}}