/* אתר השיווק - העוזר האישי בוואטסאפ (גרסה 2: הדגמות חיות) */
:root{
  --night:#06201C;--ink:#0B2A26;--ink-2:#123D37;--mint:#7FE3B6;--bubble:#D6F4CB;--tick:#34B7F1;
  --wall:#EEF4F0;--paper:#FFFFFF;--text:#0F2421;--muted:#557370;--line:#D4E2DB;--soft:#F5F9F7;
  --on-dark:#E3F1EC;--on-dark-2:#9FC3BA;
  --r:20px;--display:'Suez One',serif;--body:'IBM Plex Sans Hebrew',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--wall);color:var(--text);font-family:var(--body);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--tick);outline-offset:2px;border-radius:8px}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.12;margin:0}
h1{font-size:clamp(38px,6.6vw,70px);letter-spacing:-.01em}
h2{font-size:clamp(29px,4.4vw,46px)}
h3{font-size:21px}
section{padding:84px 0}

/* ---- כותרת עליונה (כהה בכל העמודים) ---- */
.top{position:sticky;top:0;z-index:40;background:rgba(6,32,28,.82);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(255,255,255,.07);color:var(--on-dark)}
.top .wrap{display:flex;align-items:center;gap:14px;min-height:66px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:20px;white-space:nowrap;color:#fff}
.brand svg{width:34px;height:34px;flex:none}
.brand svg path:first-child{fill:var(--mint)}
.brand svg path:last-child{stroke:var(--night)}
.nav{display:flex;gap:2px;margin-inline-start:auto}
.nav a{padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--on-dark-2);font-weight:500;font-size:15px;white-space:nowrap}
.nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.nav a[aria-current]{background:rgba(127,227,182,.16);color:var(--mint)}
@media (max-width:780px){
  .top .wrap{flex-wrap:wrap;gap:0;padding-top:8px}
  .topCta{order:2;margin-inline-start:auto}
  .nav{order:3;width:100%;margin:6px -20px 0;padding:0 20px 10px;overflow-x:auto;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
}

/* ---- כפתורים ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;font:600 17px/1 var(--body);text-decoration:none;cursor:pointer;border:0;transition:transform .15s var(--ease),box-shadow .2s,background .2s}
.btn svg{width:22px;height:22px}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn.sm{min-height:38px;padding:0 16px;font-size:14.5px}
.ctaRow{display:flex;flex-wrap:wrap;gap:10px}
.note{font-size:14px;color:var(--muted);margin-top:12px}

/* ---- פתיח כהה עם טלפון חי ---- */
.hero{position:relative;overflow:hidden;background:radial-gradient(900px 520px at 22% 38%,rgba(127,227,182,.16),transparent 62%),radial-gradient(700px 500px at 90% 0%,rgba(52,183,241,.10),transparent 60%),linear-gradient(180deg,var(--night),var(--ink));color:var(--on-dark);padding:56px 0 76px}
.hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}
.hero .wrap>*{min-width:0}
.hero h1{color:#fff}
.hero .lead{font-size:clamp(17.5px,2.2vw,20.5px);color:var(--on-dark-2);max-width:31em;margin:20px 0 26px}
.hero .note{color:var(--on-dark-2)}
.tryLbl{margin:30px 0 12px;font-size:14.5px;color:var(--on-dark-2);display:flex;align-items:center;gap:8px}
.tryLbl svg{width:18px;height:18px;color:var(--mint)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--on-dark);border-radius:999px;padding:9px 15px;font:500 15px/1 var(--body);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.chip:hover{border-color:rgba(127,227,182,.5)}
.chip[aria-pressed="true"]{background:var(--mint);border-color:var(--mint);color:var(--night)}
.stage{display:flex;flex-direction:column;align-items:center;gap:14px}
.cap{min-height:3em;text-align:center;font-size:15px;color:var(--on-dark-2);max-width:340px}
.cap b{color:#fff;font-weight:600}
@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr;gap:28px}
  .hero{padding-top:36px}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none}
}

/* ---- הטלפון ---- */
.phone{position:relative;width:300px;height:612px;border-radius:46px;background:#0A0F0E;padding:11px;box-shadow:0 0 0 1.5px #2B3B38,0 40px 80px -30px rgba(0,0,0,.7),0 0 120px -30px rgba(127,227,182,.35);flex:none}
.phone::before{content:"";position:absolute;top:19px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:20px;background:#0A0F0E;z-index:6}
.pScreen{position:relative;height:100%;border-radius:36px;overflow:hidden;background:#EFE7DD;display:flex;flex-direction:column;direction:rtl;font-family:var(--body);color:#111B21}
.pStatus{height:44px;flex:none;display:flex;align-items:flex-end;justify-content:space-between;padding:0 26px 6px;font-size:12.5px;font-weight:600;background:#075E54;color:#fff;direction:ltr}
.pHead{flex:none;display:flex;align-items:center;gap:10px;padding:8px 12px 10px;background:#075E54;color:#fff}
.pAv{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:15px;background:var(--bubble);color:#075E54}
.pAv svg{width:21px;height:21px}
.pHead b{display:block;font-size:15.5px;font-weight:600;line-height:1.2}
.pHead small{display:block;font-size:12px;opacity:.82;line-height:1.3;min-height:1.3em}
.pMsgs{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 9px 6px;display:flex;flex-direction:column;gap:6px;scrollbar-width:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' stroke='%23000' stroke-opacity='.05' stroke-width='1.3'%3E%3Ccircle cx='18' cy='18' r='5'/%3E%3Cpath d='M52 56l5 5 10-11'/%3E%3C/svg%3E")}
.pMsgs::-webkit-scrollbar{display:none}
.pInput{flex:none;display:flex;align-items:center;gap:7px;padding:7px 8px 14px;background:transparent}
.pField{flex:1;min-height:40px;background:#fff;border-radius:22px;padding:9px 14px;font-size:14.5px;line-height:1.35;color:#111B21;box-shadow:0 1px 1px rgba(0,0,0,.08);white-space:pre-wrap;word-break:break-word}
.pField:empty::before{content:"הודעה";color:#8696A0}
.pField.typing::after{content:"";display:inline-block;width:2px;height:1.05em;background:#00A884;vertical-align:-2px;margin-inline-start:1px;animation:caret .8s steps(2) infinite}
@keyframes caret{50%{opacity:0}}
.pSend{width:42px;height:42px;border-radius:50%;background:#00A884;display:grid;place-items:center;flex:none;color:#fff;transition:transform .15s}
.pSend svg{width:20px;height:20px;transform:scaleX(-1)}
.pSend.hit{transform:scale(.86)}
/* הודעות */
.m{max-width:84%;min-width:78px;padding:6px 9px 17px;border-radius:9px;font-size:14px;line-height:1.45;position:relative;box-shadow:0 1px .5px rgba(0,0,0,.13);animation:mIn .28s var(--ease) both;word-break:break-word}
.m.me{align-self:flex-end;background:#D9FDD3;border-top-left-radius:2px}
.m.in{align-self:flex-start;background:#fff;border-top-right-radius:2px}
.m .who{display:block;font-size:12px;font-weight:600;color:#1F8A70;margin-bottom:1px}
.m .who.c2{color:#C2410C}.m .who.c3{color:#7C3AED}
.m time{position:absolute;bottom:3px;left:8px;font-size:10.5px;color:#667781;display:flex;align-items:center;gap:3px}
.m time svg{width:15px;height:9px;color:#8696A0;transition:color .3s}
.m.read time svg{color:var(--tick)}
.m .auto{display:block;font-size:11px;color:#667781;margin-bottom:2px}
.m.bare{background:none;box-shadow:none;padding:0}
.m.bare time{position:static;justify-content:flex-start;margin-top:2px;background:rgba(0,0,0,.25);color:#fff;border-radius:8px;padding:1px 6px;width:max-content}
.m .q{display:block;background:rgba(0,0,0,.05);border-right:3px solid #06CF9C;border-radius:6px;padding:4px 7px;margin-bottom:5px;font-size:12px;color:#54656F}
@keyframes mIn{from{opacity:0;transform:translateY(8px) scale(.98)}}
.sys{align-self:center;background:#FFF5C4;color:#54656F;font-size:11.5px;padding:4px 10px;border-radius:7px;box-shadow:0 1px .5px rgba(0,0,0,.1);animation:mIn .3s both}
.dots{align-self:flex-start;background:#fff;border-radius:9px;padding:10px 13px;display:flex;gap:4px;box-shadow:0 1px .5px rgba(0,0,0,.13);animation:mIn .2s both}
.dots i{width:7px;height:7px;border-radius:50%;background:#9AA7A4;animation:tp 1s infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes tp{50%{opacity:.3;transform:translateY(-2px)}}
/* מדיה */
.vn{display:flex;align-items:center;gap:8px;min-width:178px}
.vn .pl{width:30px;height:30px;border-radius:50%;background:#00A884;display:grid;place-items:center;flex:none}
.vn .pl svg{width:12px;height:12px;fill:#fff}
.vn .wv{flex:1;height:24px;position:relative;background:repeating-linear-gradient(90deg,#AEBAC1 0 2px,transparent 2px 5px);-webkit-mask:linear-gradient(#000,#000);border-radius:3px;overflow:hidden}
.vn .wv i{position:absolute;inset:0 auto 0 0;width:0;background:repeating-linear-gradient(90deg,#00A884 0 2px,transparent 2px 5px);animation:wv 2.4s linear forwards}
@keyframes wv{to{width:100%}}
.vn em{font-style:normal;font-size:11.5px;color:#667781}
.pic{display:block;width:196px;height:140px;border-radius:7px;margin-bottom:2px}
.gen{width:196px}
.gen .pg{font-size:12.5px;color:#54656F;margin-bottom:6px}
.gen .bar{height:5px;border-radius:9px;background:#E3E8EA;overflow:hidden}
.gen .bar i{display:block;height:100%;width:0;background:#00A884;animation:gp 1.7s var(--ease) forwards}
@keyframes gp{to{width:100%}}
.reveal{animation:rv 1.6s var(--ease) both}
@keyframes rv{from{filter:blur(16px) saturate(.4);opacity:.4}to{filter:none;opacity:1}}
.stk{width:150px;height:150px;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));animation:pop .6s cubic-bezier(.3,1.6,.5,1) both}
@keyframes pop{0%{transform:scale(.2) rotate(-14deg);opacity:0}70%{transform:scale(1.08) rotate(3deg);opacity:1}100%{transform:none}}
.aud{display:flex;align-items:center;gap:9px;min-width:200px}
.aud .cv{width:44px;height:44px;border-radius:8px;flex:none;background:linear-gradient(135deg,#FF9A62,#E2457A);display:grid;place-items:center;color:#fff}
.aud .cv svg{width:22px;height:22px}
.aud b{display:block;font-size:13.5px;font-weight:600;line-height:1.25}
.aud small{display:block;font-size:11.5px;color:#667781}
.aud .bar{display:block;height:3px;border-radius:9px;background:#D1D7DB;margin-top:5px;overflow:hidden}
.aud .bar i{display:block;height:100%;width:0;background:#00A884;animation:gp 3s linear .4s forwards}
.vid{position:relative;width:196px;height:120px;border-radius:7px;overflow:hidden;background:linear-gradient(135deg,#334155,#0F172A)}
.vid svg.sc{position:absolute;inset:0;width:100%;height:100%}
.vid .pb{position:absolute;inset:0;margin:auto;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center}
.vid .pb svg{width:16px;height:16px;fill:#fff}
.vid .len{position:absolute;bottom:5px;right:7px;font-size:11px;color:#fff;background:rgba(0,0,0,.45);border-radius:5px;padding:0 5px}
.map{width:196px;height:118px;border-radius:7px;overflow:hidden;display:block}
.sum{margin:0;padding-inline-start:16px}
.sum li{margin:2px 0}
.lnk{color:#027EB5;text-decoration:underline;word-break:break-all}
.del{font-style:italic;color:#8696A0}
.del svg{width:13px;height:13px;vertical-align:-2px;margin-inline-end:3px}
/* התראה ושיחה */
.pNotif{position:absolute;top:8px;left:8px;right:8px;z-index:8;background:rgba(250,250,250,.97);border-radius:18px;padding:10px 12px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.35);transform:translateY(-130%);transition:transform .45s var(--ease)}
.pNotif.on{transform:none}
.pNotif .ic{width:34px;height:34px;border-radius:9px;background:#25D366;display:grid;place-items:center;flex:none;color:#fff}
.pNotif .ic svg{width:20px;height:20px}
.pNotif b{display:block;font-size:13px}
.pNotif span{display:block;font-size:12.5px;color:#3B4A54}
.pCall{position:absolute;inset:0;z-index:7;background:linear-gradient(180deg,#0B3D35,#06201C);color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:110px;gap:10px;opacity:0;pointer-events:none;transition:opacity .35s}
.pCall.on{opacity:1}
.pCall .big{width:92px;height:92px;border-radius:50%;background:#2A5C53;display:grid;place-items:center;font-size:36px;font-weight:700;box-shadow:0 0 0 0 rgba(127,227,182,.5);animation:ring 1.4s infinite}
@keyframes ring{70%{box-shadow:0 0 0 22px rgba(127,227,182,0)}100%{box-shadow:0 0 0 0 rgba(127,227,182,0)}}
.pCall b{font-size:22px;font-weight:600}
.pCall small{opacity:.8}
.pCall .acts{margin-top:auto;margin-bottom:70px;display:flex;gap:70px}
.pCall .acts i{width:60px;height:60px;border-radius:50%;display:block;background:#EF4444}
.pCall .acts i+i{background:#22C55E}

/* ---- שורת יתרונות ---- */
.perks{background:var(--ink);color:var(--on-dark);padding:0 0 56px}
.perks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.perks li{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}
.perks svg{width:24px;height:24px;color:var(--mint);flex:none;margin-top:2px}
.perks b{display:block;color:#fff}
.perks span{color:var(--on-dark-2);font-size:15px}
@media (max-width:780px){.perks ul{grid-template-columns:1fr}}

/* ---- כותרות מקטע ---- */
.sHead{max-width:660px;margin-bottom:36px}
.sHead p{color:var(--muted);margin:12px 0 0;font-size:18px}

/* ---- רשת יכולות עם כפתור הדגמה ---- */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tile{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:8px;min-height:190px;overflow:hidden;transition:transform .2s var(--ease),box-shadow .25s}
.tile:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(11,42,38,.55)}
.tile.wide{grid-column:span 2}
.tile.dark{background:var(--ink);border-color:var(--ink);color:var(--on-dark)}
.tile.dark h3{color:#fff}.tile.dark p{color:var(--on-dark-2)}
.tile .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);color:var(--ink)}
.tile.dark .ic{background:rgba(127,227,182,.12);border-color:transparent;color:var(--mint)}
.tile .ic svg{width:23px;height:23px}
.tile h3{font-family:var(--body);font-weight:600;font-size:18px;color:var(--text)}
.tile p{margin:0;color:var(--muted);font-size:15px;flex:1}
.tile .say{align-self:flex-start;background:var(--bubble);color:#0F2421;border-radius:12px 12px 12px 4px;padding:5px 12px;font-weight:600;font-size:14.5px}
.play{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;border:0;background:var(--ink);color:#fff;border-radius:999px;padding:9px 16px 9px 14px;font:600 14.5px/1 var(--body);cursor:pointer;margin-top:4px}
.play svg{width:14px;height:14px;fill:currentColor}
.tile.dark .play{background:var(--mint);color:var(--night)}
.play:hover{filter:brightness(1.1)}
@media (max-width:980px){.bento{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.bento{grid-template-columns:1fr}.tile.wide{grid-column:auto}}
.cat{margin-bottom:62px}
.cat:last-child{margin-bottom:0}
.cat>h2{font-size:clamp(25px,3.4vw,34px);margin-bottom:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cat>h2 span{font-family:var(--body);font-size:14px;color:var(--muted)}
.addon{display:inline-block;font-family:var(--body);font-size:12.5px;font-weight:600;color:var(--night);background:var(--mint);border-radius:999px;padding:2px 10px;margin-inline-start:6px;vertical-align:2px}

/* ---- חלון הדגמה ---- */
.dm{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.dm[hidden]{display:none}
.dmBack{position:absolute;inset:0;background:rgba(4,20,18,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fd .25s both}
@keyframes fd{from{opacity:0}}
.dmBox{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;animation:up .35s var(--ease) both}
@keyframes up{from{opacity:0;transform:translateY(24px) scale(.97)}}
.dmBox .cap{color:var(--on-dark-2)}
.dmBar{display:flex;gap:10px}
.dmBar button{border:0;border-radius:999px;padding:10px 18px;font:600 15px/1 var(--body);cursor:pointer;background:rgba(255,255,255,.12);color:#fff}
.dmBar button.go{background:var(--mint);color:var(--night)}
@media (max-height:760px){.dmBox .phone{transform:scale(.86);margin:-42px 0}}
@media (max-height:640px){.dmBox .phone{transform:scale(.74);margin:-80px 0}}

/* ---- שליטה ---- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.lead{font-size:clamp(17px,2vw,19.5px);color:var(--muted);margin:16px 0 24px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.checks li{display:grid;grid-template-columns:28px 1fr;gap:10px}
.checks svg{width:22px;height:22px;color:#0A9E77;margin-top:3px}
.checks b{display:block}
.checks span{color:var(--muted);font-size:15.5px}
.panel{background:var(--ink);color:var(--on-dark);border-radius:28px;padding:28px;box-shadow:0 34px 60px -36px rgba(6,32,28,.8)}
.panel h3{color:#fff;margin-bottom:6px}
.panel .hint{font-size:13.5px;color:var(--on-dark-2);margin:0 0 10px}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15.5px;cursor:pointer;user-select:none}
.row:last-child{border-bottom:0}
.sw{width:46px;height:26px;border-radius:999px;background:var(--mint);position:relative;flex:none;transition:background .25s}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--night);transition:left .25s var(--ease),background .25s}
.row[aria-checked="false"] .sw{background:rgba(255,255,255,.16)}
.row[aria-checked="false"] .sw::after{left:23px;background:#9AB3AD}

/* ---- שלבים ---- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
@media (max-width:860px){.steps{grid-template-columns:1fr}}
.steps li{background:var(--paper);border-radius:22px;padding:26px;border:1px solid var(--line);counter-increment:s;position:relative}
.steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--ink);color:var(--mint);font-family:var(--display);font-size:22px;margin-bottom:16px}
.steps h3{margin-bottom:6px}
.steps p{margin:0;color:var(--muted);font-size:15.5px}
.how2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
@media (max-width:760px){.how2{grid-template-columns:1fr}}
.how2>div{background:var(--soft);border-radius:22px;padding:22px;border:1px solid var(--line)}
.how2 h3{font-family:var(--body);font-weight:600;font-size:17px;margin-bottom:6px}
.how2 p{margin:0;color:var(--muted);font-size:15.5px}

/* ---- מחירים ---- */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;align-items:stretch}
.plan{background:var(--paper);border-radius:26px;padding:28px 24px;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:6px;position:relative}
.plan.best{background:var(--ink);border-color:var(--ink);color:var(--on-dark);box-shadow:0 30px 60px -34px rgba(6,32,28,.9)}
.plan.best h3,.plan.best .price{color:#fff}
.plan.best .per,.plan.best .price small{color:var(--on-dark-2)}
.plan.best li svg{color:var(--mint)}
.plan .badge{position:absolute;top:-13px;right:22px;background:var(--mint);color:var(--night);font-size:13px;font-weight:700;padding:3px 12px;border-radius:999px}
.plan h3{font-family:var(--body);font-weight:600;font-size:18px}
.price{font-family:var(--display);font-size:50px;line-height:1.1;margin-top:6px;color:var(--ink)}
.price small{font-family:var(--body);font-size:18px;color:var(--muted);margin-inline-start:4px}
.per{color:var(--muted);font-size:14.5px;min-height:1.6em}
.plan ul{list-style:none;padding:0;margin:12px 0 18px;display:grid;gap:7px;font-size:15px}
.plan li{display:flex;gap:8px}
.plan li svg{width:18px;height:18px;color:#0A9E77;flex:none;margin-top:4px}
.plan .btn{margin-top:auto}
.incl{margin-top:30px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px 24px}
.incl p{margin:6px 0 0;color:var(--muted)}

/* ---- שאלות ---- */
.faq{max-width:800px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:18px;margin-bottom:10px;transition:box-shadow .2s}
.faq details[open]{box-shadow:0 16px 30px -24px rgba(11,42,38,.5)}
.faq summary{list-style:none;cursor:pointer;padding:19px 22px;font-weight:600;font-size:17px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:10px;height:10px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg);transition:transform .2s;flex:none;margin-top:-4px}
.faq details[open] summary::after{transform:rotate(135deg);margin-top:4px}
.faq details>div{padding:0 22px 20px;color:var(--muted)}

/* ---- כותרת עמוד פנימי ---- */
.pageHead{background:radial-gradient(800px 400px at 15% 20%,rgba(127,227,182,.14),transparent 60%),linear-gradient(180deg,var(--night),var(--ink));color:var(--on-dark);padding:64px 0 56px}
.pageHead h1{color:#fff;font-size:clamp(34px,5.6vw,58px)}
.pageHead p{color:var(--on-dark-2);font-size:18.5px;max-width:36em;margin:16px 0 0}

/* ---- סיום ---- */
.final{padding-top:64px}
.final .box{position:relative;overflow:hidden;text-align:center;background:radial-gradient(600px 300px at 50% 0%,rgba(127,227,182,.22),transparent 70%),var(--ink);color:var(--on-dark);border-radius:34px;padding:62px 24px}
.final h2{color:#fff}
.final p{max-width:30em;margin:14px auto 28px;color:var(--on-dark-2)}
footer{padding:34px 0 46px;color:var(--muted);font-size:14.5px}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center}
footer nav{display:flex;gap:18px;flex-wrap:wrap;margin-inline-start:auto}
footer a{color:var(--muted)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}

/* ---- סטטוס בטלפון ---- */
.pStat{position:absolute;inset:0;z-index:7;background:linear-gradient(160deg,#7C3AED,#DB2777 60%,#F59E0B);color:#fff;display:flex;flex-direction:column;animation:fd .3s both}
.sBars{margin:52px 12px 0;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.sBars i{display:block;height:100%;width:0;background:#fff;animation:gp 4.2s linear forwards}
.sTop{display:flex;align-items:center;gap:9px;padding:10px 12px}
.sTop .pAv{width:32px;height:32px;font-size:14px}
.sTop b{font-size:14.5px}.sTop small{font-size:12px;opacity:.8}
.sTxt{flex:1;display:grid;place-items:center;text-align:center;font-family:var(--display);font-size:30px;line-height:1.25;padding:0 20px}
.sHeart{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;opacity:0;transform:scale(.3)}
.sHeart svg{width:100%;height:100%;fill:#25D366;filter:drop-shadow(0 6px 16px rgba(0,0,0,.3))}
.pStat.liked .sHeart{animation:hb 1.3s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes hb{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.15)}60%{transform:scale(1)}100%{opacity:0;transform:scale(1) translateY(-30px)}}
.sFoot{text-align:center;padding:0 0 26px;font-size:13px;opacity:0;transition:opacity .4s}
.pStat.liked .sFoot{opacity:.95}
.band{background:var(--paper)}
.sImg{flex:1;display:grid;place-items:center;padding:0 8px}
.sImg svg{width:100%;height:auto;border-radius:6px}
.sReply{display:flex;gap:8px;align-items:center;padding:10px 10px 16px}
.sReply .sF{flex:1;min-height:40px;border-radius:22px;background:rgba(255,255,255,.2);padding:9px 14px;font-size:16px;color:#fff}
.sReply .sF:empty::before{content:"השב...";opacity:.75;font-size:14px}
.m.flash{animation:fl 1.2s ease}
@keyframes fl{0%,40%{background:#FFF1A8}}

/* ============ גרסה 3: שיווק + טופס יצירת קשר ============ */
:root{--grad:linear-gradient(120deg,#7FE3B6 0%,#5CD6E8 55%,#A7F3D0 100%)}
.btn.cta{background:var(--grad);background-size:200% 100%;color:var(--night);box-shadow:0 16px 38px -14px rgba(127,227,182,.85),inset 0 -2px 0 rgba(0,0,0,.08);transition:transform .15s var(--ease),box-shadow .2s,background-position .6s}
.btn.cta:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 22px 44px -14px rgba(127,227,182,.95)}
.btn.cta svg{transition:transform .2s var(--ease)}
.btn.cta:hover svg:last-child{transform:translateX(-4px)}
.btn.cta.big{min-height:60px;padding:0 32px;font-size:18.5px}
.btn.cta.wide{width:100%}
.btn.cta.busy{opacity:.7;pointer-events:none}
.btn.ghost.dk{color:var(--ink)}
.plan:not(.best) .btn.cta{background:var(--ink);color:#fff;box-shadow:none}
.kicker{display:inline-flex;align-items:center;gap:8px;font:600 13.5px/1 var(--body);letter-spacing:.02em;color:var(--mint);background:rgba(127,227,182,.12);border:1px solid rgba(127,227,182,.28);padding:7px 13px;border-radius:999px;margin-bottom:16px}
.kicker svg{width:16px;height:16px}
.kicker.dk{color:#08795B;background:rgba(10,158,119,.08);border-color:rgba(10,158,119,.2)}
.sHead.c{margin-inline:auto;text-align:center}
.hero .glow{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(127,227,182,.22),transparent 65%);top:-200px;left:-160px;filter:blur(10px);animation:gl 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes gl{to{transform:translate(160px,120px) scale(1.15)}}
.hero h1 .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.trust{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px;color:var(--on-dark-2)}
.trust li{display:flex;align-items:center;gap:6px}
.trust svg{width:16px;height:16px;color:var(--mint)}
.trial{display:inline-flex;align-items:center;gap:6px;background:rgba(127,227,182,.16);color:var(--mint);font-weight:600;border-radius:999px;padding:3px 11px}
.trial svg{width:15px;height:15px}
/* רצועת דוגמאות */
.mq{overflow:hidden;padding:4px 0 34px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mqT{display:flex;gap:12px;width:max-content;animation:mqa 48s linear infinite}
.mq:hover .mqT{animation-play-state:paused}
.mqT span{white-space:nowrap;background:var(--bubble);color:#0F2421;font-size:15px;font-weight:500;padding:9px 16px;border-radius:16px 16px 16px 4px;box-shadow:0 6px 18px -10px rgba(0,0,0,.5)}
.mqT span:nth-child(3n){background:#fff}
@keyframes mqa{to{transform:translateX(50%)}}
/* השוואה */
.vsGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:960px;margin:0 auto}
.vsCol{border-radius:26px;padding:26px}
.vsCol h3{display:flex;align-items:center;gap:10px;font-family:var(--body);font-weight:600;font-size:19px;margin-bottom:14px}
.vsCol h3 svg{width:24px;height:24px;padding:4px;border-radius:50%}
.vsCol ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.vsCol li{padding-inline-start:18px;position:relative;font-size:15.5px}
.vsCol li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:7px;height:7px;border-radius:50%}
.vsCol.bad{background:var(--paper);border:1px solid var(--line);color:var(--muted)}
.vsCol.bad h3{color:var(--text)}.vsCol.bad h3 svg{background:#FDE2E2;color:#C0392B}
.vsCol.bad li::before{background:#E9B4B4}
.vsCol.good{background:var(--ink);color:var(--on-dark);box-shadow:0 34px 60px -34px rgba(6,32,28,.85);position:relative;overflow:hidden}
.vsCol.good::after{content:"";position:absolute;inset:-40% -40% auto auto;width:300px;height:300px;background:radial-gradient(circle,rgba(127,227,182,.25),transparent 65%)}
.vsCol.good h3{color:#fff}.vsCol.good h3 svg{background:var(--mint);color:var(--night)}
.vsCol.good li::before{background:var(--mint)}
@media (max-width:760px){.vsGrid{grid-template-columns:1fr}}
/* יום עם העוזר */
.day{background:radial-gradient(700px 400px at 85% 10%,rgba(127,227,182,.14),transparent 60%),linear-gradient(180deg,var(--night),var(--ink));color:var(--on-dark)}
.day h2{color:#fff}
.tl{list-style:none;margin:0 auto;padding:0;max-width:760px;position:relative}
.tl::before{content:"";position:absolute;inset-inline-start:58px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--mint),rgba(127,227,182,.1))}
.tl li{display:grid;grid-template-columns:80px 1fr;gap:26px;padding:14px 0;position:relative}
.tl li::before{content:"";position:absolute;inset-inline-start:52px;top:27px;width:14px;height:14px;border-radius:50%;background:var(--night);border:3px solid var(--mint)}
.tl time{font:400 20px/1.6 var(--display);color:var(--mint);padding-top:6px}
.tl li>div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px 18px}
.tl b{color:#fff;font-size:17px}
.tl p{margin:4px 0 10px;color:var(--on-dark-2);font-size:15px}
.tl .play{background:var(--mint);color:var(--night)}
@media (max-width:560px){.tl::before{inset-inline-start:7px}.tl li{grid-template-columns:1fr;gap:6px;padding-inline-start:30px}.tl li::before{inset-inline-start:1px}.tl time{padding:0;font-size:17px}}
/* למי זה מתאים */
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.whoC{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .2s var(--ease),box-shadow .25s}
.whoC:hover{transform:translateY(-4px);box-shadow:0 26px 44px -30px rgba(11,42,38,.6)}
.whoC .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:var(--mint)}
.whoC .ic svg{width:26px;height:26px}
.whoC h3{font-family:var(--body);font-weight:600;font-size:19px}
.whoC p{margin:0;color:var(--muted);font-size:15.5px;flex:1}
@media (max-width:860px){.who{grid-template-columns:1fr}}
.faq.mini{margin:0 auto}
/* הופעה בגלילה */
.js [data-rv]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js [data-rv].in{opacity:1;transform:none}
.tl li[data-rv]:nth-child(2){transition-delay:.06s}.tl li[data-rv]:nth-child(3){transition-delay:.12s}
.who [data-rv]:nth-child(2){transition-delay:.08s}.who [data-rv]:nth-child(3){transition-delay:.16s}
/* סיום עם טופס */
.final .box{text-align:start;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding:52px 46px}
.final .box::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(92,214,232,.16),transparent 65%);bottom:-260px;left:-120px}
.final .fpitch{position:relative}
.final p{margin:14px 0 20px;max-width:none}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ticks li{display:flex;align-items:center;gap:10px;color:#fff}
.ticks svg{width:20px;height:20px;color:var(--night);background:var(--mint);border-radius:50%;padding:3px}
@media (max-width:900px){.final .box{grid-template-columns:1fr;padding:38px 20px;gap:26px}}
/* כרטיס הטופס */
.fcard{position:relative;background:var(--paper);color:var(--text);border-radius:26px;padding:26px;box-shadow:0 30px 70px -30px rgba(0,0,0,.55)}
.fcard.solo{box-shadow:0 30px 60px -36px rgba(6,32,28,.45);border:1px solid var(--line)}
.cform{display:grid;gap:12px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.frow{grid-template-columns:1fr}}
.fl{display:grid;gap:5px;font-size:14.5px;font-weight:500}
.fl em{color:#C0392B;font-style:normal}
.fl i{font-style:normal;color:var(--muted);font-weight:400}
.fl input,.fl select,.fl textarea{width:100%;font:400 16px/1.4 var(--body);color:var(--text);background:var(--soft);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
.fl select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23557370' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:14px 50%;background-size:18px;background-repeat:no-repeat;padding-left:40px}
.fl textarea{resize:vertical;min-height:84px}
.fl input:focus,.fl select:focus,.fl textarea:focus{outline:0;border-color:#0A9E77;background:#fff;box-shadow:0 0 0 4px rgba(10,158,119,.14)}
.fl input[type=tel],.fl input[type=email]{direction:ltr;text-align:right}
.fl input[aria-invalid=true]{border-color:#D9534F;background:#FFF7F7}
.ferr{color:#C0392B;font-size:13px;font-weight:500;min-height:0}
.ferr:empty{display:none}
.fhint{font-size:13px;color:var(--muted);margin-top:-4px}
.fhint.bad{color:#C0392B;font-weight:600}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.fmsg{margin:0;font-size:14.5px;min-height:1.3em;color:var(--muted);text-align:center}
.fmsg:empty{display:none}
.fmsg.bad{color:#C0392B;font-weight:600}
.fpriv{margin:0;font-size:12.5px;color:var(--muted);text-align:center}
.fdone{text-align:center;padding:30px 10px;animation:up .4s var(--ease) both;outline:0}
.fdone svg{width:66px;height:66px;padding:14px;border-radius:50%;background:var(--grad);color:var(--night);margin-bottom:12px;box-shadow:0 14px 34px -12px rgba(127,227,182,.9)}
.fdone h3{font-size:26px;color:var(--ink);margin-bottom:6px}
.fdone p{margin:0;color:var(--muted)}
/* חלון טופס */
.cm{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:16px}
.cm[hidden]{display:none}
.cmBack{position:absolute;inset:0;background:rgba(4,20,18,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fd .25s both}
.cmBox{position:relative;width:100%;max-width:520px;max-height:calc(100dvh - 32px);overflow:auto;background:var(--paper);border-radius:28px;padding:30px 26px 24px;animation:up .35s var(--ease) both;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.cmBox h2{font-size:30px;color:var(--ink)}
.cmBox .cmSub{margin:8px 0 18px;color:var(--muted)}
.cmBox .kicker{color:#08795B;background:rgba(10,158,119,.08);border-color:rgba(10,158,119,.2);margin-bottom:10px}
.cmX{position:absolute;top:14px;left:14px;width:38px;height:38px;border-radius:50%;border:0;background:var(--soft);font-size:24px;line-height:1;cursor:pointer;color:var(--ink)}
.cmX:hover{background:var(--line)}
/* עמוד צור קשר */
.contactSec{padding-top:44px}
.cWrap{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start}
.cSide h3{margin-bottom:14px}
.mini-steps{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px;counter-reset:m}
.mini-steps li{counter-increment:m;display:grid;grid-template-columns:38px 1fr;gap:4px 12px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px}
.mini-steps li::before{content:counter(m);grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--ink);color:var(--mint);font-family:var(--display);font-size:18px}
.mini-steps span{color:var(--muted);font-size:14.5px}
@media (max-width:860px){.cWrap{grid-template-columns:1fr}}
/* סרגל תחתון בנייד */
.mbar{display:none}
@media (max-width:780px){
  .mbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(6,32,28,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--on-dark);font-weight:600;font-size:14.5px;border-top:1px solid rgba(255,255,255,.08);transform:translateY(110%);transition:transform .35s var(--ease)}
  .mbar.on{transform:none}
  .mbar .btn{min-height:42px}
  footer{padding-bottom:90px}
}
@media (prefers-reduced-motion:reduce){.js [data-rv]{opacity:1;transform:none}.mqT{animation:none}}