/* ==========================================================================
   המוח הטבעי — שכבת שדרוג (FX) | נטענת מעל main.css
   אור אמביינטי, פס-גלילה, shimmer, מפרידים, זכוכית, עומק, נשימה. רמת Fairyness.
   ========================================================================== */

:root{
  --sh-glow: 0 0 0 1px rgba(255,251,243,.6), 0 18px 50px rgba(74,46,87,.18);
  --sh-xl: 0 36px 80px rgba(74,46,87,.24);
  --glass: rgba(255,252,246,.6);
  --line-soft: rgba(218,202,176,.9);
  --ease-soft: cubic-bezier(.22,1,.36,1);
}

/* ---------- אור אמביינטי (canvas) ---------- */
html{overflow-x:hidden}
#ambient{position:fixed;top:0;left:0;z-index:2;pointer-events:none}

/* ---------- פס התקדמות-גלילה עם נקודה זוהרת (RTL) ---------- */
.scroll-prog{position:fixed;inset-block-start:0;inset-inline-start:0;height:3px;width:0;z-index:70;
  border-radius:0 0 0 6px;
  background:linear-gradient(90deg,var(--c-accent),var(--c-primary),var(--c-primary-d));
  box-shadow:0 0 12px rgba(200,168,106,.6);transition:width .12s linear}
.scroll-prog::after{content:"";position:absolute;inset-inline-end:-4px;inset-block-start:-3px;width:9px;height:9px;
  border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgba(200,168,106,.9)}

/* ---------- shimmer ספרותי (איטי, שזיף→ברונזה→זהב) ---------- */
.shimmer{
  background:linear-gradient(100deg,#4A2E57 0%,#7A5530 22%,#C8A86A 42%,#9A7430 54%,#5A3A5E 70%,#A8843F 88%,#4A2E57 100%);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmerflow 9s linear infinite;filter:drop-shadow(0 1px 1px rgba(74,46,87,.28))}
@keyframes shimmerflow{from{background-position:0% 0}to{background-position:200% 0}}

/* ---------- נשימה עדינה ---------- */
.breathe{animation:breathe 9s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ---------- מפריד-דיו בוטני בין מקטעים ---------- */
.divider{display:block;width:100%;max-width:300px;margin:clamp(10px,3.5vw,34px) auto;color:var(--c-accent-d);opacity:.75}
.divider svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 1px 5px rgba(168,132,63,.3))}

/* ---------- כרטיס זכוכית ---------- */
.glass{background:var(--glass);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(14px);
  box-shadow:var(--sh-glow)}

/* ==========================================================================
   HERO — שדרוג (override על main.css)
   ========================================================================== */
.hero{padding-block:clamp(44px,6vw,84px)}
.hero .eyebrow{backdrop-filter:blur(6px)}
.hero h1{position:relative}
.hero .flourish{display:block;width:clamp(150px,26vw,210px);margin:16px auto 4px;color:var(--c-accent-d);opacity:.85}
.hero .flourish svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 1px 6px rgba(168,132,63,.35))}

.hero-art{max-width:430px;margin-top:clamp(4px,1.4vw,16px)}
.hero-art img,.hero-art video.hero-brain{border-radius:0;box-shadow:none;width:100%;max-width:430px;margin-inline:auto;display:block;
  -webkit-mask-image:radial-gradient(88% 94% at 50% 50%,#000 84%,transparent 100%);mask-image:radial-gradient(88% 94% at 50% 50%,#000 84%,transparent 100%)}
.hero-art .ring{inset:-16%;border-radius:48% 52% 50% 50%/50% 48% 52% 50%;
  background:radial-gradient(circle at 52% 44%,rgba(200,168,106,.42),rgba(180,158,196,.26) 46%,transparent 72%);
  filter:blur(20px);animation:auraPulse 7s ease-in-out infinite}
@keyframes auraPulse{0%,100%{opacity:.8;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}

/* ניצוצות מרחפים סביב ה-Hero */
.hero-art .spark{position:absolute;color:var(--c-accent-d);opacity:.85;z-index:1;animation:floatSpark 5.5s ease-in-out infinite}
.hero-art .spark svg{width:100%;height:100%;display:block}
.hero-art .sp1{width:24px;height:24px;inset-block-start:4%;inset-inline-end:6%;color:var(--c-primary)}
.hero-art .sp2{width:16px;height:16px;inset-block-start:34%;inset-inline-start:2%;animation-delay:1.3s}
.hero-art .sp3{width:20px;height:20px;inset-block-end:8%;inset-inline-end:12%;color:var(--c-secondary);animation-delay:.7s}
@keyframes floatSpark{0%,100%{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-12px) rotate(10deg);opacity:1}}

/* ==========================================================================
   שדרוג מקטעים (CSS-only overrides) — צבע-קוד, עומק, זכוכית
   ========================================================================== */

/* EMPATHY — כרטיסי-כאב עם צבע-קוד ועומק */
.empathy .m-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.75);
  box-shadow:0 2px 10px rgba(74,46,87,.08),0 18px 44px rgba(74,46,87,.13)}
.empathy .m-card:nth-child(1){background:linear-gradient(180deg,#fff,#F4E9D4)}
.empathy .m-card:nth-child(2){background:linear-gradient(180deg,#fff,#E9EFE1)}
.empathy .m-card:nth-child(3){background:linear-gradient(180deg,#fff,#EFE7EF)}
.empathy .m-card .ic{box-shadow:0 6px 16px rgba(74,46,87,.2);color:#fff}
.empathy .m-card:nth-child(1) .ic{background:linear-gradient(135deg,#D8B870,#A8843F)}
.empathy .m-card:nth-child(2) .ic{background:linear-gradient(135deg,#BAC6AE,#86997C)}
.empathy .m-card:nth-child(3) .ic{background:linear-gradient(135deg,#8A6A92,#4A2E57)}
.empathy .m-card p{font-size:1.07rem;line-height:1.5}

/* WHO — צבע-קוד לכל מצב + accent */
.fits .fit{border-inline-start:3px solid var(--c-primary);overflow:hidden}
.fits .fit .ic{color:#fff}
.fits .fit:nth-child(1){border-inline-start-color:#A8843F}
.fits .fit:nth-child(1) .ic{background:linear-gradient(135deg,#D8B870,#A8843F)}
.fits .fit:nth-child(2){border-inline-start-color:#6A4A76}
.fits .fit:nth-child(2) .ic{background:linear-gradient(135deg,#8A6A92,#5A3A66)}
.fits .fit:nth-child(3){border-inline-start-color:#86997C}
.fits .fit:nth-child(3) .ic{background:linear-gradient(135deg,#BAC6AE,#86997C)}
.fits .fit:nth-child(4){border-inline-start-color:#B07A3A}
.fits .fit:nth-child(4) .ic{background:linear-gradient(135deg,#E0C088,#B07A3A)}
.fits .fit:nth-child(5){border-inline-start-color:#A8843F}
.fits .fit:nth-child(5) .ic{background:linear-gradient(135deg,#D8B870,#A8843F)}

/* JOURNEY — סמני-שלב עם טבעת-צמיחה */
.journey::before{width:2px;background:linear-gradient(var(--c-primary),var(--c-accent),var(--c-secondary));opacity:.5}
.journey .j-step .num{box-shadow:0 0 0 6px rgba(74,46,87,.14),0 8px 18px rgba(74,46,87,.26)}
.journey .j-step .body b{color:var(--c-primary-d)}

/* TESTIMONIALS — כרטיסי-זכוכית עם accent */
.quotes .quote{background:var(--glass);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);
  box-shadow:var(--sh-glow);border-inline-start:4px solid var(--c-accent)}
.quotes .quote:nth-child(2){border-inline-start-color:var(--c-primary)}
.quotes .quote:nth-child(3){border-inline-start-color:var(--c-secondary)}

/* GIFT — אייקונים בצבע + סכום זוהר + כפתור */
.gift .gift-icons .gi:nth-child(1){background:linear-gradient(135deg,#fff,#F4E9D4)}
.gift .gift-icons .gi:nth-child(2){background:linear-gradient(135deg,#fff,#EFE7EF)}
.gift .gift-icons .gi:nth-child(3){background:linear-gradient(135deg,#fff,#E9EFE1)}
.gift .amount{filter:drop-shadow(0 4px 14px rgba(74,46,87,.3))}
.gift .inner .btn-primary:hover{box-shadow:0 16px 40px rgba(74,46,87,.5),0 0 0 4px rgba(200,168,106,.4)}

/* CONTACT — מצב פוקוס בולט */
.contact .form-field input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(74,46,87,.18)}

/* כותרות-מקטע — נשימה עדינה ל-eyebrow */
.section-head .eyebrow,.fits-intro .eyebrow{box-shadow:0 4px 14px rgba(74,46,87,.12)}

/* ==========================================================================
   פידבק יוסף — הסרת בר, אוויר, תוויות אורגניות, פוטר ממורכז, כותרת Hero
   ========================================================================== */

/* הסרת הבר העליון */
.site-header{display:none}

/* יותר אוויר ומרחב נשימה */
section{padding-block:clamp(66px,9.5vw,128px)}

/* HERO — קומפוזיציה אחת שממלאת את הקיפול */
.hero{min-height:100vh;padding-block:clamp(32px,5vh,72px);display:flex;align-items:center;justify-content:center;overflow:visible}
.hero .container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;
  gap:clamp(9px,1.4vh,18px)}
.hero h1,.hero .hero-course,.hero .hero-method,.hero .hero-hook{margin:0}
.hero-art{margin-top:clamp(2px,.6vh,12px)}
.hero .hero-hook{margin-top:clamp(2px,.6vh,10px)}
.hero .hero-bridge{margin-top:clamp(6px,1.2vh,16px)}


/* מובייל — Hero ממלא את גובה המסך, ממורכז, בלי חיתוך והמוח מתכווץ לפי הגובה */
@media (max-width:680px){
  .hero{min-height:100svh;overflow:visible;align-items:center;
    padding-top:clamp(16px,4svh,40px);padding-bottom:clamp(20px,5svh,56px)}
  .hero .container{justify-content:center;gap:clamp(8px,1.7svh,15px)}
  .hero-art{max-width:none;margin-top:clamp(2px,1vw,8px)}
  .hero-art video.hero-brain,.hero-art img{max-width:min(76vw,330px);max-height:35vh;
    -webkit-mask-image:radial-gradient(92% 96% at 50% 50%,#000 88%,transparent 100%);
    mask-image:radial-gradient(92% 96% at 50% 50%,#000 88%,transparent 100%)}
}
.section-head{margin-bottom:clamp(38px,6vw,64px)}
.mirror,.fits,.quotes{gap:clamp(20px,3.2vw,30px)}
.journey .j-step{padding-block:22px}
.about{gap:clamp(36px,6vw,72px)}

/* תוויות (eyebrow) — עריכותי/אורגני במקום פיל טכני */
.eyebrow{display:inline-block;background:none!important;border:0!important;box-shadow:none!important;padding:0;
  color:var(--c-accent-d);font-weight:700;font-size:.8rem;letter-spacing:.03em;margin-bottom:16px}

/* כותרת Hero — "מחדש" כחלק מהמשפט, מודגש בברק */
.hero h1{line-height:1.12}
.hero h1 .hero-emph{display:inline-block;font-size:1em}

/* בקרת ירידות-שורה לכל גודל מסך */
h1,h2,h3{text-wrap:balance}
.lead,.quoteline,.bridge,.ready .sub,.j-step .body p,.m-card p,.fit span,.gift .lead{text-wrap:pretty}

/* פוטר — ממורכז, בלי הסמל המכוער */
.site-footer .foot-grid{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}
.site-footer .wordmark{flex-direction:column;gap:2px;pointer-events:none}
.site-footer .wordmark .mark{display:none}
.site-footer .wm-title{font-size:1.4rem;color:#F6EFE4}
.site-footer .wm-sub{letter-spacing:.16em;color:#C8A86A}

/* ==========================================================================
   JOURNEY v2 — חמשת השלבים כחוויה מאוירת מתחלפת
   ========================================================================== */
.journey{max-width:860px;margin-inline:auto;display:flex;flex-direction:column;gap:clamp(28px,5vw,54px);position:relative}
.journey::before{display:none}
.j-step{display:flex;gap:clamp(20px,4vw,42px);align-items:center;padding:0}
.j-step:nth-child(even){flex-direction:row-reverse}
.j-illus{width:clamp(100px,16vw,134px);height:clamp(100px,16vw,134px);flex:none;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 38%,#fff 0%,#F5ECD9 76%,#EFE3CC 100%);
  box-shadow:0 10px 30px rgba(74,46,87,.16),inset 0 0 0 1px rgba(255,255,255,.7);color:#fff;position:relative}
.j-illus::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px dashed var(--c-accent);opacity:.45;animation:breathe 9s ease-in-out infinite}
.j-illus svg{width:55%;height:55%}
.j-illus img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(74,46,87,.20))}
.j-body{flex:1}
.j-body .j-num{display:block;font-family:var(--font-display);font-weight:900;font-size:1rem;color:var(--c-accent-d);letter-spacing:.06em;margin-bottom:5px}
.j-body b{display:block;font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:700;color:var(--c-ink);margin-bottom:7px}
.j-body p{margin:0;color:var(--c-ink-soft);font-size:1.06rem;line-height:1.6;max-width:48ch}
@media(max-width:680px){
  .j-step,.j-step:nth-child(even){flex-direction:column;text-align:center;gap:16px}
  .j-body p{margin-inline:auto}
}

/* ==========================================================================
   זהות Hero — שם-קורס, שיטה, הוק, גשר
   ========================================================================== */
.hero-course{display:flex;align-items:center;justify-content:center;gap:.45ch;flex-wrap:wrap;
  font-family:var(--font-display);font-size:clamp(1.12rem,3vw,1.6rem);line-height:1.2}
.hero-course .hc-pre{color:var(--c-ink-soft);font-weight:500}
.lt-mono{width:clamp(32px,6.5vw,44px);height:auto;color:var(--c-primary-d);flex:none;margin-inline-end:.15ch}
.lt-brand{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;font-size:1.24em;
  background:linear-gradient(105deg,#4A2E57 0%,#6A4476 38%,#A8843F 68%,#4A2E57 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}

.hero-method{font-size:clamp(.88rem,2.1vw,1.02rem);color:var(--c-ink-soft);font-weight:500}
.hero-method span{color:var(--c-primary-d);font-weight:700}

.hero-hook{max-width:30ch;margin-inline:auto;font-size:clamp(1.02rem,2.5vw,1.24rem);line-height:1.55;
  color:var(--c-ink);font-weight:500}
.hero-hook .text-grad{font-weight:700}

.hero-bridge{display:inline-flex;flex-direction:column;align-items:center;gap:5px;
  color:var(--c-primary-d);font-weight:600;font-size:.92rem;text-decoration:none;transition:color .2s}
.hero-bridge:hover{color:#4A2E57}
.hero-bridge svg{width:22px;height:22px;animation:bob 1.8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* ==========================================================================
   סעיף הכאב — כותרת + גשר בולט (שלא נבלע)
   ========================================================================== */
.empathy .empathy-h{font-size:clamp(1.55rem,4vw,2.4rem);margin:6px 0 0;color:var(--c-ink)}
.empathy .bridge{max-width:32ch;margin:clamp(30px,5vw,52px) auto 0;text-align:center;
  font-family:var(--font-display);font-weight:700;line-height:1.4;color:var(--c-ink)}
.empathy .bridge .b-punch{display:block;font-size:clamp(1.7rem,4.8vw,2.5rem);color:var(--c-primary-d);margin-bottom:.3em}
.empathy .bridge .b-rest{display:block;font-size:clamp(1.2rem,3vw,1.65rem);max-width:22ch;margin-inline:auto;text-wrap:balance}
.empathy .bridge em{font-style:normal;color:var(--c-primary-d)}
.empathy .bridge .text-grad{font-weight:700}

/* ==========================================================================
   SOLUTION — חיבור בעיה→פתרון + 3 עמודי השיטה (נק' 5)
   ========================================================================== */
.solution .sol-bridge{max-width:46ch;margin:14px auto 0;font-size:clamp(1.05rem,2.4vw,1.28rem);
  line-height:1.65;color:var(--c-ink-soft)}
.solution .sol-bridge b{color:var(--c-primary-d);font-weight:800}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.6vw,26px);
  max-width:920px;margin:clamp(34px,5vw,54px) auto 0}
.pillar{background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.85);
  border-radius:var(--r);padding:clamp(22px,3vw,30px) clamp(18px,2.4vw,24px);text-align:center;
  box-shadow:0 2px 12px rgba(74,46,87,.09),0 18px 44px rgba(74,46,87,.12)}
.pillar .p-ic{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;
  margin-bottom:14px;box-shadow:0 8px 20px rgba(74,46,87,.24)}
.pillar:nth-child(1) .p-ic{background:linear-gradient(135deg,#D8B870,#A8843F)}
.pillar:nth-child(2) .p-ic{background:linear-gradient(135deg,#8A6A92,#5A3A66)}
.pillar:nth-child(3) .p-ic{background:linear-gradient(135deg,#BAC6AE,#86997C)}
.pillar .p-ic svg{width:28px;height:28px}
.pillar b{display:block;font-family:var(--font-display);font-size:1.2rem;color:var(--c-ink);margin-bottom:8px}
.pillar p{margin:0;color:var(--c-ink-soft);font-size:1rem;line-height:1.55}
.solution .quoteline{margin-top:clamp(28px,4vw,40px)}
@media(max-width:680px){.pillars{grid-template-columns:1fr;max-width:430px}}

/* ==========================================================================
   TESTIMONIALS — כרטיסי-זכוכית משודרגים (נק' 8)
   ========================================================================== */
.quotes .quote{position:relative;display:flex;flex-direction:column;padding-top:36px}
.quotes .quote .q-mark{position:absolute;inset-block-start:8px;inset-inline-start:20px;
  font-family:var(--font-display);font-size:3.4rem;line-height:1;color:var(--c-accent);opacity:.55}
.quotes .quote p{flex:1;font-size:1.07rem;line-height:1.6;color:var(--c-ink)}
.quotes .q-by{display:flex;align-items:center;gap:10px;margin-top:16px}
.quotes .q-av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,#C8A86A,#8A6A92);color:#fff;font-size:.9rem}
.quotes .by{font-size:.85rem;color:var(--c-ink-soft);font-weight:600}
.quotes .quote.ph{background:rgba(255,255,255,.42);border:1px dashed rgba(74,46,87,.55);box-shadow:none;
  align-items:center;justify-content:center;text-align:center}
.quotes .quote.ph .q-mark{position:static;color:var(--c-primary);opacity:.75;font-size:2rem;margin-bottom:8px}
.quotes .quote.ph p{flex:none;font-family:var(--font-display);font-weight:700;color:var(--c-primary-d)}
.quotes .quote.ph .q-by{justify-content:center}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .shimmer,.breathe,.hero-art .ring,.hero-art .spark,.hero-bridge svg{animation:none}
  .scroll-prog{transition:none}
}