@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200;300;400;500;600;700;800&family=Assistant:wght@300;400;500;600;700&display=swap');

:root{
  --bg:#f5efe6;         /* שמנת */
  --cream:#fbf7f1;      /* שמנת בהיר */
  --purple:#8e7aae;     /* סגול מותג */
  --purple-d:#6d5b8e;
  --coral:#dfa6a0;      /* אלמוגי */
  --coral-d:#cb867f;
  --slate:#425466;      /* כחול-פחם */
  --sage:#b8c1b1;       /* מרווה */
  --ink:#443f4d;        /* טקסט גוף */
  --muted:#877f8c;
  --line:#e8ddcf;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:clip;max-width:100%}
body{font-family:"Assistant","Heebo",sans-serif;color:var(--ink);background:var(--bg);line-height:1.75}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.center{text-align:center}
.eyebrow{font-size:12px;letter-spacing:4px;font-weight:600;color:var(--coral-d)}
.eyebrow.center{display:block;text-align:center}
.btn{display:inline-block;padding:15px 30px;border-radius:999px;font-weight:600;font-size:15px;transition:.25s;cursor:pointer;border:0;text-align:center}
.btn-coral{background:var(--coral);color:#fff}.btn-coral:hover{background:var(--coral-d)}
.btn-line{border:1.6px solid var(--purple);color:var(--purple);background:transparent}.btn-line:hover{background:var(--purple);color:#fff}
.btn-wa{background:#25D366;color:#fff}.btn-wa:hover{background:#1eb457}
.reveal{opacity:0;transform:translateY(28px);transition:.8s}.reveal.in{opacity:1;transform:none}
.lab-line{width:46px;height:3px;border-radius:9px;background:var(--coral)}
.h2{font-family:"Heebo",sans-serif;font-size:42px;font-weight:300;letter-spacing:-.5px;line-height:1.14;margin-top:12px;color:var(--purple)}
.h2 b{font-weight:700;color:var(--purple-d)}
.sub{color:var(--muted);font-size:17px;margin-top:13px;max-width:560px}

/* header */
header{position:sticky;top:0;z-index:60;background:rgba(245,239,230,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo{display:flex;align-items:center;gap:15px;color:var(--purple)}
.logo .mark{width:48px;height:48px;color:var(--purple);flex:0 0 auto}
.logo .mark svg,.logo .mark img{width:100%;height:100%;object-fit:contain}
.lname{font-family:"Heebo",sans-serif;font-weight:700;font-size:21px;letter-spacing:.5px;color:var(--purple);line-height:1.05}
.lname small{display:block;font-size:9.5px;letter-spacing:1.5px;color:var(--muted);font-weight:500;margin-top:3px}
nav ul{display:flex;gap:28px;list-style:none}
nav a{font-size:15px;color:var(--ink);opacity:.82}nav a:hover{color:var(--purple);opacity:1}
.nav-r{display:flex;align-items:center;gap:14px}
.hdr-tel{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;color:var(--purple);
  padding:9px 12px;border-radius:999px;transition:.2s;min-height:42px}
.hdr-tel:hover{background:rgba(142,122,174,.1)}
.hdr-tel svg{width:17px;height:17px;fill:var(--purple)}
@media(max-width:920px){ .hdr-tel span{display:none} .hdr-tel{padding:9px;min-width:42px;justify-content:center} }

/* hero */
.hero{padding:52px 0 68px}
.hero .grid{display:grid;grid-template-columns:1.15fr 1fr;gap:46px;align-items:center}
.hero h1{font-family:"Heebo",sans-serif;font-size:43px;font-weight:300;line-height:1.22;letter-spacing:-.5px;margin-top:16px;color:var(--slate);opacity:0;animation:rise .9s .2s forwards}
.hero h1 b{font-weight:700;color:var(--purple)}
.hero p{font-size:18px;color:var(--muted);margin-top:18px;max-width:460px;opacity:0;animation:rise .9s .4s forwards}
.hero .cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap;opacity:0;animation:rise .9s .55s forwards}
.hero .eyebrow{opacity:0;animation:rise .8s .1s forwards}
.hero-pic{position:relative;padding:16px}
.hero-pic img{width:100%;height:430px;object-fit:cover;border-radius:200px 200px 20px 20px}
.hero-pic::before{content:"";position:absolute;inset:0 36px 36px 0;border:1.6px solid var(--coral);border-radius:200px 200px 20px 20px;z-index:-1}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* pain */
.pain{padding:80px 0;background:var(--cream);border-block:1px solid var(--line)}
.qcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.qcard{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:30px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.qcard .qmark{width:46px;height:46px;border-radius:50%;background:var(--coral);color:#fff;font-family:"Heebo";font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center}
.qcard p{color:var(--ink);font-size:16.5px;font-weight:500}
.pain-answer{max-width:720px;margin:40px auto 0;text-align:center;font-family:"Heebo",sans-serif;font-weight:300;font-size:23px;line-height:1.5;color:var(--purple-d)}

/* about */
.about{padding:86px 0}
.about .grid{display:grid;grid-template-columns:.82fr 1fr;gap:56px;align-items:center}
.about .pic{position:relative;padding:16px}
.about .pic img{width:100%;height:470px;object-fit:cover;object-position:center 42%;border-radius:200px 200px 20px 20px;transform:translateX(-11px)}
.about .pic::before{content:"";position:absolute;inset:0 36px 36px 0;border:1.6px solid var(--coral);border-radius:200px 200px 20px 20px;z-index:-1}
.about p{color:var(--muted);margin-top:16px;max-width:480px;font-size:16.5px}

/* workshop pillars */
.workshop{padding:86px 0;background:var(--cream);border-block:1px solid var(--line)}
.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px}
.pillar{position:relative;overflow:hidden;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:30px 30px 28px 26px;transition:.28s}
.pillar::before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:var(--coral);opacity:.75}
.pillar:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(110,91,142,.09)}
.pnum{display:none}
.pillar h3{font-family:"Heebo",sans-serif;font-size:22px;font-weight:700;color:var(--purple)}
.pdiv{display:none}
.pillar p{color:var(--muted);font-size:16px;margin-top:9px}

/* method + breathing */
.method{padding:60px 0;background:var(--slate);color:#eef1f4}
.method .mgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.mbreath{text-align:center}
.method .eyebrow{color:var(--sage)}
.method .h2{color:#fff}.method .h2 b{color:var(--coral)}
.method-lead{color:#d6dbe1;font-size:16.5px;margin-top:14px}
.bcircle{position:relative;width:186px;height:186px;margin:6px auto 0;display:flex;align-items:center;justify-content:center}
.bcircle .ring{position:absolute;width:100%;height:100%;border-radius:50%;border:1.5px solid rgba(223,166,160,.5);animation:breathe 9s ease-in-out infinite}
.bcircle .ring.r2{animation-delay:-.4s;opacity:.5}
.bcircle .core{position:absolute;width:62%;height:62%;border-radius:50%;background:rgba(223,166,160,.16);animation:breathe 9s ease-in-out infinite}
.bcircle .word{position:relative;z-index:2;font-family:"Heebo";font-size:18px;font-weight:300;letter-spacing:3px;color:#fff;width:100%}
.bcircle .word span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}
.bcircle .word .w1{animation:wIn 9s ease-in-out infinite}
.bcircle .word .w2{animation:wOut 9s ease-in-out infinite}
.hint{margin-top:30px;color:var(--sage);font-size:13px;letter-spacing:2px}
.mchips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.mchips span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);color:#eef1f4;font-size:13.5px;padding:8px 14px;border-radius:999px}
@keyframes breathe{0%,100%{transform:scale(.72)}45%,55%{transform:scale(1.08)}}
@keyframes wIn{0%{opacity:1}44%{opacity:1}50%{opacity:0}100%{opacity:0}}
@keyframes wOut{0%{opacity:0}50%{opacity:0}56%{opacity:1}96%{opacity:1}100%{opacity:0}}

/* reviews — infinite marquee */
.reviews{padding:82px 0 90px}
.reviews .wrap{margin-bottom:8px}
.rmarquee{overflow:hidden;padding:24px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rtrack{display:flex;width:max-content;--oneset:3620px;animation:rscroll 95s linear infinite;will-change:transform}
.rmarquee:hover .rtrack{animation-play-state:paused}
.rcard{flex:0 0 340px;margin-inline-start:22px;background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:26px 26px 24px;box-shadow:0 10px 26px rgba(110,91,142,.06)}
.rcard .stars{color:var(--coral);letter-spacing:2px;font-size:15px;margin-bottom:12px}
.rcard blockquote{font-size:16px;color:var(--ink);line-height:1.7;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.7em * 3)}
.rcard figcaption{margin-top:16px;font-size:13.5px;color:var(--purple);font-weight:600}
@keyframes rscroll{from{transform:translateX(0)}to{transform:translateX(var(--oneset))}}

/* contact */
.contact{padding:86px 0;background:var(--cream);border-block:1px solid var(--line)}
.contact .cgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:stretch;max-width:1000px;margin-inline:auto}
.cintro .ccta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.cdetails{background:var(--purple);color:#f4f0f8;border-radius:22px;padding:34px 30px}
.cdetails h3{font-family:"Heebo";font-size:22px;font-weight:700;margin-bottom:18px;color:#fff}
.cdetails ul{list-style:none;display:flex;flex-direction:column;gap:15px}
.cdetails li{display:flex;flex-direction:column;gap:3px}
.cdetails li span:first-child{font-size:12px;letter-spacing:2px;color:#e4d9f0;font-weight:700}
.cdetails a,.cdetails li>span:last-child{color:#fbf7f1;font-size:15px}
.cdetails a:hover{color:#fff;text-decoration:underline}

/* footer */
footer{background:var(--slate);color:#dfe3e8;padding:56px 0 26px}
.fgrid{max-width:1160px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.fbrand .logo{margin-bottom:12px;color:#fff}.fbrand .logo .mark{color:#fff}.fbrand .lname{color:#fff}.fbrand .lname small{color:#aeb6c0}
.fbrand p{color:#aeb6c0;max-width:320px;font-size:15px;margin-top:4px}
.fcol h4{font-size:14px;letter-spacing:1px;margin-bottom:13px;color:#fff}
.fcol a{display:block;color:#aeb6c0;font-size:15px;margin-bottom:9px}.fcol a:hover{color:#fff}
.fcol p{color:#aeb6c0;font-size:15px}
.copy{max-width:1160px;margin:38px auto 0;padding:20px 32px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#9aa2ad;font-size:13px}
.copy .legal-links a{margin-right:16px}.copy .legal-links a:hover{color:#fff}
.copy .credit{flex-basis:100%;width:100%;order:99;text-align:center;font-size:11px;opacity:.6;margin-top:8px}

/* floating */
.fab{position:fixed;bottom:22px;z-index:90;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.2);cursor:pointer;transition:.2s;border:none}
.fab:hover{transform:scale(1.08)}.fab.wa{right:22px;background:#25D366}.fab.acc{left:22px;background:var(--purple)}
.fab svg{width:28px;height:28px;fill:#fff}
.acc-panel{position:fixed;left:22px;bottom:86px;z-index:91;background:var(--cream);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px rgba(68,63,77,.18);padding:10px;display:none;flex-direction:column;gap:6px;width:210px}
.acc-panel.open{display:flex}
.acc-panel .t{font-size:11px;letter-spacing:2px;color:var(--purple);font-weight:700;padding:4px 6px}
.acc-panel button{background:var(--bg);border:none;border-radius:11px;padding:11px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;color:var(--ink);text-align:right}
.acc-panel button:hover{background:#ece2d4}

/* a11y states */
body.acc-contrast header,body.acc-contrast main,body.acc-contrast footer{filter:contrast(1.4)}
body.acc-links a{text-decoration:underline!important}
body.acc-readable,body.acc-readable *{font-family:Arial,Helvetica,sans-serif!important;line-height:1.95!important;letter-spacing:.3px!important}
body.acc-noanim *{animation:none!important;transition:none!important}
body.acc-noanim .reveal,body.acc-noanim .hero h1,body.acc-noanim .hero p,body.acc-noanim .hero .cta,body.acc-noanim .hero .eyebrow{opacity:1!important;transform:none!important}
body.acc-cursor,body.acc-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' stroke='%23fff' stroke-width='1' d='M4 2l16 8-7 2-2 7z'/%3E%3C/svg%3E") 4 4,auto!important}
#about,#workshop,#reviews,#contact{scroll-margin-top:92px}

/* burger */
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;cursor:pointer;padding:9px;min-height:44px;min-width:44px}
.burger span{width:24px;height:2px;background:var(--purple);border-radius:2px;transition:.25s}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0}
.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* legal */
.legal{max-width:820px;margin:0 auto;padding:54px 32px 80px}
.legal h1{font-family:"Heebo";font-size:38px;font-weight:300;color:var(--purple)}
.legal .upd{color:var(--muted);font-size:13px;margin-top:8px}
.legal h2{font-size:20px;margin:30px 0 8px;font-weight:700;color:var(--purple-d)}
.legal p,.legal li{font-size:16px;color:var(--muted);margin-bottom:10px;line-height:1.85}
.legal ul{padding-right:22px}
.legal a{color:var(--coral-d);text-decoration:underline}

h1,h2,h3,.h2,.hero h1{text-wrap:balance}

@media(max-width:920px){
  .wrap{padding:0 20px}
  .burger{display:flex}.hide-mob{display:none}
  nav{position:absolute;top:80px;right:0;left:0;background:rgba(245,239,230,.98);border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(68,63,77,.1);transform:translateY(-10px);opacity:0;pointer-events:none;transition:.22s}
  nav.open{transform:none;opacity:1;pointer-events:auto}
  nav ul{flex-direction:column;gap:0;padding:6px 20px 12px}
  nav ul li{border-top:1px solid var(--line)}nav ul li:first-child{border-top:0}
  nav a{display:block;padding:15px 0;font-size:16px}
  .hero{padding:28px 0 46px}
  .hero .grid,.about .grid,.contact .cgrid{grid-template-columns:1fr;gap:26px}
  .hero h1{font-size:38px}.h2{font-size:29px}
  .hero-pic{padding:10px;margin-top:4px}
  .hero-pic img{height:320px;border-radius:150px 150px 16px 16px}
  .hero-pic::before{inset:0 22px 22px 0}
  .hero .cta{gap:10px}.hero .cta .btn{flex:1;min-width:150px;padding:14px 10px}
  .qcards{grid-template-columns:1fr;gap:14px}
  .pain-answer{font-size:20px}
  .about .pic{padding:10px}.about .pic img{height:360px}.about .pic::before{inset:0 20px 20px 0}
  .pillars{grid-template-columns:1fr;gap:14px}
  .pillar{padding:26px 24px}
  .pain,.about,.workshop,.method,.reviews,.contact{padding:56px 0}
  .rcard{flex-basis:280px}
  .rtrack{animation-duration:40s}
  .fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}
  .copy{flex-direction:column;text-align:center}.copy .legal-links a{margin:0 8px}
  .cintro .ccta .btn{flex:1;min-width:150px}
  .legal h1{font-size:30px}
}
@media(max-width:520px){
  .lname{font-size:18px}.lname small{font-size:8.5px}
  .hero h1{font-size:30px}
}

/* ===== new blocks ===== */
.creds{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.creds span{background:rgba(142,122,174,.13);color:var(--purple-d);font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px}
.about-quote{position:relative;z-index:0;margin-top:30px;padding-top:14px;padding-inline-start:16px;max-width:470px;font-family:"Heebo",sans-serif;font-size:19px;font-weight:300;line-height:1.6;color:var(--purple-d)}
.about-quote::before{content:"\201D";position:absolute;z-index:-1;top:4px;inset-inline-start:-4px;font-family:"Heebo",sans-serif;font-size:130px;font-weight:700;line-height:1;color:var(--coral);opacity:.1;pointer-events:none}
.about .btn{margin-top:22px}

.pconnect{padding:58px 0;background:var(--bg)}
.pc-inner{max-width:860px;margin:0 auto;text-align:center;background:var(--cream);border:1px solid var(--line);border-radius:26px;padding:44px 40px}
.pc-inner .eyebrow{display:block}
.pc-inner p{color:var(--muted);font-size:17px;margin:14px auto 0;max-width:640px}

.cform form{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.cform .frow{display:flex;gap:12px}
.cform input,.cform textarea{width:100%;font-family:inherit;font-size:15px;padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}
.cform input::placeholder,.cform textarea::placeholder{color:#aca4b0}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--purple)}
.cform textarea{resize:vertical}
.cform button{align-self:flex-start;margin-top:2px}
.ficons{display:flex;gap:12px;margin-top:2px}
.ficons a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;transition:.2s}
.ficons a:hover{background:rgba(255,255,255,.12);border-color:#fff}
.ficons svg{width:19px;height:19px;fill:#c3c9d1}
.ficons a:hover svg{fill:#fff}
.copy .credit a{color:inherit;text-decoration:underline}
.copy .credit a:hover{color:#fff}
.qcard p{text-wrap:balance}

p,.sub,.method-lead,.pillar p,.qcard p,.pain-answer,.rcard blockquote,.about p,.pc-inner p{text-wrap:pretty}

@media(max-width:920px){
  .method .mgrid{grid-template-columns:1fr;gap:26px}
  .cform .frow{flex-direction:column}
  .pc-inner{padding:30px 22px}
}

/* who is it for */
.suits{padding:80px 0;background:var(--bg)}
.suitlist{list-style:none;max-width:760px;margin:36px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.suitlist li{position:relative;padding-inline-start:26px;color:var(--ink);font-size:16.5px}
.suitlist li::before{content:"";position:absolute;inset-inline-start:0;top:12px;width:8px;height:8px;border-radius:50%;background:var(--coral)}
.suitnote{max-width:760px;margin:28px auto 0;text-align:center;color:var(--muted);font-size:16px}
@media(max-width:920px){.suits{padding:56px 0}.suitlist{grid-template-columns:1fr;gap:10px}}

.adi-err{margin:12px 0 0;padding:11px 14px;border-radius:10px;font-size:14px;
  background:#fdeceb;border:1px solid #f0b3a8;color:#8c2f22;text-align:center;line-height:1.6}
.submit[disabled],.btn[disabled]{opacity:.6;cursor:default}