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

:root{
  --sh-glow: 0 0 0 1px rgba(255,255,255,.5), 0 18px 50px rgba(141,120,220,.20);
  --sh-xl: 0 36px 80px rgba(141,120,220,.26);
  --glass: rgba(255,255,255,.55);
  --line-soft: rgba(232,220,246,.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(169,152,232,.7);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(243,200,221,.9)}

/* ---------- shimmer איריסנטי (איטי, לבנדר) ---------- */
.shimmer{
  background:linear-gradient(100deg,#9E86C2 0%,#C7A9DC 20%,#F3C8DD 38%,#FBEFF6 50%,#C8B8F0 66%,#E29CC0 84%,#9E86C2 100%);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmerflow 9s linear infinite;filter:drop-shadow(0 0 16px rgba(169,152,232,.22))}
@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(226,156,192,.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(226,156,192,.35))}

.hero-art{max-width:400px;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:400px;margin-inline:auto;display:block;
  -webkit-mask-image:radial-gradient(90% 94% at 50% 50%,#000 86%,transparent 100%);mask-image:radial-gradient(90% 94% at 50% 50%,#000 86%,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(243,200,221,.6),rgba(200,217,246,.34) 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(141,120,220,.08),0 18px 44px rgba(141,120,220,.13)}
.empathy .m-card:nth-child(1){background:linear-gradient(180deg,#fff,#FBEAF1)}
.empathy .m-card:nth-child(2){background:linear-gradient(180deg,#fff,#EAF0FB)}
.empathy .m-card:nth-child(3){background:linear-gradient(180deg,#fff,#F2EAFB)}
.empathy .m-card .ic{box-shadow:0 6px 16px rgba(141,120,220,.22);color:#fff}
.empathy .m-card:nth-child(1) .ic{background:linear-gradient(135deg,#F3C8DD,#E29CC0)}
.empathy .m-card:nth-child(2) .ic{background:linear-gradient(135deg,#C8D9F6,#8FB0E6)}
.empathy .m-card:nth-child(3) .ic{background:linear-gradient(135deg,#DCC6F0,#A998E8)}
.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:#E29CC0}
.fits .fit:nth-child(1) .ic{background:linear-gradient(135deg,#F3C8DD,#E29CC0)}
.fits .fit:nth-child(2){border-inline-start-color:#A07BD0}
.fits .fit:nth-child(2) .ic{background:linear-gradient(135deg,#DCC6F0,#A07BD0)}
.fits .fit:nth-child(3){border-inline-start-color:#7FA3DB}
.fits .fit:nth-child(3) .ic{background:linear-gradient(135deg,#C8D9F6,#7FA3DB)}
.fits .fit:nth-child(4){border-inline-start-color:#D9A982}
.fits .fit:nth-child(4) .ic{background:linear-gradient(135deg,#F0DCC4,#D9A982)}
.fits .fit:nth-child(5){border-inline-start-color:#E29CC0}
.fits .fit:nth-child(5) .ic{background:linear-gradient(135deg,#F3C8DD,#E29CC0)}

/* 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(169,152,232,.14),0 8px 18px rgba(141,120,220,.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,#FBEAF1)}
.gift .gift-icons .gi:nth-child(2){background:linear-gradient(135deg,#fff,#F2EAFB)}
.gift .gift-icons .gi:nth-child(3){background:linear-gradient(135deg,#fff,#EAF0FB)}
.gift .amount{filter:drop-shadow(0 4px 14px rgba(169,152,232,.3))}
.gift .inner .btn-primary:hover{box-shadow:0 16px 40px rgba(141,120,220,.5),0 0 0 4px rgba(243,200,221,.4)}

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

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

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

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

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

/* HERO — קומפוזיציה אחת מיושרת לקיפול המסך */
.hero{min-height:92vh;padding-block:clamp(32px,5vh,72px);display:flex;align-items:center;justify-content:center}
.hero .container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;
  gap:clamp(10px,1.5vh,20px)}
.hero .eyebrow,.hero h1,.hero .lead,.hero .flourish{margin:0}
.hero-art{margin-top:clamp(2px,.6vh,12px)}
.hero .scroll-cue{margin-top:clamp(8px,1.4vh,18px)}

/* מובייל — Hero קומפקטי שנכנס בקיפול בלי חיתוך; המוח מתכווץ לפי גובה המסך */
@media (max-width:680px){
  .hero{min-height:auto;overflow:visible;align-items:flex-start;
    padding-top:clamp(14px,4vw,26px);padding-bottom:clamp(28px,8vw,48px)}
  .hero .container{gap:clamp(8px,2.4vw,15px)}
  .hero-art{max-width:none;margin-top:clamp(2px,1vw,8px)}
  .hero-art video.hero-brain,.hero-art img{max-width:min(72vw,318px);max-height:36vh;
    -webkit-mask-image:radial-gradient(92% 94% at 50% 50%,#000 88%,transparent 100%);
    mask-image:radial-gradient(92% 94% 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:1.6em;line-height:1.02;margin-top:.04em}

/* בקרת ירידות-שורה לכל גודל מסך */
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}
.site-footer .wm-sub{letter-spacing:.16em}

/* ==========================================================================
   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(96px,16vw,132px);height:clamp(96px,16vw,132px);flex:none;border-radius:50%;display:grid;place-items:center;
  background:var(--grad-soft);box-shadow:var(--sh-md);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-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}
}

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