/* ChatMe premium system (2026-11-13, owner: "at Taskey's level or better").
   Loaded LAST on every page, after each page's inline <style> and brand.css, so it is the one source of truth for
   the look: white + cool grey rhythm, deep navy ink, one orange action colour, navy-tinted layered shadows,
   rounded product panels that look like real software. No cream anywhere. */

:root,:root:not([data-theme="light"]),:root[data-theme="dark"]{
  --paper:#F5F7FB; --surface:#FFFFFF; --mist:#EEF1F7; --line:#E3E8F1;
  --ink:#121A33; --muted:#5A6580;
  --navy:#0E1630; --navy-2:#16224A;
  --coral:#FA7E48; --coral-deep:#EE6A30; --coral-text:#D9571E; --coral-soft:#FFF1EA;
  --night:#F5F7FB; --night-fg:#121A33; --night-muted:#5A6580;
  --blue:#3B5BDB; --violet:#3B5BDB; --teal:#0A7A6C; --sun:#E08A00;
  --hair:rgba(18,26,51,.08);
  --sh-soft:0 1px 2px rgba(18,26,51,.04),0 12px 40px -12px rgba(18,26,51,.14);
  --sh-float:0 2px 4px rgba(18,26,51,.05),0 32px 80px -24px rgba(18,26,51,.30);
  --sh-cta:0 10px 24px -10px rgba(238,106,48,.65);
  --r-xl:28px; --r-lg:22px; --r-md:16px; --r-sm:12px;
  --font-head:"Rubik","IBM Plex Sans Hebrew",system-ui,sans-serif;
  --font-display:"Rubik","IBM Plex Sans Hebrew",system-ui,sans-serif;
}
html,body{background:#FFFFFF!important;color:var(--ink)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* type: Rubik for headings (rounded, confident), Plex for reading */
h1,h2,h3,summary,.trust b{font-family:var(--font-head)!important;color:var(--ink)}
h2{font-size:clamp(30px,3.6vw,46px)!important;font-weight:700!important;line-height:1.12!important;letter-spacing:-.015em}
h3{font-weight:600}
.lede{color:var(--muted)!important}
.eyebrow{color:var(--coral-text)!important;font-weight:600;font-size:15px}
.band:not(.hero) .eyebrow::before{content:none!important}

/* section rhythm: white, then cool grey. Nothing warm. */
section.bg-c,header.bg-c,.bg-c{background:var(--paper)!important}
section.bg-w,header.bg-w,.bg-w{background:#FFFFFF!important}
section.bg-c+section.bg-w,section.bg-w+section.bg-c,.path,.capi,.final,.founder,.trust.bg-c{border:0!important}
.band{padding-block:clamp(72px,9vw,120px)}

/* buttons: one orange action, white text, soft glow */
.btn{border-radius:12px!important;font-weight:600;letter-spacing:0}
.btn-primary,.btn-close,.st-close,.ed-btn,.cz-yes{background:var(--coral)!important;color:#fff!important;border-color:var(--coral)!important;box-shadow:var(--sh-cta)}
.btn-primary:hover,.btn-close:hover{background:var(--coral-deep)!important}
.btn-ghost{box-shadow:inset 0 0 0 1px var(--line)!important;color:var(--ink)!important;background:#fff!important}
.stage-copy>.btn-ghost,.path>.wrap>.btn-ghost,.capi .btn-ghost{background:none!important;box-shadow:none!important;color:var(--coral-text)!important;text-decoration:none!important;font-weight:600}
.stage-copy>.btn-ghost::after,.path>.wrap>.btn-ghost::after,.capi .btn-ghost::after{content:" ←"}

/* header: white glass, sticky */
.site-h{position:sticky!important;top:0;z-index:50;background:rgba(255,255,255,.82)!important;backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--hair)!important}
.site-nav a{color:var(--ink)!important;font-weight:500}

/* product panels: every mock sits on a white panel with layered navy shadow */
.app,.visual,.hero-form,.sum,.pipe,.board,.lf-panel{background:#fff!important;border:0!important;border-radius:var(--r-lg)!important;box-shadow:0 0 0 1px var(--hair),var(--sh-float)!important}
.stage .visual,.capi .visual{position:relative}
.stage .wrap,.capi .wrap{align-items:center}
/* soft colour field behind each product panel, like a desk under a laptop */
.stage .wrap>.visual::before,.capi .wrap>.visual::before{content:"";position:absolute;inset:-28px;z-index:-1;border-radius:36px;
  background:radial-gradient(70% 60% at 30% 20%,rgba(250,126,72,.10),transparent 70%),radial-gradient(60% 60% at 80% 90%,rgba(61,90,254,.08),transparent 70%),var(--paper)}
.bg-c .wrap>.visual::before{background:radial-gradient(70% 60% at 30% 20%,rgba(250,126,72,.12),transparent 70%),radial-gradient(60% 60% at 80% 90%,rgba(61,90,254,.08),transparent 70%),#fff}
.stage .wrap,.capi .wrap{isolation:isolate}
.qi,.bc-row,.cc-tl li,.between>div,.chain li,.ev,.opt div,.dial-now,.bub,.summary,.lead,.ln{border-radius:var(--r-sm)!important}

/* feature lists: check marks instead of dashes */
.feats li{grid-template-columns:24px minmax(0,1fr)!important;gap:12px!important}
.feats li::before{content:""!important;width:22px!important;height:22px!important;margin-top:4px!important;border-radius:50%!important;
  background:var(--coral-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9571E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat!important}

/* module cards */
.pcard{border:0!important;border-radius:var(--r-lg)!important;box-shadow:0 0 0 1px var(--hair),var(--sh-soft)!important;transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s}
.pcard:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--hair),var(--sh-float)!important}
.pcard .pi{border-radius:var(--r-sm)!important}

/* trust strip: icon tiles */
.trust{background:#fff!important;border:0!important}
.trust .ti{width:44px!important;height:44px!important;padding:10px;border-radius:var(--r-sm);background:var(--coral-soft);stroke:var(--coral-text)!important;box-sizing:border-box}
.trust li{grid-template-columns:44px minmax(0,1fr)!important;border-inline-start-color:var(--line)!important}
.trust b{font-size:18px!important;font-weight:600!important}

/* founder: one big quiet card */
.founder .wrap{background:#fff;border-radius:var(--r-xl);box-shadow:0 0 0 1px var(--hair),var(--sh-soft);padding:clamp(28px,5vw,64px)!important}
.founder{background:var(--paper)!important}
.f-stat{border-top:1px solid var(--line)!important}
.f-stat b{color:var(--coral-text)!important}

/* path steps: numbered because it IS a sequence */
.path .step::before{background:var(--navy)!important;color:#fff!important}

/* the "סגרנו!" moment: a contained gradient panel, not a full orange slab */
.moment{background:#fff!important;padding-block:clamp(40px,6vw,72px)!important}
.moment .wrap{background:linear-gradient(120deg,#FF9A66 0%,#FA7E48 45%,#EE6A30 100%);border-radius:var(--r-xl);padding:clamp(32px,5vw,64px)!important;box-shadow:var(--sh-cta);color:#fff}
.moment .wrap *,.moment p{color:#fff!important}

/* comparison table */
.tbl{border:0!important;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--hair),var(--sh-soft);overflow:hidden;background:#fff}
.tbl table{border-collapse:collapse}
.tbl th,.tbl td{border-color:var(--line)!important}
.tbl thead th{background:var(--paper)}
.tbl th:nth-child(2),.tbl td:nth-child(2){background:var(--coral-soft)}

/* FAQ */
.faq{border:0!important;gap:12px!important}
details{background:#fff!important;border:0!important;border-radius:var(--r-md)!important;padding:20px 24px!important;box-shadow:0 0 0 1px var(--hair),0 1px 2px rgba(18,26,51,.04)}
summary::after{color:var(--coral-text)!important}

/* final CTA: deep navy panel, glass form */
.final{background:#fff!important}
.final>.wrap{background:radial-gradient(60% 80% at 15% 30%,rgba(250,126,72,.28),transparent 60%),radial-gradient(50% 70% at 95% 0%,rgba(91,120,255,.22),transparent 60%),linear-gradient(160deg,var(--navy-2),var(--navy))!important;
  border:0!important;border-radius:var(--r-xl)!important;padding:clamp(32px,5vw,72px)!important;color:#fff;box-shadow:var(--sh-float)}
.final h2,.final h2 em{color:#fff!important}
.final h2 em{color:#FFB08A!important}
.final .lede{color:#C3CAE0!important}
.final form{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;backdrop-filter:blur(12px)}
.final label{color:#E6EAF5!important}
.final input,.final select{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
.final .fnote{color:#AEB6CE!important}

/* footer: navy */
.site-f{--ink:#F2F4FA;--muted:#A8B1CC;--line:rgba(255,255,255,.10);background:var(--navy)!important}
.site-f input,.site-f select{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}

/* forms on light */
input,select{border-radius:var(--r-sm)!important}
.hero-form input,.hero-form select{background:var(--paper)!important;border:1px solid var(--line)!important}

/* hero (light pages): calm, big, with a colour field behind the product */
.hero{background:radial-gradient(50% 60% at 15% 40%,rgba(250,126,72,.10),transparent 65%),radial-gradient(45% 55% at 90% 0%,rgba(61,90,254,.07),transparent 60%),#fff!important}
.hero .wrap h1{font-weight:700!important;letter-spacing:-.02em}
.hero .wrap h1 em{color:var(--coral-text)!important;background:none!important;-webkit-text-fill-color:currentColor}

/* dark hero (opt-in) keeps working on top of this layer */
.hero.hero-dark{background:radial-gradient(55% 65% at 12% 45%,rgba(250,126,72,.22),transparent 62%),radial-gradient(45% 55% at 95% 0%,rgba(91,120,255,.20),transparent 60%),linear-gradient(165deg,var(--navy-2) 0%,var(--navy) 60%,#0A1024 100%)!important}
.hero-dark .wrap h1{color:#fff!important}
.hero-dark .wrap h1 em{background:linear-gradient(90deg,#FFB48F,#FA7E48)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent;color:transparent!important}
.hero-dark .hero-form,.hero-dark .lf-panel,.hero-dark .app{background:rgba(255,255,255,.05)!important;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 40px 90px -30px rgba(0,0,0,.6)!important}
.hero-dark .hero-form input{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}
body:has(.hero-dark) .site-h{background:rgba(14,22,48,.88)!important;border-bottom-color:rgba(255,255,255,.06)!important}
body:has(.hero-dark) .site-nav a{color:#E6EAF5!important}
.hero-dark + .trust{background:linear-gradient(to bottom,transparent 96px,#fff 96px)!important}
.hero-dark + .trust .wrap{border-radius:var(--r-lg)!important;box-shadow:0 0 0 1px var(--hair),var(--sh-float)!important}
@media (max-width:900px){.hero-dark + .trust{background:linear-gradient(to bottom,transparent 80px,#fff 80px)!important}}

@media (prefers-reduced-motion:reduce){.pcard{transition:none}.pcard:hover{transform:none}}

/* dark header: login button readable */
body:has(.hero-dark) .site-h .btn-ghost,body:has(.hero-dark) .site-h .h-login{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important}
body:has(.hero-dark) .site-h .mnav button{color:#fff;border-color:rgba(255,255,255,.3)}
.site-nav{flex-wrap:nowrap!important}
.site-nav a{white-space:nowrap}
.site-h .btn{white-space:nowrap}
body:has(.hero-dark) .mnav>summary,body:has(.hero-dark) .mnav>button{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}

/* 2026-11-13 owner: "רקע לבן על הכל" — every page background is plain white: hero, sections, footer.
   Cards and product panels keep their own surfaces and shadows; sections are separated by a hairline. */
.hero,section.bg-c,header.bg-c,.bg-c,.founder,.moment,.final,.trust{background:#FFFFFF!important}
.band+.band,.band+section,.trust+.band{border-top:1px solid var(--hair)!important}
.hero+.trust{border-top:1px solid var(--hair)!important}
.site-f{--ink:#121A33;--muted:#5A6580;--line:var(--line);background:#FFFFFF!important;color:var(--muted);border-top:1px solid var(--hair)!important}
.site-f a{color:var(--muted)!important}
.site-f a:hover{color:var(--ink)!important}
.site-f h2,.site-f .sf-logo{color:var(--ink)!important}
.site-f input,.site-f select{background:var(--paper)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
.stage .wrap>.visual::before,.capi .wrap>.visual::before,.bg-c .wrap>.visual::before{background:radial-gradient(70% 60% at 30% 20%,rgba(250,126,72,.10),transparent 70%),radial-gradient(60% 60% at 80% 90%,rgba(61,90,254,.07),transparent 70%),#F7F9FC!important}

/* 2026-11-13 owner: "תעשה את הפוטר כהה" — footer in the brand book's Ink (#15132B), everything else stays white */
.site-f{--ink:#F2F1FA;--muted:#A9A6C4;--line:rgba(255,255,255,.12);background:#15132B!important;color:var(--muted)!important;border-top:0!important}
.site-f a{color:var(--muted)!important}
.site-f a:hover{color:#FFFFFF!important}
.site-f h2,.site-f .sf-logo,.site-f .sf-col .sf-wa{color:#F2F1FA!important}
.site-f input,.site-f select{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
.site-f input::placeholder{color:#8F8CAD}
.final>.wrap{background:radial-gradient(60% 80% at 15% 30%,rgba(250,126,72,.26),transparent 60%),radial-gradient(50% 70% at 95% 0%,rgba(61,90,254,.22),transparent 60%),linear-gradient(160deg,#211E45,#15132B)!important}

/* 2026-11-13 owner: demo panel "too similar to the footer black" → brand book Pipeline Blue, so it reads as its own block */
.final>.wrap{background:radial-gradient(60% 80% at 12% 20%,rgba(255,255,255,.18),transparent 60%),radial-gradient(50% 70% at 95% 100%,rgba(250,126,72,.30),transparent 60%),linear-gradient(150deg,#4C68FF 0%,#3D5AFE 45%,#2B3FD6 100%)!important;box-shadow:0 30px 70px -28px rgba(43,63,214,.55)!important}
.final h2,.final h2 em{color:#fff!important}
.final h2 em{color:#FFD9C7!important}
.final .lede{color:rgba(255,255,255,.86)!important}
.final form{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.28)!important}
.final label{color:#fff!important}
.final input,.final select{background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.6)!important;color:#121A33!important}
.final .fnote{color:rgba(255,255,255,.8)!important}
.final h2 em{color:rgba(255,255,255,.78)!important}

/* 2026-11-13 owner: tinted boxes + side-stripe callouts "look AI". Prose emphasis is carried by type, not by
   pastel fills: callouts become plain large text, comparisons become one white card split by a hairline. */
.story blockquote,.legal .draft{background:none!important;border:0!important;border-radius:0!important;padding:8px 0!important;margin:28px 0!important;
  font-family:var(--font-head)!important;font-weight:600!important;font-size:clamp(24px,3vw,32px)!important;line-height:1.35!important;color:var(--ink)!important;letter-spacing:-.01em}
.tip{background:#fff!important;border:0!important;border-radius:var(--r-md)!important;box-shadow:0 0 0 1px var(--hair),var(--sh-soft)!important}
.moment-ex{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;background:#fff;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--hair),var(--sh-soft);overflow:hidden;margin:28px 0}
.moment-ex>div{background:none!important;border:0!important;border-radius:0!important;padding:28px 30px!important;color:var(--ink)!important}
.moment-ex>div+div{border-inline-start:1px solid var(--line)!important}
.moment-ex b{display:block;font-family:var(--font-head);font-weight:600;font-size:15px;color:var(--muted)!important;margin-bottom:14px}
.moment-ex .mx-after b{color:var(--coral-text)!important}
.moment-ex ol{list-style:none;counter-reset:mx;margin:0;padding:0;display:grid;gap:12px}
.moment-ex li{counter-increment:mx;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;line-height:1.55}
.moment-ex li::before{content:counter(mx);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:600 13px/1 var(--font-head);background:var(--mist);color:var(--muted);margin-top:1px}
.moment-ex .mx-before li{color:var(--muted)}
.moment-ex .mx-after li::before{background:var(--ink);color:#fff}
@media (max-width:700px){.moment-ex{grid-template-columns:minmax(0,1fr)!important}.moment-ex>div+div{border-inline-start:0!important;border-top:1px solid var(--line)!important}}
.vs2 .after,.vs2-col.on,.nofee{background:#fff!important;border:0!important;box-shadow:0 0 0 1px var(--hair),var(--sh-soft)!important}
.vs2 .before,.vs2-col:not(.on){background:var(--paper)!important;border:0!important}
.bill-r.lost{background:none!important;color:var(--coral-text)!important}

/* 2026-11-13 owner: demo panel orange. The action button turns brand Ink inside it so it does not vanish. */
.final>.wrap{background:radial-gradient(60% 80% at 12% 15%,rgba(255,255,255,.22),transparent 60%),linear-gradient(150deg,#FF9A66 0%,#FA7E48 45%,#EE6A30 100%)!important;box-shadow:0 30px 70px -28px rgba(238,106,48,.6)!important}
.final h2{color:#fff!important}
.final h2 em{color:#15132B!important}
.final .lede{color:rgba(255,255,255,.92)!important}
.final form{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.35)!important}
.final .btn-close,.final .btn-primary{background:#15132B!important;border-color:#15132B!important;color:#fff!important;box-shadow:0 10px 24px -12px rgba(21,19,43,.6)!important}
.final .btn-close:hover,.final .btn-primary:hover{background:#26234A!important}
.final .fnote,.final .thanks{color:#fff!important}
/* 2026-11-13 owner: no white haze on the orange panel */
.final>.wrap{background:linear-gradient(150deg,#FB8A55 0%,#FA7E48 50%,#EE6A30 100%)!important}
.final form{background:transparent!important;border:0!important;padding:0!important;backdrop-filter:none!important}
.final label{color:#fff!important}
/* 2026-11-13 owner: footer text white */
.site-f,.site-f p,.site-f span,.site-f a,.site-f label,.site-f small,.site-f .sf-col a,.site-f .sf-form p{color:#FFFFFF!important}
.site-f a:hover{color:#FFFFFF!important;text-decoration:underline}
.site-f input::placeholder{color:rgba(255,255,255,.75)!important}

/* 2026-11-13 owner (phone): slimmer header. The FAQ card style must not hit the menu, which is also a <details>. */
details.mnav{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
@media (max-width:900px){
  .site-h{padding-block:10px!important}
  .site-h .lockup{font-size:24px!important}
  .mnav summary{width:40px!important;height:40px!important}
}

/* 2026-11-13 owner (phone): footer form at the very bottom; WhatsApp phone mock smaller */
@media (max-width:900px){
  .site-f .sf-form{order:99!important}
  .site-f .sf-bottom{order:50}
  .wz{max-width:300px!important;font-size:13px!important;border-width:6px!important;border-radius:26px!important}
  .wz *{font-size:inherit}
}

/* 2026-11-13 owner (phone): no sideways scroll. The colour field behind product panels stuck out 28px past the
   screen; keep it inside on phones, and clip any stray overflow (clip, not hidden, so the sticky header still works). */
html,body{overflow-x:clip}
@media (max-width:900px){
  .stage .wrap>.visual::before,.capi .wrap>.visual::before{inset:-14px 0!important;border-radius:24px!important}
}
/* 2026-11-13 owner: logo pinned to the left of the header when the menu is collapsed */
@media (max-width:1120px){
  .site-h .wrap>.lockup{order:10;margin-inline-start:0!important;margin-right:auto!important;margin-left:0!important} /* lockup is dir=ltr, so use physical margins */
  .site-h .wrap>.btn{margin-inline-start:12px!important}
}
@media (max-width:1120px){ .site-h .mnav{margin-inline-start:0!important} }
/* menu button must not change when it opens: the FAQ "+/–" marker leaked onto it */
.mnav summary::after,.mnav[open] summary::after{content:none!important;display:none!important}
.mnav summary,.mnav[open] summary{box-sizing:border-box;flex:none;transform:none!important}
.site-h .mnav{flex:none}
/* 2026-11-13 owner: whole demo panel one orange, no lighter corner */
.final>.wrap{background:#FA7E48!important;background-image:none!important}

/* 2026-11-13 owner: the logo showed two blues. The mark keeps its own brand-book colours (blue · violet · teal +
   orange dot), never the page accents, which premium.css remaps. */
.mark .s3{stroke:#3D5AFE!important}
.mark .s2{stroke:#8B5CF6!important}
.mark .s1{stroke:#12B5A0!important}
.mark .dot{fill:#FA7E48!important}
.mark.mono-ink .s1,.mark.mono-ink .s2,.mark.mono-ink .s3{stroke:currentColor!important}
.mark.mono-ink .dot{fill:currentColor!important}
.mark:not(.mono-ink){--blue:#3D5AFE!important;--violet:#8B5CF6!important;--teal:#12B5A0!important;--coral:#FA7E48!important}
/* 2026-11-13 owner: the home line under H1 is a sub-headline, bigger than the lede */
.hero .hero-copy>.eyebrow{font-family:var(--font-head)!important;font-size:clamp(21px,2vw,27px)!important;font-weight:600!important;line-height:1.3!important;color:var(--ink)!important;letter-spacing:-.005em}

/* 2026-11-13 footer: site map split into pages + documents (owner: list too long) */
.site-f.sf2 .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr)!important}
@media (max-width:900px){.site-f.sf2 .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.site-f .sf-form{grid-column:1/-1}}
/* legal pages: tables (DPA) */
.legal .tbl-wrap{overflow-x:auto;margin:16px 0 8px;border-radius:var(--r-md);box-shadow:0 0 0 1px var(--hair)}
.legal table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.legal th,.legal td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.legal th{background:var(--paper);font-family:var(--font-head);font-weight:600}
.legal tr:last-child td{border-bottom:0}
/* 2026-11-13 owner: gaps between sections too big */
.band{padding-block:clamp(52px,6vw,84px)!important}
.hero{padding-block:clamp(36px,5vw,72px) clamp(44px,5.5vw,80px)!important}
.legal h2{font-size:clamp(21px,2.2vw,26px)!important;line-height:1.3!important;margin-top:36px!important}

/* 2026-11-13 bilingual: language switch + English (LTR) pages */
.lang-sw{font-family:var(--font-head);font-weight:600;font-size:14px;color:var(--ink)!important;text-decoration:none;padding:8px 10px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}
.lang-sw:hover{background:var(--mist)}
.mnav .lang-sw-m{box-shadow:none;padding:8px 12px}
.site-h .wrap>.lang-sw{margin-inline-start:8px}
@media (max-width:1120px){.site-h .wrap>.lang-sw{display:none}}
[dir="ltr"] .stage-copy>.btn-ghost::after,[dir="ltr"] .path>.wrap>.btn-ghost::after,[dir="ltr"] .capi .btn-ghost::after,[dir="ltr"] .cf-more::after{content:" →"!important}
[dir="ltr"] .trust li:nth-child(3) .ti{transform:none}
[dir="ltr"] .sf-form form,[dir="ltr"] .hero-form,[dir="ltr"] .final form{text-align:left}
@media (max-width:1120px){
  [dir="ltr"] .site-h .wrap>.lockup{order:-1;margin-right:auto!important;margin-left:0!important}
  [dir="ltr"] .site-h .mnav{order:20;margin-inline-start:12px!important;margin-inline-end:0!important}
  [dir="ltr"] .site-h .mnav>div{inset-inline-start:auto;inset-inline-end:0}
}
/* English pages: each page's inline CSS forces html/body to RTL; flip it back */
html[dir="ltr"],html[dir="ltr"] body{direction:ltr!important;text-align:left!important}
html[dir="ltr"] .site-h,html[dir="ltr"] .site-f{direction:ltr!important;text-align:left!important}
html[dir="ltr"] .site-f .f-col,html[dir="ltr"] .site-f .f-brand,html[dir="ltr"] .cflow li{text-align:left!important}
html[dir="ltr"] .sf-form input[type=tel]{direction:ltr!important;text-align:left!important}
/* "flip" sections swap columns by switching the row direction; mirror that for English */
html[dir="ltr"] .stage.flip .wrap{direction:rtl!important}
html[dir="ltr"] .stage.flip .wrap>*{direction:ltr!important}
html[dir="ltr"] .pmore::after{content:"→"!important}
html[dir="ltr"] .pcard:hover .pmore::after{transform:translateX(4px)!important}
html[dir="ltr"] .oc-crumb::before{content:"←"!important}
/* 2026-11-13 owner: legal links as a row in the footer's bottom strip, not a column */
.site-f.sf2 .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr)!important}
@media (max-width:900px){.site-f.sf2 .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}
.sf-legal{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px}
.sf-legal a{color:#fff!important;text-decoration:none;opacity:.85}
.sf-legal a:hover{opacity:1;text-decoration:underline}
.sf-bottom{row-gap:14px}
@media (max-width:900px){.sf-legal{justify-content:center}}
/* 2026-11-13 owner: WhatsApp phone mock smaller on desktop too */
.wz{max-width:290px!important;font-size:13px!important;border-width:6px!important;border-radius:26px!important}

/* 2026-11-13 owner: "תקטין את המלל בכל העמודים, הוא גדול מידי" + "תקטין גם את הכותרות" — one calmer type scale, every page */
body{font-size:16.5px!important;line-height:1.6!important}
h1{font-size:clamp(30px,3.6vw,46px)!important;line-height:1.1!important}
h2{font-size:clamp(23px,2.4vw,32px)!important;line-height:1.2!important}
h3{font-size:clamp(16.5px,1.3vw,18px)!important}
.lede,.hero .lede{font-size:clamp(16.5px,1.3vw,18px)!important}
.hero .hero-copy>.eyebrow{font-size:clamp(17px,1.4vw,20px)!important}
.story blockquote,.legal .draft{font-size:clamp(18px,1.7vw,21px)!important;line-height:1.5!important}
blockquote{font-size:clamp(17px,1.6vw,20px)!important;line-height:1.5!important}
.trust b{font-size:16px!important}
.final p,.final .lede{font-size:clamp(16.5px,1.3vw,18px)!important}
.legal h2{font-size:clamp(19px,1.8vw,22px)!important}

/* ===== 2026-11-13 owner: flat premium pass (Linear/Stripe feel) =====
   shadows −80%, hairline borders #E5E7EB, no button shadows, solid CTA + hover by tone only,
   restrained uniform radii. Text, content, logo, brand colours, animations untouched. */
:root{
  --hair:#E5E7EB;
  --sh-soft:0 1px 2px rgba(15,23,42,.03);
  --sh-float:0 4px 16px rgba(15,23,42,.04);
  --sh-card:0 4px 16px rgba(15,23,42,.04);
  --sh-min:0 1px 3px rgba(15,23,42,.04);
  --sh-cta:none;
  --soft-shadow:0 4px 16px rgba(15,23,42,.04);
  --r-xl:20px; --r-lg:16px; --r-md:12px; --r-sm:10px;
}
/* main cards: hairline + very small shadow */
.app,.visual,.sum,.pipe,.board,.pcard,.founder .wrap,.tbl,.tip,.moment-ex,.vs2 .after,.vs2-col.on,.nofee,.card,.feat,.price-card,.plan,.tier{
  border:1px solid var(--hair)!important;box-shadow:var(--sh-card)!important}
/* hero form + animation card: minimal */
.hero-form,.lf-panel{border:1px solid var(--hair)!important;box-shadow:var(--sh-min)!important}
.pcard:hover{box-shadow:var(--sh-card)!important;border-color:#D1D5DB!important}
details:not(.mnav){border:1px solid var(--hair)!important;box-shadow:none!important}
.legal .tbl-wrap{box-shadow:none!important;border:1px solid var(--hair)}
/* coloured panels: flat, no glow shadow */
.moment .wrap,.final>.wrap{box-shadow:none!important}
/* buttons: no shadow anywhere, solid colour, hover = tone only */
.btn,button,.btn-primary,.btn-close,.st-close,.ed-btn,.cz-yes,a.btn{box-shadow:none!important;text-shadow:none!important;transform:none!important}
.btn-primary,.btn-close,.st-close,.ed-btn,.cz-yes{background:var(--coral)!important;background-image:none!important;border-color:var(--coral)!important;transition:background-color .15s ease,border-color .15s ease}
.btn-primary:hover,.btn-close:hover,.st-close:hover,.ed-btn:hover,.cz-yes:hover{background:var(--coral-deep)!important;border-color:var(--coral-deep)!important}
.final .btn-close,.final .btn-primary{background:#15132B!important;border-color:#15132B!important}
.final .btn-close:hover,.final .btn-primary:hover{background:#26234A!important;border-color:#26234A!important}
.btn-ghost{box-shadow:none!important;border:1px solid var(--hair)!important}
.btn-ghost:hover{background:#F9FAFB!important}
.stage-copy>.btn-ghost,.path>.wrap>.btn-ghost,.capi .btn-ghost{border:0!important}
.lang-sw{box-shadow:none;border:1px solid var(--hair)}
/* light form fields: pale grey, hairline, no inner shadow */
.hero-form input,.hero-form select,.hero-form textarea,main form:not(.final form) input,main form:not(.final form) select,main form:not(.final form) textarea{
  background:#F9FAFB!important;border:1px solid var(--hair)!important;box-shadow:none!important}
.hero-form input:hover,main form:not(.final form) input:hover{border-color:#D1D5DB!important}
.final .btn,.final .btn-close,.final .btn-primary{box-shadow:none!important}
.cf-ic,.push,.calc2,.roi-card{box-shadow:var(--sh-card)!important}
.calc2,.roi-card{border:1px solid var(--hair)!important}
.wz{box-shadow:var(--sh-card)!important}
/* floating layers (menu, cookie, accessibility): one quiet overlay shadow + hairline */
.mnav>div,.cz-ck,.cza-p{box-shadow:0 8px 24px rgba(15,23,42,.08)!important;border:1px solid var(--hair)!important}
/* 2026-11-13 owner: WhatsApp phone mock smaller again — whole phone scaled ~80% (290→~235px) */
.wz{zoom:.8}
/* 2026-11-13 owner: close the founder quote (brand.css had ::after content:none) */
.fq blockquote::after{content:"”"!important;color:var(--coral-text);font-weight:900;margin-inline-start:4px}
/* 2026-11-13 owner: WhatsApp box hugs the smaller phone (≈400 wide, centred) */
@media (min-width:901px){.stage .wrap>.visual:has(> .wz)::before{inset:-24px calc(50% - 150px)!important}}
/* 2026-11-13 owner: trust strip v2 — sharper copy, readable description, even columns + adaptive dividers */
.trust ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;max-width:none!important;align-items:stretch}
.trust li{grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;padding:4px 24px!important;border:0!important;border-inline-start:1px solid var(--hair)!important;color:#46516B!important;font-size:16px!important;line-height:1.55!important}
.trust li:first-child{border-inline-start:0!important;padding-inline-start:0!important}
.trust li:last-child{padding-inline-end:0!important}
.trust li>div{gap:8px!important}
.trust b{font-size:17px!important;line-height:1.3!important;color:var(--ink)!important}
.trust li:nth-child(3) .ti{transform:none!important}
@media (max-width:1024px){
  .trust ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:0!important}
  .trust li,.trust li:first-child,.trust li:last-child{padding:22px 24px!important;border:0!important}
  .trust li:nth-child(odd){padding-inline-start:0!important}
  .trust li:nth-child(even){border-inline-start:1px solid var(--hair)!important;padding-inline-end:0!important}
  .trust li:nth-child(n+3){border-top:1px solid var(--hair)!important}
  .trust li:nth-child(-n+2){padding-top:0!important}
  .trust li:nth-child(n+3){padding-bottom:0!important}
}
@media (max-width:600px){
  .trust ul{grid-template-columns:minmax(0,1fr)!important}
  .trust li,.trust li:first-child,.trust li:last-child,.trust li:nth-child(even){padding:18px 0!important;border:0!important;border-top:1px solid var(--hair)!important}
  .trust li:first-child{border-top:0!important;padding-top:0!important}
  .trust li:last-child{padding-bottom:0!important}
}
@media (min-width:1025px){.trust li{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding-inline:28px!important}.trust li:first-child{padding-inline-start:0!important}.trust li:last-child{padding-inline-end:0!important}}
/* 2026-11-13 owner (phone): footer end order = question form → legal links → logo → © */
@media (max-width:900px){
  .site-f .sf-form{order:40!important}
  .site-f .sf-bottom{order:50!important;flex-direction:column!important}
  .site-f .sf-bottom>.sf-legal{order:1}
  .site-f .sf-bottom>.sf-logo{order:2}
  .site-f .sf-bottom>span{order:3}
}
@media (max-width:900px){.stage .wrap>.visual:has(> .wz)::before{inset:-14px calc(50% - 150px)!important}}
/* 2026-11-13 owner: WhatsApp phone shorter (same width) */
.wz .wz-day{display:none}
.wz .wz-body{gap:4px!important;padding:10px 10px 8px!important}
.wz .wz-sys{margin-bottom:2px!important;padding:4px 10px!important}
.wz .wz-m{line-height:1.35!important;padding:5px 9px 4px!important}
.wz .wz-m small{margin-top:0!important}
.wz .wz-note{margin-top:4px!important;padding:5px 12px!important}
.wz .wz-bar{padding:6px 10px 8px!important}
.wz .wz-input{padding:8px 14px!important}
.wz .wz-mic{width:36px!important;height:36px!important}
.wz .wz-top{padding:8px 12px!important}
/* 2026-11-13: trust titles on one line across columns even when a description is longer */
.trust li{align-content:start!important}
/* 2026-11-14 owner: 5-item trust strips (dialer) on one row on desktop */
@media (min-width:1025px){
  .trust ul:has(>li:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .trust ul:has(>li:nth-child(5))>li{padding-inline:20px!important}
  .trust ul:has(>li:nth-child(5))>li:first-child{padding-inline-start:0!important}
  .trust ul:has(>li:nth-child(5))>li:last-child{padding-inline-end:0!important}
}

/* 2026-11-14 owner: blog CTA (blog index + posts) */
.bcta{padding-block:clamp(32px,4vw,56px)!important;border:0!important;background:#fff!important}
.bcta .wrap{background:none!important;border:0!important;padding:0 16px!important}
.bcta-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;max-width:1040px;margin:0 auto;padding:24px 28px;background:#fff;border:1px solid #E5E7EB;border-radius:var(--r-lg,16px);box-shadow:0 4px 16px rgba(15,23,42,.04)}
.bcta-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--coral-soft);color:var(--coral-text)}
.bcta-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bcta-t{display:grid;gap:4px}
.bcta h2{margin:0!important;font:700 clamp(21px,2.2vw,26px)/1.25 var(--font-head)!important;color:var(--ink)!important;text-wrap:balance}
.bcta p{margin:0;font-size:15.5px;line-height:1.55;color:#5A6580}
.bcta .btn{white-space:nowrap;min-height:48px}
@media (max-width:700px){.bcta-in{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px}.bcta .btn{width:100%;justify-content:center}}

/* 2026-11-14 owner (iPhone): while a sticky phone bar shows, keep the cookie card above it so "לפירוט" / the bar CTA stay visible. Position only, no layout change */
body:has(#pr2-bar:not([hidden])) .cz-ck,body.dl-bar-on .cz-ck{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}