/* ===== ui.css – shared interaction design system for the whole site =====
   One place for tokens (radius, shadow, spacing, timing, focus colour) and for the states every
   clickable thing needs: hover · focus-visible · active (pressed) · disabled · loading.
   Written with :where() (zero specificity) so a component that already styles its own hover keeps it;
   this file only fills the gaps and keeps everything consistent. */
:root{
  --ui-radius-sm:10px;--ui-radius:14px;--ui-radius-lg:20px;--ui-radius-pill:999px;
  --ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:24px;
  --ui-shadow-1:0 1px 2px rgba(15,23,42,.06),0 2px 8px rgba(15,23,42,.06);
  --ui-shadow-2:0 6px 18px rgba(15,23,42,.12);
  --ui-shadow-3:0 14px 34px rgba(15,23,42,.18);
  --ui-dur-fast:.12s;--ui-dur:.18s;--ui-ease:cubic-bezier(.2,.8,.2,1);
  --ui-focus:#14B8A6;--ui-focus-ring:0 0 0 3px rgba(20,184,166,.35);
  --ui-hover-tint:rgba(20,184,166,.08);
  --ui-disabled-opacity:.5;
}

/* ---- cursor: only on things that really do something ---- */
:where(a[href],button:not(:disabled),[role=button]:not([aria-disabled=true]),[role=tab],[role=menuitem],[role=radio],[role=switch],summary,label[for],select,input[type=checkbox],input[type=radio],input[type=range],input[type=file],input[type=submit],input[type=button]){cursor:pointer}
:where(button:disabled,[aria-disabled=true],input:disabled,select:disabled,textarea:disabled){cursor:not-allowed}
:where([aria-busy=true]){cursor:progress}

/* ---- smooth, short transitions (no layout properties → no layout jumps) ---- */
:where(a,button,[role=button],[role=tab],[role=menuitem],summary,input,select,textarea){
  transition:color var(--ui-dur) var(--ui-ease),background-color var(--ui-dur) var(--ui-ease),border-color var(--ui-dur) var(--ui-ease),
             box-shadow var(--ui-dur) var(--ui-ease),filter var(--ui-dur) var(--ui-ease),opacity var(--ui-dur) var(--ui-ease),transform var(--ui-dur-fast) var(--ui-ease)}

/* ---- hover (mouse only, so touch screens don't get "stuck" hover) ---- */
@media (hover:hover){
  :where(button:not(:disabled),[role=button]:not([aria-disabled=true]),input[type=submit]:not(:disabled),input[type=button]:not(:disabled)):hover{filter:brightness(1.05)}
  :where(.seg button,.subtabs button,.opts button,.chips button,.faq summary,.menubtn,.fab,.cal,.rel a,.lnk,.chip.btn,.tbtn,.gear,.ib):hover{border-color:var(--c,var(--ui-focus))}
  :where(.faq summary):hover{background:var(--ui-hover-tint)}
  :where(.prose a,.hint a,.legal a,.crumbs a):hover{text-decoration:underline;text-underline-offset:3px}
  :where(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea):hover:not(:disabled):not(:focus){border-color:color-mix(in srgb,var(--ui-focus) 45%,currentColor 15%)}
  :where(.card a.tile,.tile,.lc:not(:disabled),.mode,.v6tile,.sim-card):hover{box-shadow:var(--ui-shadow-2)}
}

/* ---- pressed: short visual confirmation that the tap/click was received ---- */
:where(button:not(:disabled),[role=button]:not([aria-disabled=true]),input[type=submit]:not(:disabled),input[type=button]:not(:disabled)):active{filter:brightness(.92)}
:where(.btn,.cta,.go,.fab,.gbtn,.v5go,.seg button,.subtabs button,.opts button,.tbtn,.chip.btn,.ndp-btn,input[type=submit]):not(:disabled):active{transform:scale(.97)}
:where(.tile,.lc:not(:disabled),.mode,.sim-card,.rel a,.pan a):active{transform:scale(.985)}
.ui-pressed{filter:brightness(.94)}

/* ---- keyboard focus: always visible, never on mouse click ---- */
:where(a,button,input,select,textarea,summary,[tabindex],[role=button],[role=tab],[role=menuitem],[role=radio],[role=slider]):focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}
:where(a,button,summary,[tabindex],[role=button],[role=tab]):focus:not(:focus-visible){outline:none}
:where(input,select,textarea):focus-visible{box-shadow:var(--ui-focus-ring)}

/* ---- disabled ---- */
:where(button:disabled,[aria-disabled=true],input:disabled,select:disabled,textarea:disabled){opacity:var(--ui-disabled-opacity);filter:none!important;transform:none!important}

/* ---- loading: add .is-loading (ui.js does it for forms) ---- */
.is-loading{position:relative;pointer-events:none;color:transparent!important}
.is-loading>*{visibility:hidden}
.is-loading::after{content:"";position:absolute;inset:0;margin:auto;width:1.1em;height:1.1em;border-radius:50%;border:2.5px solid currentColor;border-color:rgba(127,127,127,.35);border-top-color:var(--ui-focus);animation:ui-spin .7s linear infinite;visibility:visible}
@keyframes ui-spin{to{transform:rotate(360deg)}}

/* ---- small status toast for success / error (ui.js: NDUI.toast) ---- */
.ui-toast{position:fixed;z-index:9999;inset-inline:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));margin:auto;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:var(--ui-radius);background:#0F172A;color:#fff;font:600 .95rem Assistant,Rubik,Arial,sans-serif;box-shadow:var(--ui-shadow-3);opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none;direction:rtl}
.ui-toast.show{opacity:1;transform:none}.ui-toast.ok{background:#065F46}.ui-toast.err{background:#991B1B}

/* ---- respect "reduce motion" ---- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  :where(button,[role=button],a,.tile,.lc,.mode,.sim-card):active{transform:none}
}

/* ===== shared rating window (ui.js) ===== */
.ndr{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;padding:16px;background:rgba(6,14,30,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:Assistant,Rubik,Arial,sans-serif}
.ndr[hidden]{display:none}
html.ndr-open{overflow:hidden}
.ndr-card{position:relative;width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#0F172A;border-radius:28px;padding:28px 22px 22px;box-shadow:0 30px 80px rgba(2,6,23,.45);animation:ndrIn .28s cubic-bezier(.2,1.2,.4,1)}
@keyframes ndrIn{from{opacity:0;transform:translateY(12px) scale(.97)}}
.ndr-body,.ndr-done{display:flex;flex-direction:column;gap:12px}
.ndr-body[hidden],.ndr-done[hidden]{display:none}
.ndr-x{position:absolute;top:12px;left:12px;width:40px;height:40px;border-radius:50%;border:1px solid #E2E8F0;background:#F8FAFC;color:#64748B;font-size:1rem}
.ndr-badge{align-self:center;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:30px;color:#fff;background:linear-gradient(135deg,#F59E0B,#F97316);box-shadow:0 10px 24px rgba(249,115,22,.35)}
.ndr h2{margin:0;text-align:center;font:800 1.45rem Rubik,Arial,sans-serif}
.ndr-sub{margin:0;text-align:center;color:#64748B}.ndr-sub b{color:#0F766E}
.ndr-stars{display:flex;justify-content:center;gap:4px;direction:ltr;padding:6px 0}
.ndr-stars button{width:54px;height:54px;border:0;border-radius:14px;background:transparent;padding:0;display:grid;place-items:center;transition:transform .12s}
.ndr-stars button:hover{transform:scale(1.1)}
.ndr-stars svg{width:46px;height:46px;fill:none;stroke:#CBD5E1;stroke-width:1.6;stroke-linejoin:round}
.ndr-stars button.on svg{fill:#FBBF24;stroke:#F59E0B;filter:drop-shadow(0 2px 6px rgba(251,191,36,.5))}
.ndr-lbl{text-align:center;font-weight:700;font-size:1.05rem;color:#B45309;min-height:1.5em;margin-top:-6px}
.ndr-f{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.95rem}.ndr-f small{font-weight:400;color:#64748B}
.ndr-f textarea{font:400 1rem Assistant,Arial,sans-serif;min-height:84px;padding:12px;border:1px solid #CBD5E1;border-radius:14px;background:#F8FAFC;color:#0F172A;resize:vertical;width:100%;box-sizing:border-box}
.ndr-err{margin:0;padding:10px 12px;border-radius:12px;background:#FEF2F2;color:#991B1B;border:1px solid #FECACA;font-weight:600;font-size:.92rem}
.ndr-err[hidden]{display:none}
.ndr-retry{border:0;border-radius:999px;padding:4px 12px;background:#991B1B;color:#fff;font:700 .85rem Rubik,Arial}
.ndr-send{position:relative;min-height:54px;border:0;border-radius:16px;background:linear-gradient(90deg,#0D9488,#0EA5E9);color:#fff;font:800 1.1rem Rubik,Arial,sans-serif;box-shadow:0 10px 24px rgba(13,148,136,.35)}
.ndr-done{text-align:center;padding:10px 0 2px}.ndr-done p{margin:0;color:#64748B}
.ndr-check svg{width:84px;height:84px;display:block;margin:0 auto}
.ndr-check circle{fill:#DCFCE7;stroke:#16A34A;stroke-width:2.5}
.ndr-check path{fill:none;stroke:#16A34A;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:ndrCk .5s .15s ease-out forwards}
@keyframes ndrCk{to{stroke-dashoffset:0}}
@media (prefers-color-scheme:dark){.ndr-card{background:#111D31;color:#E6EEF8}.ndr-x{background:#0A1322;border-color:#22324B;color:#93A4BB}.ndr-f textarea{background:#0A1322;border-color:#22324B;color:#E6EEF8}.ndr-sub,.ndr-done p,.ndr-f small{color:#93A4BB}}
@media (max-width:420px){.ndr-card{padding:24px 16px 18px}.ndr-stars button{width:48px;height:48px}.ndr-stars svg{width:40px;height:40px}}

/* ===== simplified main menu: direct links next to the dropdowns ===== */
.nav>a.nl{display:inline-flex;align-items:center;height:42px;padding:0 13px;border-radius:999px;color:var(--ink);font:700 .96rem Rubik,Assistant,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.nav>a.nl:hover,.nav>a.nl[aria-current]{background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c)}
@media (max-width:900px){.nav>a.nl{height:52px;width:100%;justify-content:flex-start;font-size:1.05rem}}

/* ===== header 2026-10: clear, tidy top bar with icons + back/forward arrows ===== */
.top{background:color-mix(in srgb,var(--surface) 95%,transparent);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(15,23,42,.02),0 6px 20px rgba(15,23,42,.05)}
.top .wrap{min-height:66px;gap:10px}
.logo{font-size:1.02rem}
.nav{gap:4px}
.ndi{width:19px;height:19px;flex:none;opacity:.85}
.nav>a.nl,.dd>button{height:44px;padding:0 12px;border-radius:12px;gap:7px;font:700 .95rem Rubik,Assistant,Arial,sans-serif;color:var(--ink)}
.nav>a.nl[aria-current],.dd.cur>button{color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}
.dd.wide .pan{min-width:520px;display:none;grid-template-columns:1fr 1fr;gap:2px}
.dd.wide.open .pan{display:grid}
.pan{border-radius:18px;padding:10px;box-shadow:0 24px 60px rgba(15,23,42,.16)}
.pan a{padding:10px 12px;border-radius:12px;gap:1px;font-size:.95rem}
.ndbar-nav a{display:inline-flex;align-items:center;gap:6px}
.ndbar-nav a .ndi{width:17px;height:17px}
.v6nav .ndi,.v6dd>button .ndi{width:18px;height:18px}
a.v6direct{gap:6px}
/* arrows */
.ndarrows{display:inline-flex;align-items:center;gap:6px;flex:none;margin-inline-start:auto;direction:rtl}
.nav~.ndarrows{margin-inline-start:6px}
.nda{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line,#E2E8F0);background:var(--surface,#fff);color:var(--ink,#0F172A);cursor:pointer;padding:0;flex:none}
.nda svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.nda:hover:not(:disabled){border-color:#14B8A6;color:#0F766E;background:color-mix(in srgb,#14B8A6 8%,var(--surface,#fff))}
.nda:disabled{opacity:.3;cursor:default}
.ndbar .nda{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
#shTop .ndarrows{position:absolute;left:12px;top:50%;transform:translateY(-50%)}
.ndarrows.float{position:fixed;z-index:9000;top:calc(10px + env(safe-area-inset-top,0px));left:10px;padding:4px;border-radius:14px;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ndarrows.float .nda{width:36px;height:36px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
@media(max-width:900px){
  .top .wrap{min-height:60px}
  .ndarrows{margin-inline-start:auto}.ndarrows+.menubtn{margin-inline-start:6px}
  .nav{padding:10px 14px 18px;gap:6px}
  .nav>a.nl,.dd>button{height:52px;width:100%;justify-content:flex-start;font-size:1.05rem;border-radius:14px;background:color-mix(in srgb,var(--c) 6%,transparent)}
  .dd>button::after{margin-inline-start:auto}
  .dd.wide .pan,.dd.wide.open .pan{min-width:0;grid-template-columns:1fr}
  .nda{width:38px;height:38px}
  #shTop .ndarrows{position:static;transform:none;margin-inline-start:auto}
}
@media print{.ndarrows{display:none}}

/* ===== unified design language (teal, soft cards, tinted icon squares) – Oct 2026 ===== */
:root{--nd-t:#0D9488;--nd-t2:#0F766E;--nd-ts:#E6F6F4;--nd-tl:#B7E4DF;--nd-card-r:18px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--nd-ts:#10303B;--nd-tl:#1E4D55}}
/* icon squares */
.nd-ico,.game .gi,.offgrid .oi,.ndr-badge,.nwsi{background:var(--nd-ts)!important;color:var(--nd-t)!important;box-shadow:none!important}
.game .gi{width:52px;height:52px;border-radius:14px}
.ndr-badge{width:52px;height:52px;border-radius:14px;font-size:26px}
.offgrid .oi{border-radius:14px}
/* cards */
.game,.avc,.nwc,.offgrid a,.avsteps div{border-radius:var(--nd-card-r);border:1px solid var(--line);box-shadow:none}
.game::before{display:none}
.game:hover,.avc:hover,.nwc:hover,.offgrid a:hover{border-color:var(--nd-t);box-shadow:0 10px 24px rgba(13,148,136,.10);transform:translateY(-2px)}
.game .gplay{background:var(--nd-t)!important;border-radius:12px}
.game .gn{color:var(--nd-t2)}
.avc{border-top:1px solid var(--line)}
.avc.hot{border-top:1px solid var(--line)}
.avcat{background:var(--nd-ts)!important;color:var(--nd-t2)!important}
.avc.hot .avcat{background:#FDECEC!important;color:#B91C1C!important}
.avnums div{background:color-mix(in srgb,var(--nd-ts) 55%,var(--surface))}
/* soft teal header panels, like the "מה עושים עכשיו" card */
.nwhead{background:linear-gradient(180deg,var(--nd-ts),var(--surface))}
.card.top-c,.adm .box:first-of-type{background:linear-gradient(180deg,color-mix(in srgb,var(--nd-ts) 70%,var(--surface)),var(--surface) 160px)}
/* chips / tabs */
.avchips button[aria-pressed=true],.nwtabs-in button[aria-pressed=true]{background:var(--nd-t)!important;border-color:var(--nd-t)!important;color:#fff!important}
.nwtabs-in button svg,.avchips button svg{color:var(--nd-t)}
.nwtag{color:var(--nd-t2)!important}
.nwsec h2{border-bottom-color:var(--nd-t)!important}
.nwth{background:radial-gradient(120% 120% at 0% 0%,#5EEAD4 0%,#0D9488 45%,#0B3B40 100%)!important}
/* ad zone in the same palette */
.adzone{background:linear-gradient(120deg,#0F766E,#0D9488 50%,#0EA5E9)}
/* primary buttons */
.ndr-send,.ratesend{background:var(--nd-t)!important;box-shadow:0 8px 20px rgba(13,148,136,.25)!important}
.ndr-send:hover,.ratesend:hover{background:var(--nd-t2)!important}
/* nav */
.nav>a.nl[aria-current],.dd.cur>button{color:var(--nd-t2);background:var(--nd-ts)}
.pan a:hover,.pan a[aria-current]{background:var(--nd-ts);color:var(--nd-t2)}
.ndi{color:var(--nd-t)}
.thgo .thmain{background:var(--nd-t)!important;box-shadow:0 10px 24px rgba(13,148,136,.3)!important}
/* light teal page headers (same language as the home cards) */
section.hero{background:linear-gradient(180deg,#DFF3F0 0%,#EEF7F5 55%,var(--ground) 100%);color:var(--ink);padding:30px 0 40px;border-bottom:1px solid color-mix(in srgb,var(--nd-tl) 60%,transparent)}
section.hero::before{display:none}
section.hero::after{display:none}
section.hero h1{color:var(--ink)}
section.hero .lede{color:var(--muted)}
section.hero .crumbs,section.hero .crumbs a{color:var(--nd-t2)}
section.hero .btn{background:var(--nd-t);color:#fff}
section.hero .btn.alt{background:var(--surface);color:var(--nd-t2);border:1px solid var(--nd-tl)}
section.hero .btn:hover{filter:brightness(1.05)}
section.hero .avcount{color:var(--muted)}
section.hero .avsearch input{border:1px solid var(--nd-tl);box-shadow:0 6px 18px rgba(13,148,136,.08)}
section.hero .thgo a{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
section.hero .thgo a small{opacity:1;color:var(--muted)}
section.hero .thgo .thmain{color:#fff}section.hero .thgo .thmain small{color:#E6FFFB}
section.hero .simprog{color:var(--ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) section.hero{background:linear-gradient(180deg,#0E2A2F,var(--ground))}}
.fab,.fbfab{background:var(--nd-t)!important;box-shadow:0 10px 24px rgba(13,148,136,.32)!important}
.fab span,.fbfab .st svg{color:#FDE68A;fill:#FDE68A}
/* cookie notice */
.ndck{position:fixed;z-index:9500;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:560px;margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;border-radius:18px;background:var(--surface,#fff);color:var(--ink,#0F172A);border:1px solid var(--nd-tl);box-shadow:0 18px 40px rgba(15,23,42,.18);font:500 .92rem Assistant,Arial,sans-serif;direction:rtl}
.ndck p{margin:0;flex:1 1 260px}.ndck a{color:var(--nd-t2)}
.ndck div{display:flex;gap:8px}
.ndck button{min-height:42px;padding:0 16px;border-radius:12px;font:700 .92rem Rubik,Arial;border:1px solid var(--nd-tl);background:var(--surface,#fff);color:var(--nd-t2)}
.ndck button.ok{background:var(--nd-t);border-color:var(--nd-t);color:#fff}
/* rating button: compact round star on phones so it never covers content */
@media (max-width:640px){
 .fab{width:52px;height:52px;padding:0!important;justify-content:center;border-radius:50%!important;font-size:0!important;gap:0}
 .fab span{font-size:22px}
 .fbfab .tx,.fbfab .bn{display:none!important}.fbfab{width:52px;height:52px;padding:0!important;justify-content:center}
 body{padding-bottom:72px}
}
/* breadcrumb line under the top bar – on every page */
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:600 .88rem Assistant,Rubik,Arial,sans-serif}
.crumbs li{display:inline-flex;align-items:center;gap:8px;color:var(--muted,#5B6B82)}
.crumbs li+li::before{content:"›";color:var(--muted,#94A3B8);font-weight:700}
.crumbs a{color:var(--nd-t2,#0F766E);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.crumbs [aria-current]{color:var(--ink,#12223D)}
.ndcrumbs{background:linear-gradient(180deg,#E9F6F4,transparent);border-bottom:1px solid var(--line,#E3E1EF)}
.ndcrumbs-in{max-width:1180px;margin:0 auto;padding:8px 16px}

/* 7-item top bar: tighter between tablet and small desktop */
@media (min-width:901px) and (max-width:1240px){.nav>a.nl,.dd>button{padding:0 8px;gap:5px;font-size:.9rem}.top .logo span{font-size:.92rem}}
@media (min-width:901px) and (max-width:1080px){.nav .ndi{display:none}.top .logo span{display:none}}

/* site search */
.ndsr{position:fixed;inset:0;z-index:9800;background:rgba(6,14,30,.55);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:flex-start;padding:calc(70px + env(safe-area-inset-top,0px)) 16px 16px}
.ndsr[hidden]{display:none}
.ndsr-box{width:min(640px,100%);background:var(--surface,#fff);border-radius:20px;box-shadow:0 30px 70px rgba(2,6,23,.4);overflow:hidden}
.ndsr-in{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line,#E2E8F0)}
.ndsr-in svg{width:22px;height:22px;color:#0D9488;flex:none}
.ndsr-in input{flex:1;min-height:46px;border:0;outline:0;background:transparent;font:600 1.1rem Assistant,Arial;color:var(--ink,#12223D)}
.ndsr-x{width:40px;height:40px;border-radius:12px;border:1px solid var(--line,#E2E8F0);background:var(--surface,#fff);color:var(--muted,#64748B)}
.ndsr-res{list-style:none;margin:0;padding:6px;max-height:60vh;overflow:auto}
.ndsr-res a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--ink,#12223D)}
.ndsr-res a:hover,.ndsr-res a:focus{background:var(--nd-ts,#E6F6F4)}
.ndsr-res b{font:800 1rem Rubik,Arial}.ndsr-res small{color:var(--muted,#64748B);font-size:.85rem}
.ndsr-res .none{padding:14px;color:var(--muted,#64748B)}
.nda.ndsrb svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
@media (min-width:901px) and (max-width:1380px){.nav .ndi{display:none}.nav>a.nl,.dd>button{padding:0 9px}}
@media (max-width:440px){.top .logo span{font-size:.86rem}.top .logo svg{width:32px;height:32px}.top .wrap{gap:6px}.nda{width:34px;height:34px}.ndarrows{gap:4px}.menubtn{width:40px;height:40px}}
@media (max-width:360px){.top .logo span{display:none}}
#shTop .ndarrows{position:static!important;transform:none!important;margin-inline-start:10px}
@media (min-width:861px) and (max-width:1380px){.v6nav .ndi{display:none}.v6dd>button,a.v6direct{padding:0 9px!important}}
@media (min-width:861px) and (max-width:1100px){#shTop .shbrand.v6b b{display:none}}
/* dropdown panels – cleaner cards with an accent rail */
@media (min-width:901px){
 .pan{top:calc(100% + 6px);padding:10px;border-radius:18px;border:1px solid var(--line);box-shadow:0 22px 50px rgba(11,31,58,.16);min-width:300px}
 .pan::before{content:"";position:absolute;top:-6px;right:0;left:0;height:8px}
 .pan a{position:relative;padding:10px 14px 10px 12px;border-radius:12px;font-size:.95rem;font-weight:700;color:var(--ink)}
 .pan a::after{content:"←";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--c);opacity:0;transition:opacity .15s,transform .15s}
 .pan a:hover::after{opacity:1;transform:translate(-3px,-50%)}
 .pan a small{font-weight:500;margin-top:1px}
 .pan a:first-child{background:color-mix(in srgb,var(--c) 8%,var(--surface));margin-bottom:4px}
 .dd.wide .pan a:first-child{grid-column:1/-1}
 .dd>button::after{transition:transform .2s}.dd.open>button::after{transform:rotate(135deg) translateY(-2px)}
 .dd.open>button{background:color-mix(in srgb,var(--c) 10%,transparent);color:var(--c)}
}

/* ===== animated logo: badge pops in, gauge arc draws, needle sweeps, name slides in ===== */
@keyframes ndLogoPop{0%{transform:scale(.4) rotate(-18deg);opacity:0}60%{transform:scale(1.12) rotate(4deg);opacity:1}80%{transform:scale(.96) rotate(-1deg)}100%{transform:none;opacity:1}}
@keyframes ndLogoArc{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
@keyframes ndLogoNeedle{0%{transform:rotate(-120deg)}55%{transform:rotate(22deg)}75%{transform:rotate(-8deg)}100%{transform:rotate(0)}}
@keyframes ndLogoName{from{opacity:0;transform:translateX(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes ndLogoShine{0%,100%{box-shadow:0 0 0 0 rgba(20,184,166,0)}50%{box-shadow:0 0 0 6px rgba(20,184,166,.18)}}
:is(.logo,.shbrand) svg{border-radius:12px;animation:ndLogoPop .9s cubic-bezier(.2,.9,.3,1.2) both,ndLogoShine 1.6s ease-out .9s 1}
:is(.logo,.shbrand) svg g path:nth-of-type(2){stroke-dasharray:40;animation:ndLogoArc .8s ease-out .35s both}
:is(.logo,.shbrand) svg g path:nth-of-type(3){transform-box:view-box;transform-origin:32px 44px;animation:ndLogoNeedle 1.3s cubic-bezier(.3,.7,.3,1) .45s both}
:is(.logo,.shbrand) :is(span,b){display:inline-block;animation:ndLogoName .7s ease-out .5s both}
:is(.logo,.shbrand):hover svg g path:nth-of-type(3){animation:ndLogoNeedle .9s cubic-bezier(.3,.7,.3,1) both}
@media (prefers-reduced-motion:reduce){:is(.logo,.shbrand) svg,:is(.logo,.shbrand) svg *,:is(.logo,.shbrand) :is(span,b){animation:none!important}}

/* old in-hero "back + brand" row on the app pages – replaced by the site header and the breadcrumb bar */
header.hero .top:has(> .back){display:none!important}

/* ===== site search – modern command palette ===== */
.ndsr{padding:calc(64px + env(safe-area-inset-top,0px)) 16px 16px;background:rgba(6,14,30,.5);animation:ndsrF .18s ease-out}
@keyframes ndsrF{from{opacity:0}}@keyframes ndsrU{from{opacity:0;transform:translateY(-10px) scale(.98)}}
.ndsr-box{width:min(720px,100%);border-radius:24px;box-shadow:0 40px 90px -20px rgba(2,6,23,.55),0 0 0 1px rgba(255,255,255,.06);animation:ndsrU .22s cubic-bezier(.2,.9,.3,1.1);display:flex;flex-direction:column;max-height:calc(100vh - 96px)}
.ndsr-in{gap:12px;padding:14px 16px;border-bottom:1px solid #EEF2F6;background:linear-gradient(180deg,#F8FBFB,#fff)}
.ndsr-in>svg{width:24px;height:24px}
.ndsr-in input{min-height:50px;font:700 1.18rem Rubik,Assistant,Arial;outline:none!important;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.ndsr-in input::-webkit-search-cancel-button{display:none}
.ndsr-in input::placeholder{color:#94A3B8;font-weight:600}
.ndsr-k,.ndsr-ft kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid #CBD5E1;border-bottom-width:2px;border-radius:7px;background:#fff;color:#64748B;font:700 11px Rubik,Arial}
.ndsr-x{display:grid;place-items:center;width:40px;height:40px;border:0;background:#F1F5F9;color:#475569;cursor:pointer}.ndsr-x:hover{background:#E2E8F0}.ndsr-x svg{width:18px;height:18px}
.ndsr-body{overflow:auto;padding:8px 10px 12px;flex:1;min-height:0}
.ndsr-sec{padding:6px 4px}
.ndsr-h{display:flex;align-items:center;gap:8px;margin:6px 8px 8px;font:800 .78rem Rubik,Arial;letter-spacing:.02em;color:#64748B}
.ndsr-h i{width:8px;height:8px;border-radius:50%;background:var(--c,#94A3B8)}
.ndsr-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 6px}
.ndsr-chips a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#F1F5F9;color:#0F172A;text-decoration:none;font:700 .92rem Rubik,Arial;border:1px solid transparent;transition:.15s}
.ndsr-chips a::before{content:"";width:14px;height:14px;margin-inline-end:7px;background:currentColor;opacity:.45;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.ndsr-chips a:hover{background:#E6F6F4;border-color:#99D5CE;color:#0F766E}
.ndsr-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 6px}
.ndsr-cats button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:right;padding:12px;border-radius:16px;border:1px solid #E8EDF3;background:#fff;cursor:pointer;font:inherit;color:#0F172A;transition:.15s}
.ndsr-cats button .ndsr-ic{grid-row:1/3}
.ndsr-cats button b{font:800 .98rem Rubik,Arial;align-self:end}.ndsr-cats button small{color:#64748B;font-size:.8rem;align-self:start}
.ndsr-cats button:hover{border-color:color-mix(in srgb,var(--c) 45%,#E8EDF3);background:color-mix(in srgb,var(--c) 6%,#fff);transform:translateY(-1px)}
.ndsr-ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.ndsr-ic svg{width:21px;height:21px}
.ndsr-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:14px;text-decoration:none;color:#0F172A;scroll-margin:8px}
.ndsr-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ndsr-tx b{font:800 1rem Rubik,Arial}.ndsr-tx small{color:#64748B;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ndsr-row mark{background:#CCFBF1;color:#0F766E;border-radius:4px;padding:0 1px}
.ndsr-row>i{font-style:normal;color:#CBD5E1;font-weight:800;transition:.15s}
.ndsr-row.on,.ndsr-row:focus-visible{background:#F0FAF8;outline:none;box-shadow:inset 0 0 0 1px #BFE5DF}
.ndsr-row.on>i{color:#0D9488;transform:translateX(-3px)}
.ndsr-filter{display:flex;align-items:center;gap:10px;margin:4px 8px 6px;padding:8px 10px;border-radius:14px;background:color-mix(in srgb,var(--c) 8%,#fff)}
.ndsr-filter b{flex:1;font:800 1rem Rubik,Arial}.ndsr-filter button{border:0;background:#fff;border-radius:999px;padding:6px 12px;font:700 .82rem Rubik,Arial;color:#475569;cursor:pointer}
.ndsr-none{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;text-align:center;color:#64748B}.ndsr-none b{color:#0F172A;font:800 1.05rem Rubik,Arial}
.ndsr-ft{display:flex;gap:16px;justify-content:center;padding:10px;border-top:1px solid #EEF2F6;background:#FAFCFC;color:#64748B;font:600 .8rem Rubik,Arial}
.ndsr-ft span{display:inline-flex;align-items:center;gap:5px}
@media (max-width:640px){.ndsr{padding:0;align-items:stretch}.ndsr-box{border-radius:0;max-height:none;height:100%;width:100%}.ndsr-cats{grid-template-columns:1fr 1fr}.ndsr-ft,.ndsr-k{display:none}.ndsr-in{padding:10px 12px}}

/* refined logo (gradient badge): arc draws, needle sweeps */
.ndlogo .lg-arc{stroke-dasharray:40;animation:ndLogoArc .9s ease-out .35s both}
.ndlogo .lg-needle{transform-box:view-box;transform-origin:32px 42px;animation:ndLogoNeedle 1.3s cubic-bezier(.3,.7,.3,1) .45s both}
:is(.logo,.shbrand,.ndbar-logo):hover .ndlogo .lg-needle{animation:ndLogoNeedle .9s cubic-bezier(.3,.7,.3,1) both}
.ndlogo{border-radius:14px;box-shadow:0 6px 14px -8px rgba(11,95,102,.7)}
@media (prefers-reduced-motion:reduce){.ndlogo *{animation:none!important}}

/* ===== back / forward / search cluster – one tidy pill ===== */
html body .ndarrows:not(.float){gap:2px;padding:4px;border-radius:999px;background:linear-gradient(180deg,#F6F9FA,#EDF2F4);border:1px solid #E1E8EC;box-shadow:inset 0 1px 0 #fff,0 6px 14px -10px rgba(15,23,42,.35)}
html body .ndarrows:not(.float) .nda{width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:#334155;transition:background .15s,color .15s,transform .15s,box-shadow .15s}
html body .ndarrows:not(.float) .nda svg{width:19px;height:19px}
html body .ndarrows:not(.float) .nda:hover:not(:disabled){background:#fff;color:#0F766E;box-shadow:0 4px 10px -6px rgba(15,23,42,.45);transform:translateY(-1px)}
html body .ndarrows:not(.float) .nda:active:not(:disabled){transform:scale(.92)}
html body .ndarrows:not(.float) .nda:disabled{opacity:.28}
html body .ndarrows:not(.float) .nda.ndsrb{order:-1;width:38px;height:36px;margin-inline-end:4px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#14B8A6,#0D9488 60%,#0F766E);box-shadow:0 6px 14px -6px rgba(13,148,136,.75)}
html body .ndarrows:not(.float) .nda.ndsrb:hover{color:#fff;background:linear-gradient(135deg,#2DD4BF,#0D9488);transform:translateY(-1px) scale(1.04)}
html body .ndarrows:not(.float) .nda:focus-visible{outline:3px solid #99F6E4;outline-offset:1px}
html body .ndbar .ndarrows:not(.float){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:none}
html body .ndbar .ndarrows:not(.float) .nda{color:#fff}
html body .ndbar .ndarrows:not(.float) .nda:hover:not(:disabled){background:rgba(255,255,255,.16);color:#fff}

/* search palette: shield its buttons from page-wide button styles (home app) */
html body .ndsr button{all:unset;box-sizing:border-box;cursor:pointer;font-family:Rubik,Assistant,Arial,sans-serif}
html body .ndsr button::before,html body .ndsr button::after{content:none!important;display:none!important}
html body .ndsr .ndsr-x{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#F1F5F9;color:#475569}
html body .ndsr .ndsr-x:hover{background:#E2E8F0}
html body .ndsr .ndsr-cats button{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;text-align:right;padding:12px;border-radius:16px;border:1px solid #E8EDF3;background:#fff;color:#0F172A;min-width:0;width:auto;height:auto;transition:.15s}
html body .ndsr .ndsr-cats button .ndsr-ic{grid-row:1/3}
html body .ndsr .ndsr-cats button b{font:800 .98rem Rubik,Arial;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .ndsr .ndsr-cats button small{font:600 .8rem Assistant,Arial;color:#64748B;line-height:1.3}
html body .ndsr .ndsr-cats button:hover{border-color:color-mix(in srgb,var(--c) 45%,#E8EDF3);background:color-mix(in srgb,var(--c) 6%,#fff)}
html body .ndsr .ndsr-cats button:focus-visible,html body .ndsr .ndsr-x:focus-visible{outline:3px solid #99F6E4;outline-offset:2px}
html body .ndsr .ndsr-filter button{background:#fff;border-radius:999px;padding:6px 12px;font:700 .82rem Rubik,Arial;color:#475569}
html body .ndsr .ndsr-ic{width:40px;height:40px;border-radius:12px}
html body .ndsr-box{min-height:0}
@media (max-width:640px){html body .ndsr-box{min-height:0}}

/* ===== icon style: clay tiles (style 3) with illustrated set ג ===== */
#ndLanding .trk2-ic,#ndLanding .svc-ic,.hi,.hi2,html body .ndsr .ndsr-ic{--ck:var(--c,var(--tc,var(--hubc,#0D9488)));color:#fff!important;background:radial-gradient(120% 120% at 30% 20%,color-mix(in srgb,var(--ck) 55%,#fff),var(--ck) 60%,color-mix(in srgb,var(--ck) 70%,#000))!important;box-shadow:0 10px 18px -10px color-mix(in srgb,var(--ck) 80%,#000),inset -3px -5px 9px rgba(0,0,0,.18),inset 3px 4px 7px rgba(255,255,255,.45)!important;transition:transform .2s cubic-bezier(.3,.7,.3,1.4)}
#ndLanding .trk2-ic,#ndLanding .svc-ic{border-radius:16px!important}
#ndLanding .trk2-ic svg,#ndLanding .svc-ic svg,.hi svg,.hi2 svg,html body .ndsr .ndsr-ic svg{filter:drop-shadow(0 1.5px 1px rgba(0,0,0,.22))}
#ndLanding .trk2-ic svg,#ndLanding .svc-ic svg{width:28px!important;height:28px!important}
#ndLanding .trk2:hover .trk2-ic,#ndLanding .svc:hover .svc-ic,.hc:hover .hi,html body .ndsr-row.on .ndsr-ic,html body .ndsr .ndsr-cats button:hover .ndsr-ic{transform:translateY(-2px) scale(1.06)}
.hi{border-radius:16px!important}.hi2{border-radius:11px!important}
.hi svg,.hi2 svg{stroke:#fff}
html body .ndsr .ndsr-ic svg{width:24px;height:24px}
.hc .hb{padding-inline-end:74px}
@media(max-width:560px){.hc .hb{padding-inline-end:0;padding-top:18px}}

/* dark bar on the tool pages: everything fits, nothing hidden behind the arrows */
html body .ndbar-nav{justify-content:center;gap:2px}
html body .ndbar-nav a{padding:8px 10px;font-size:.9rem}
html body .ndbar-in{max-width:1320px}
@media (max-width:1560px){html body .ndbar-nav a .ndi{display:none}}
@media (max-width:1250px){html body .ndbar-nav a[href$="../index.html"]{display:none}html body .ndbar-logo b,html body .ndbar-logo span{display:none}}
@media (max-width:1000px){html body .ndbar-nav{justify-content:flex-start;-webkit-mask:linear-gradient(90deg,transparent,#000 24px);mask:linear-gradient(90deg,transparent,#000 24px)}}

/* ===== icon style: glass tiles (style 5) with illustrated set ג – replaces the clay look ===== */
#ndLanding .trk2-ic,#ndLanding .svc-ic,.hi,.hi2,html body .ndsr .ndsr-ic{--ck:var(--c,var(--tc,var(--hubc,#0D9488)));position:relative;overflow:hidden;isolation:isolate;color:color-mix(in srgb,var(--ck) 85%,#000)!important;background:linear-gradient(150deg,rgba(255,255,255,.92),color-mix(in srgb,var(--ck) 16%,#fff))!important;border:1px solid color-mix(in srgb,var(--ck) 30%,#E2E8F0)!important;box-shadow:0 10px 22px -14px color-mix(in srgb,var(--ck) 85%,#000),inset 0 1px 0 #fff!important;backdrop-filter:blur(8px)}
#ndLanding .trk2-ic::before,#ndLanding .svc-ic::before,.hi::before,.hi2::before,html body .ndsr .ndsr-ic::before{content:"";position:absolute;z-index:-1;width:70%;height:70%;left:-12%;top:-14%;border-radius:50%;background:var(--ck);opacity:.38;filter:blur(9px)}
#ndLanding .trk2-ic::after,#ndLanding .svc-ic::after,.hi::after,.hi2::after,html body .ndsr .ndsr-ic::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(155deg,rgba(255,255,255,.7),transparent 46%);pointer-events:none}
#ndLanding .trk2-ic svg [fill="#fff"],#ndLanding .svc-ic svg [fill="#fff"],html body .ndsr .ndsr-ic svg [fill="#fff"]{stroke:color-mix(in srgb,var(--ck) 75%,#000);stroke-width:.7;stroke-linejoin:round}
#ndLanding .trk2-ic svg,#ndLanding .svc-ic svg,html body .ndsr .ndsr-ic svg{filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--ck) 35%,transparent))}
.hi svg,.hi2 svg{stroke:color-mix(in srgb,var(--ck) 85%,#000);filter:none}