/* Design polish pass (branch design/mobile-polish, 2026-10-11). Loaded after every page stylesheet on the marketing site.
   Hand-written; overrides the generated hash classes only where noted. See docs/redesign/DESIGN_POLISH_CHANGELOG.md. */

/* ---------- 1. header on phones/tablets: menu right, logo centred, CTA left ---------- */
@media (max-width:960px){
  .s5ol5k7{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:0 8px}
  .s5ol5k7>.sbc88jj{display:contents}
  .s5ol5k7 [data-menu-toggle]{grid-column:1;grid-row:1;justify-self:start;width:44px;height:44px}
  .s5ol5k7>.s4vs5zh{grid-column:2;grid-row:1;justify-self:center}
  .s5ol5k7 .syk1d6n,.s5ol5k7 .s199yadi{grid-column:3;grid-row:1;justify-self:end}
  .s5ol5k7 .skj63p8{grid-column:1/-1}
}
@media (max-width:480px){
  .s5ol5k7 .syk1d6n{height:44px;padding:0 14px;font-size:14px}
  .s5ol5k7 .syk1d6n .s19zynn8{display:none}
  .s5ol5k7 .s199yadi{padding:0 5px}
  .s5ol5k7 .s199yadi>span:first-child{display:none}
  .s5ol5k7 .s3ikmek{width:34px;height:34px;border-radius:11px}
  .s5ol5k7 .san6bs9{font-size:17px}
}
@media (max-width:370px){ .s5ol5k7 .san6bs9{display:none} }

/* ---------- 2–4. hero: edge to edge on phones, stacked CTAs, social proof under the photos ---------- */
.home-proof{flex-direction:column;align-items:flex-start;gap:10px}
.home-proof-row{display:flex;align-items:center;gap:12px}
.home-proof-t{white-space:nowrap}
@media (max-width:359px){.home-proof-t{white-space:normal}}
@media (max-width:960px){
  .h2a6cnf{padding:0}
  .hi0mqos{border-radius:0 0 32px 32px;min-height:100svh}
  .h48o9so{padding-inline:20px}
  .hm2zcqb{flex-direction:column;align-items:stretch;gap:12px}
  .hm2zcqb>.hkc8kut{order:-1;justify-content:center}
  .hm2zcqb>.h13x125x{justify-content:space-between}
  .hm2zcqb .h10dzcr{inset-inline-start:50%;transform:translateX(50%)}
  .he2bkqa.home-proof{margin-top:44px}
}
@media (min-width:601px) and (max-width:960px){
  .hm2zcqb{flex-direction:row;align-items:center}
  .hm2zcqb>.hkc8kut{order:0}
  .hm2zcqb>.h13x125x{justify-content:flex-start}
  .hm2zcqb .h10dzcr{inset-inline-start:22px;transform:none}
}

/* ---------- 5. "גוררים. לוחצים. מתומלל." new stage: drop zone → waveform → lines ---------- */
.home-fl-host{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:6px 0}
.home-fl{position:relative;width:100%;max-width:860px}
.home-fl-card{border-radius:28px;background:#15181F;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 90px -40px rgba(0,0,0,.9);padding:clamp(14px,2vw,22px);display:flex;flex-direction:column;gap:14px}
.home-fl-top{display:flex;align-items:center;gap:12px}
.home-fl-dots{display:flex;gap:6px}
.home-fl-dots i{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}
.home-fl-title{font-size:14px;color:#B4BAC6}
.home-fl-stat{margin-inline-start:auto;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(255,255,255,.08);color:#F4F6FA;white-space:nowrap}
.home-fl-drop{position:relative;height:clamp(96px,15vh,132px);border-radius:20px;border:1.5px dashed rgba(203,255,77,.4);background:rgba(203,255,77,.03);display:grid;place-items:center}
.home-fl-droptxt{display:flex;align-items:center;gap:8px;padding:0 16px;text-align:center;color:#B4BAC6;font-size:15px}
.home-fl-file{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border-radius:18px;background:#F4F6FA;color:#0C0E13;box-shadow:0 24px 50px -16px rgba(0,0,0,.75);white-space:nowrap}
.home-fl-fname{font-weight:600;font-size:15px}
.home-fl-fmeta{font-size:13px;color:#4A4F5A}
.home-fl-wave{position:absolute;inset:14px clamp(14px,2vw,22px);display:flex;align-items:center;gap:clamp(6px,1.2vw,14px);direction:rtl}
.home-fl-seg{flex:1;display:flex;align-items:center;gap:2px;height:100%}
.home-fl-seg i{flex:1;min-width:2px;border-radius:3px;background:rgba(255,255,255,.4);transform-origin:50% 50%}
.home-fl-head{position:absolute;top:-4px;bottom:-4px;width:2px;border-radius:2px;background:#CBFF4D;box-shadow:0 0 16px #CBFF4D}
.home-fl-row{position:relative;height:52px}
.home-fl-btn{position:absolute;inset:0;margin:0 auto;width:min(240px,100%);height:52px;border-radius:999px;background:#CBFF4D;color:#0C0E13;font-weight:600;font-size:16px;display:grid;place-items:center;overflow:hidden}
.home-fl-bfill{position:absolute;inset:0;background:rgba(12,14,19,.14);transform-origin:right}
.home-fl-bl{grid-area:1/1;position:relative;display:inline-flex;align-items:center;gap:8px}
.home-fl-search{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:16px;background:#F4F6FA;color:#0C0E13;font-size:16px;font-weight:500}
.home-fl-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.home-fl-caret{flex:none;width:2px;height:20px;background:#0C0E13}
.home-fl-count{margin-inline-start:auto;padding:4px 10px;border-radius:999px;background:#0C0E13;color:#CBFF4D;font-size:12.5px;font-weight:600;white-space:nowrap}
.home-fl-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.home-fl-line{display:grid;grid-template-columns:50px 8px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border-radius:14px}
.home-fl-t{font-size:13px;color:#8C93A1}
.home-fl-sp{width:8px;height:8px;border-radius:50%}
.home-fl-sp1{background:#CBFF4D}.home-fl-sp2{background:#7CC4FF}.home-fl-sp3{background:#FFB224}
.home-fl-txw{position:relative;min-height:22px;display:flex;align-items:center}
.home-fl-sk{position:absolute;inset-inline-start:0;top:50%;height:8px;margin-top:-4px;border-radius:6px;background:rgba(255,255,255,.1)}
.home-fl-w1{width:78%}.home-fl-w2{width:56%}.home-fl-w3{width:70%}.home-fl-w4{width:50%}.home-fl-w5{width:62%}
.home-fl-tx{font-size:15.5px;line-height:1.45;color:#F4F6FA;text-wrap:pretty}
.home-fl-mark{border-radius:5px;padding:0 3px;color:#F4F6FA}
/* §5 static finished stage: shown until home.js initFlow() takes over (no JS, GSAP missing, script error) */
[data-flow]:not(.home-fl-live) :is(.home-fl-droptxt,.home-fl-file,.home-fl-head,.home-fl-btn,.home-fl-sk,.home-fl-caret,.home-fl-cursor,.home-fl-rip){visibility:hidden}
[data-flow]:not(.home-fl-live) .home-fl-line:not([data-flmatch]){opacity:.32}
[data-flow]:not(.home-fl-live) .home-fl-line[data-flmatch]{background:rgba(203,255,77,.1);box-shadow:inset 0 0 0 1px rgba(203,255,77,.45)}
[data-flow]:not(.home-fl-live) .home-fl-mark{background:#CBFF4D;color:#0C0E13}
.home-fl-cursor{position:absolute;left:0;top:0;z-index:5;pointer-events:none}
.home-fl-arrow{display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.home-fl-touch{display:none;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(255,255,255,.35);border:2px solid #FFFFFF;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.home-fl-rip{position:absolute;left:-28px;top:-28px;width:56px;height:56px;border-radius:50%;border:2px solid #CBFF4D;opacity:0}
.home-fl-hint{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-size:13.5px;color:#B4BAC6}
.home-fl-hide{opacity:0}
@media (max-width:960px){
  .home-fl-headrow{flex-direction:column;align-items:stretch!important}
  .home-fl-caps>li{min-width:0!important}
  .home-fl-caps .hxl0wzo{font-size:13.5px}
  .home-fl-card{border-radius:24px;gap:12px}
  .home-fl-line{grid-template-columns:42px 8px minmax(0,1fr);gap:10px;padding:8px 10px}
  .home-fl-tx{font-size:15px}
  .home-fl-arrow{display:none}
  .home-fl-touch{display:block}
  .home-fl-rip{left:-28px;top:-28px}
}
@media (max-width:960px) and (max-height:780px){
  .home-fl-line:nth-child(5){display:none}
  .home-fl-drop{height:88px}
}

/* ---------- 6. feature cards stack on phones too ---------- */
@media (max-width:960px) and (min-height:760px){
  [data-scard]{position:sticky!important;margin-bottom:18px!important}
  [data-scard]:nth-of-type(1){top:76px!important}
  [data-scard]:nth-of-type(2){top:86px!important}
  [data-scard]:nth-of-type(3){top:96px!important}
  [data-scard]:nth-of-type(4){top:106px!important}
  [data-scard] .h1cvrty{padding:22px 22px 6px;gap:12px}
  [data-scard] .h1ghl70v{font-size:24px}
  [data-scard] .h15eivf1{font-size:15.5px}
  [data-scard] [data-svis]{min-height:0;padding:10px 12px 14px}
}

/* ---------- 7. download tiles: icon on top, equal heights ---------- */
.h3hu0j7{align-items:stretch}
.h3hu0j7>.h1qpclzo{justify-content:space-between}
.h3hu0j7>.h1qpclzo>.hj1u7hm{flex-direction:column;align-items:flex-start;gap:10px}
.h3hu0j7>.h1qpclzo>.h1j8c206{margin-top:auto}

/* ---------- 8. "רוצים לראות את זה על הקלטה שלכם?" band ---------- */
@media (max-width:720px){
  .h16x2z4a{flex-direction:column;align-items:stretch;text-align:center;gap:14px;padding:26px 18px 34px;border-radius:28px;background:#0C0E13;color:#F4F6FA}
  .h16x2z4a>.h1qe5sha{font-size:21px;line-height:1.35;text-wrap:balance}
  .h16x2z4a>.h2sb62d{justify-content:space-between;background:#CBFF4D;color:#0C0E13}
  .h16x2z4a>.h2sb62d .h1ihes1m{background:#0C0E13;color:#CBFF4D}
  .h16x2z4a .h15jhxog{opacity:1;transform:none;inset-inline-start:0;inset-inline-end:0;justify-content:center;color:#B4BAC6}
  /* 320px: the nowrap CTA was wider than the band and scrolled the page sideways. */
  .h16x2z4a>.h2sb62d{min-width:0;white-space:normal;height:auto;min-height:58px;padding-block:8px;text-align:start}
  .h16x2z4a .h15jhxog{white-space:normal;text-align:center}
}

/* ---------- 9. live showcase, phone mode ---------- */
.htpueb7{margin-inline:auto}
@media (max-width:960px){
  .h1isqo7b{display:flex;flex-direction:column;align-items:center;gap:16px}
  .h11ymqzx{width:100%;max-width:420px;order:-1}
  .h11ymqzx>.h1bydf5l{display:none;opacity:1!important;background:rgba(255,255,255,.07)!important;padding:14px 16px}
  .h11ymqzx>.h1bydf5l[aria-current]{display:grid}
  .h11ymqzx:not(:has([aria-current]))>.h1bydf5l:first-child{display:grid}
  .h1ddigz7{min-width:0;width:100%;max-width:340px}
}

/* ---------- 10. bento "עברית" card: touch hint instead of hover hint ---------- */
@media (hover:none){ .h1ep8tk4{display:none} }

/* ---------- 12. testimonials player (home + /customers/), replaces the marquee rows ---------- */
.home-st{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;max-width:1100px;margin:0 auto;align-items:stretch}
.home-st-card{position:relative;border-radius:32px;background:#0C0E13;color:#F4F6FA;padding:clamp(26px,4vw,48px);display:flex;flex-direction:column;gap:22px;min-height:380px;overflow:hidden;touch-action:pan-y;user-select:none}
.home-st-mark{font-family:'Outfit',sans-serif;font-size:76px;line-height:.5;height:28px;color:#CBFF4D}
.home-st-q{margin:0;flex:1}
.home-st-text{margin:0;font-size:clamp(20px,2.1vw,27px);line-height:1.5;font-weight:500;text-wrap:pretty;color:#F4F6FA}
.home-st-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.home-st-who{display:flex;align-items:center;gap:12px;min-width:0}
.home-st-ph{flex:none;width:52px;height:52px;border-radius:50%;background-color:#2A2E37;background-size:cover;background-position:center;box-shadow:0 0 0 2px #0C0E13,0 0 0 4px #CBFF4D}
.home-st-ph.ph-none,.home-st-pph.ph-none{font-size:18px}
.home-st-wt{display:flex;flex-direction:column;gap:2px}
.home-st-name{font-weight:700;font-size:16px}
.home-st-role{font-size:14px;color:#B4BAC6}
.home-st-nav{display:flex;align-items:center;gap:10px}
.home-st-arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#F4F6FA;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s}
.home-st-arrow:hover{background:#CBFF4D;color:#0C0E13}
.home-st-arrow:focus-visible{outline:2px solid #CBFF4D;outline-offset:3px}
.home-st-arrow[hidden],.home-st-arrow svg[hidden]{display:none}
.home-st-arrow[aria-pressed="true"]{background:#CBFF4D;color:#0C0E13}
.home-st-count{display:flex;gap:4px;justify-content:center;min-width:40px;font-size:14px;color:#B4BAC6}
.home-st-prog{position:absolute;inset-inline:0;bottom:0;height:3px;background:rgba(255,255,255,.08)}
.home-st-fill{display:block;height:100%;background:#CBFF4D;transform-origin:right;transform:scaleX(0)}
.home-st-people{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:32px;background:rgba(12,14,19,.07)}
.home-st-person{display:flex;align-items:center;gap:12px;min-height:56px;padding:9px 12px;border:0;border-radius:22px;background:transparent;color:#0C0E13;text-align:right;cursor:pointer;font-family:inherit;transition:background .3s,box-shadow .3s}
.home-st-person:hover{background:rgba(255,255,255,.5)}
.home-st-person.is-on{background:#FFFFFF;box-shadow:0 12px 26px -16px rgba(12,14,19,.45)}
.home-st-person:focus-visible{outline:2px solid #0C0E13;outline-offset:2px}
.home-st-pph{flex:none;width:40px;height:40px;border-radius:50%;background-color:#2A2E37;background-size:cover;background-position:center;filter:grayscale(.7);transition:filter .3s}
.home-st-person.is-on .home-st-pph{filter:none}
.home-st-pt{display:flex;flex-direction:column;gap:1px;min-width:0}
.home-st-pn{font-weight:700;font-size:15px;white-space:nowrap}
.home-st-pr{font-size:13px;color:#3D4250;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:860px){
  .home-st{grid-template-columns:minmax(0,1fr)}
  .home-st-card{min-height:0;border-radius:28px;padding:26px 22px 30px}
  .home-st-text{font-size:19px}
  .home-st-people{order:-1;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:24px;padding:6px}
  .home-st-people::-webkit-scrollbar{display:none}
  .home-st-person{flex:none;scroll-snap-align:center;padding:8px 14px 8px 10px}
  .home-st-pr{display:none}
}
@media (max-width:420px){ .home-st-foot{flex-direction:column;align-items:stretch} .home-st-nav{justify-content:space-between} }

/* ---------- 13. pricing teaser + /pricing/: centred billing switch, hour presets instead of the slider ---------- */
.h14i3fcp,.i14i3fcp{justify-content:center}
.home-hrs-range{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hvb8bnp,.ivb8bnp{position:relative}
.home-hrs-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.home-hrs-chip{height:48px;border:0;border-radius:14px;background:#EDEFF4;color:#0C0E13;font-size:17px;font-weight:500;cursor:pointer;transition:background .25s,color .25s,transform .25s}
.home-hrs-chip:hover{background:#DDE1E8}
.home-hrs-chip.is-on,.home-hrs-chip[aria-checked="true"]{background:#0C0E13;color:#CBFF4D}
.home-hrs-chip:focus-visible{outline:2px solid #0C0E13;outline-offset:2px}
@media (max-width:960px){
  .h14i3fcp,.i14i3fcp{flex-direction:column;align-items:center;text-align:center;gap:10px}
  .h4q51gy,.i4q51gy{width:100%;max-width:320px;min-width:0}
  .h1s52egv,.i1s52egv{flex-direction:column;align-items:flex-start;gap:4px}
  .h1uxaofj,.i1uxaofj{flex-wrap:wrap}
  .h2ocjmw{grid-template-columns:1fr;text-align:center;justify-items:center}
}
@media (max-width:380px){ .home-hrs-chips{grid-template-columns:repeat(3,minmax(0,1fr))} }

/* ---------- 17. contrast (WCAG AA): grey on light backgrounds raised to at least 4.5:1 (3:1 for headline-size grey) ---------- */
.h1lpgs6y,.i1lpgs6y{color:#6B7180}
.site-alocal{color:#5B6170}
.info-day{color:#5B6170}
.wel46f2,.webvfbv,.wx7hlrl,.w1mxzw8t{color:#5B6170}

/* ---------- 15. page transitions: soft fade in (class set by js/v2/site-enter.js) ---------- */
html.tml-enter [data-root]{animation:tml-fade-in .45s cubic-bezier(.2,.7,.3,1) both}
@keyframes tml-fade-in{from{opacity:0}to{opacity:1}}

/* ---------- Fiduso purchase panel: the consent sentence wraps on phones (nowrap pill pushed its checkbox off-screen) ---------- */
.fpp-consent{white-space:normal;border-radius:16px;align-items:flex-start;gap:10px;text-align:start;max-width:100%}
.fpp-consent input{flex:none;margin-top:3px}

/* ---------- motion preferences ---------- */
@media (prefers-reduced-motion:reduce){ .home-fl-hint{display:none} html.tml-enter [data-root]{animation:none} }

/* ---------- accessibility: text contrast (WCAG 2.1 AA 1.4.3, axe-core 2026-10-26) ---------- */
/* Muted grey #8C93A1 measured 2.8-3.1:1 on the light surfaces; #676D7A is 4.5-5.2:1 on #EDEFF4..#FFF. */
.ipf57ie,.wpf57ie,.idd8cid,.i1yodj58,.i1egs0cc,.ilc05uk,.hel46f2,.w1syggpj{color:#676D7A}
/* The same note sits on the dark contact card, where the original grey is 6.2:1. */
.info-minw>.ilc05uk{color:#8C93A1}
/* Pricing/FAQ counters were 50% ink (3.5:1). */
.i1eycf09,.h1eycf09{opacity:.7}