/* ============================================================
   אברי ברקת — מערכת עיצוב האתר · v4
   פלטה: כחול דמדומים עמוק + קרם + זהב פליז
   פונטים: Heebo (כותרות) + Assistant (גוף)
   ⚠️ כל גדלי הפונט ב-rem — תוסף הנגישות מגדיל דרך html{font-size}
   ============================================================ */

:root{
  --ink:#1C2E47;
  --ink-2:#122036;
  --ink-3:#26405E;
  --ink-4:#0D1725;
  --cream:#F5F2EA;
  --cream-2:#EDE8DB;
  --cream-3:#E4DDCC;
  --gold:#C9A14E;
  --gold-soft:#DEC084;
  /* ⚠️ gold-deep משמש לטקסט על רקע בהיר (eyebrow, .more, .who, מחירים).
     #836427 נותן ניגודיות 4.5+ מול לבן, קרם וקרם-2, כנדרש ב-WCAG AA. אל תבהיר אותו. */
  --gold-deep:#836427;
  --gold-glow:rgba(201,161,78,.16);
  --head:#1E2C3B;
  --body:#4A4E44;
  --muted:#6E6557;
  --line:rgba(40,40,28,.11);
  --line-d:rgba(222,192,132,.16);
  --earth:#8A6A43;
  --water:#4A7C8C;
  --fire:#B0603A;
  --air:#6E8494;
  --radius:1.1rem;
  --radius-s:.7rem;
  --maxw:70rem;      /* 1120px */
  --shadow:0 .6rem 2rem rgba(28,28,18,.06);
  --shadow-l:0 1.6rem 3.4rem rgba(16,22,32,.16);
  --ease:cubic-bezier(.22,.68,.32,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{font-size:100%;scroll-behavior:smooth}
body{
  font-family:'Assistant',sans-serif;
  background:var(--cream);
  color:var(--body);
  font-size:1.09rem;
  line-height:1.85;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:'Heebo',sans-serif;font-weight:700;line-height:1.22;color:var(--head);text-wrap:balance;letter-spacing:-.012em}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--gold);color:#241d10}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.6rem}
.narrow{max-width:42rem;margin-inline:auto}
.mid{max-width:52rem;margin-inline:auto}
section{padding:6.5rem 0;position:relative}
@media(max-width:43.75rem){section{padding:4rem 0}}

/* ---------- ריתמוס רקעים ---------- */
.alt{background:var(--cream-2)}
.dark{background:var(--ink);color:#E9E2D2}
.dark h1,.dark h2,.dark h3,.dark h4{color:#fff}
.dark .eyebrow{color:var(--gold-soft)}
.dark p{color:#DDD6C7}

/* טקסטורה עדינה על אזורים כהים — נותנת חום ועומק במקום שטח שטוח */
.dark,.band,.cta-strip,.phero,.foot,.sos{position:relative}
.dark::before,.band::before,.cta-strip::before,.phero::before,.sos::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");
}
.dark>*,.band>*,.cta-strip>*,.phero>*,.sos>*{position:relative;z-index:1}

/* ---------- כותרות משנה וקישוט ---------- */
.eyebrow{
  font-family:'Assistant',sans-serif;font-weight:600;font-size:.92rem;
  letter-spacing:.14em;color:var(--gold-deep);margin-bottom:1.05rem;
  display:inline-flex;align-items:center;gap:.7rem;
}
.eyebrow::before{content:"";width:1.6rem;height:1px;background:currentColor;opacity:.55;flex:0 0 auto}
.shead .eyebrow,.phero .eyebrow,.hero .eyebrow,.cta-strip .eyebrow{justify-content:center}
.shead .eyebrow::after,.phero .eyebrow::after,.hero .eyebrow::after,.cta-strip .eyebrow::after{
  content:"";width:1.6rem;height:1px;background:currentColor;opacity:.55;flex:0 0 auto
}

/* skip link */
.skip{position:absolute;top:-4rem;right:1rem;background:var(--gold);color:#241d10;padding:.7rem 1.2rem;z-index:300;border-radius:0 0 .5rem .5rem;font-weight:700;text-decoration:none;transition:top .15s ease}
.skip:focus{top:0}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{
  outline:3px solid var(--gold-deep);outline-offset:2px;border-radius:.25rem;
}
.dark a:focus-visible,.hero a:focus-visible,.foot a:focus-visible{outline-color:var(--gold-soft)}

/* ---------- חשיפה בגלילה ---------- */
.rv{opacity:0;transform:translateY(1.6rem);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-2{transition-delay:.1s}.rv-3{transition-delay:.2s}.rv-4{transition-delay:.3s}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
  *{animation:none !important}
}

/* ---------- NAV ---------- */
.nav{position:sticky;top:0;z-index:100;transition:background .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.nav{background:rgba(18,32,54,.96);backdrop-filter:saturate(150%) blur(.65rem);border-bottom:1px solid var(--line-d)}
.nav-in{max-width:var(--maxw);margin:0 auto;padding:.85rem 1.6rem;display:flex;align-items:center;gap:1.8rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}
.brand .mark{width:2.4rem;height:2.4rem;flex:0 0 auto;display:block;transition:transform .5s var(--ease)}
.brand:hover .mark{transform:rotate(-8deg) scale(1.05)}
.brand .bt{font-family:'Heebo',sans-serif;font-weight:700;color:#F3ECDC;font-size:1.04rem;line-height:1.2;letter-spacing:-.01em}
.brand .bs{display:block;font-family:'Assistant';font-weight:400;font-size:.74rem;color:#A9B5C4;letter-spacing:.03em}
.nav-links{flex:1;display:flex;align-items:center;gap:1.15rem;list-style:none}
.nav-links li:last-child{margin-inline-start:auto}
.nav-links a{
  position:relative;color:#DDE4EC;text-decoration:none;font-size:.98rem;font-weight:500;
  padding:.35rem 0;transition:color .2s;
}
.nav-links a::after{
  content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--gold);
  transition:width .28s var(--ease);
}
.nav-links a:hover{color:#fff}
.nav-links a:hover::after,.nav-links a.on::after{width:100%}
.nav-links a.on{color:var(--gold-soft)}
/* ⚠️ חייב להיות .nav-links a.nav-cta ולא .nav-cta לבד.
   הכלל .nav-links a ספציפי יותר (מחלקה + אלמנט), ולכן הוא גובר ומאפס
   את הריפוד האופקי. התוצאה היא כדור זהוב שהטקסט נדבק לשוליו. */
.nav-links a.nav-cta{
  background:var(--gold);color:#241d10;
  padding:.5rem 1.4rem;border-radius:2rem;font-weight:700;line-height:1.4;
  box-shadow:0 .25rem .75rem rgba(0,0,0,.16);
  transition:background .2s,transform .2s var(--ease),box-shadow .2s var(--ease);
}
.nav-links a.nav-cta:hover{background:#DBB768;color:#241d10;transform:translateY(-1px);box-shadow:0 .45rem 1.1rem rgba(0,0,0,.24)}
/* בעמוד יצירת קשר ל-CTA יש גם class="on". בלי הכללים האלה הוא נצבע
   בזהב בהיר על זהב, ומקבל קו תחתון מתחת לכדור */
.nav-links a.nav-cta.on{color:#241d10}
.nav-links a.nav-cta::after{display:none}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:.4rem}
.nav-toggle span{display:block;width:1.5rem;height:2px;background:#E9E2D2;margin:.28rem 0;transition:.25s var(--ease)}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(.3rem) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-.3rem) rotate(-45deg)}
@media(max-width:64rem){
  .nav-toggle{display:block;margin-inline-start:auto}
  .nav-in{gap:1rem}
  .nav-links{
    position:absolute;top:100%;right:0;left:0;background:var(--ink-2);flex-direction:column;
    align-items:stretch;gap:0;padding:.5rem 1.6rem 1.4rem;border-bottom:1px solid var(--line-d);
    display:none;box-shadow:0 1rem 2rem rgba(0,0,0,.3);
  }
  .nav-links.open{display:flex}
  .nav-links li:last-child{margin-inline-start:0}
  .nav-links a{display:block;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.07)}
  .nav-links a::after{display:none}
  .nav-links a.nav-cta{margin-top:1rem;text-align:center;padding:.85rem 1.4rem;border-bottom:0}
}

/* ---------- BUTTONS ---------- */
.btn{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;gap:.7rem;
  background:var(--gold);color:#241d10;text-decoration:none;
  font-family:'Assistant',sans-serif;font-weight:700;font-size:1.06rem;
  padding:1rem 2.5rem;border-radius:3rem;border:0;cursor:pointer;
  box-shadow:0 .55rem 1.5rem rgba(0,0,0,.16);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;
}
.btn::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);
  transform:translateX(-130%);transition:transform .7s var(--ease);
}
.btn:hover::before{transform:translateX(130%)}
.btn:hover{transform:translateY(-2px);background:#D8B362;box-shadow:0 .95rem 2.1rem rgba(0,0,0,.24)}
.btn svg{width:1.25rem;height:1.25rem;fill:currentColor;position:relative}
.btn span,.btn>*{position:relative}
.btn-ghost{background:transparent;color:#F1EAD9;border:1.5px solid rgba(222,192,132,.45);box-shadow:none}
.btn-ghost:hover{background:rgba(222,192,132,.12);color:#fff;border-color:var(--gold-soft)}
.btn-ghost::before{display:none}
.btn-dark{background:var(--ink);color:#F3ECDC}
.btn-dark:hover{background:var(--ink-3)}
.btn-note{display:block;margin-top:1rem;font-size:.94rem;opacity:.85}
.btn-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
@media(max-width:34rem){.btn{width:100%;padding-inline:1.2rem}.btn-row{flex-direction:column;align-items:stretch}}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:86vh;display:flex;align-items:center;color:#E9E2D2;text-align:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 45%;animation:kb 26s ease-in-out infinite alternate;will-change:transform}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.09)}}
.hero::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(85% 70% at 50% 42%,rgba(9,15,24,.24) 0%,rgba(9,15,24,.62) 68%,rgba(9,15,24,.82) 100%),
    linear-gradient(180deg,rgba(11,18,28,.62) 0%,rgba(11,18,28,.36) 34%,rgba(11,18,28,.94) 100%);
}
.hero>.wrap{position:relative;z-index:2;width:100%;padding-top:6rem;padding-bottom:6.5rem}
.hero h1{color:#fff;font-weight:800;font-size:clamp(2.3rem,6.2vw,4.35rem);line-height:1.06;letter-spacing:-.028em;text-shadow:0 .12rem 1.8rem rgba(0,0,0,.45)}
.hero h1 em{font-style:normal;color:var(--gold-soft)}
.hero .tag{font-family:'Heebo',sans-serif;font-weight:500;font-size:clamp(1.12rem,2.5vw,1.5rem);color:#F3EBDA;margin-top:1.1rem;line-height:1.45;text-shadow:0 .12rem 1.1rem rgba(0,0,0,.65);max-width:34ch;margin-inline:auto}
.hero p.sub{color:#DFD7C6;font-size:1.12rem;line-height:1.82;margin:1.5rem auto 2.3rem;max-width:50ch;text-shadow:0 .06rem .9rem rgba(0,0,0,.6)}
.hero .eyebrow{color:#EFD5A0;text-shadow:0 .12rem .9rem rgba(0,0,0,.7)}
/* תמונת פנים עגולה מעל הכותרת */
.hero-avatar{
  width:7rem;height:7rem;margin:0 auto 1.7rem;border-radius:50%;overflow:hidden;
  border:2px solid rgba(222,192,132,.75);box-shadow:0 .9rem 2.2rem rgba(0,0,0,.42);
}
/* קבצי av-*.jpg כבר חתוכים לריבוע ממורכז על הפנים, לכן center ולא הסטה */
.hero-avatar img{width:100%;height:100%;object-fit:cover;object-position:center center}
@media(max-width:43.75rem){.hero-avatar{width:5.6rem;height:5.6rem;margin-bottom:1.3rem}}
.hero .btn-note{color:#E6D4AB;font-weight:600;text-shadow:0 .06rem .8rem rgba(0,0,0,.7)}

/* כניסה מדורגת של ההירו */
.hero .eyebrow,.hero .hero-avatar,.hero h1,.hero .tag,.hero p.sub,.hero .btn-row,.hero .btn-note,.hero>.wrap>.btn{
  animation:rise .9s var(--ease) both;
}
.hero h1{animation-delay:.1s}
.hero .tag{animation-delay:.2s}
.hero p.sub{animation-delay:.26s}
.hero .btn-row,.hero>.wrap>.btn{animation-delay:.34s}
.hero .btn-note{animation-delay:.42s}
@keyframes rise{from{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:none}}

/* חץ גלילה */
.scroll-cue{position:absolute;bottom:1.8rem;left:50%;transform:translateX(-50%);z-index:3;color:rgba(240,225,195,.65);display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.78rem;letter-spacing:.16em;text-decoration:none}
.scroll-cue svg{width:1.1rem;height:1.1rem;stroke:currentColor;fill:none;stroke-width:1.8;animation:bob 2.2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(.35rem)}}
@media(max-width:43.75rem){.scroll-cue{display:none}.hero{min-height:80vh}}

/* hero פנימי (עמודי משנה) */
.phero{position:relative;color:#E9E2D2;text-align:center;background:radial-gradient(130% 140% at 50% -10%,#31547B 0%,var(--ink) 52%,var(--ink-2) 100%);overflow:hidden}
.phero .wrap{padding:5.2rem 1.6rem 4.6rem}
.phero h1{color:#fff;font-weight:800;font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.12;letter-spacing:-.025em}
.phero h1 em{font-style:normal;color:var(--gold-soft)}
.phero p.lead{color:#DFD7C6;font-size:1.13rem;line-height:1.82;margin:1.3rem auto 0;max-width:52ch}
.phero .eyebrow{color:var(--gold-soft)}
.phero .btn-row{margin-top:2.1rem;justify-content:center}

/* ---------- SECTION HEADS ---------- */
.shead{text-align:center;margin-bottom:3.4rem}
.shead h2{font-size:clamp(1.75rem,3.6vw,2.45rem);margin-bottom:.8rem;letter-spacing:-.022em}
.shead p{font-size:1.09rem;color:var(--body);max-width:40rem;margin-inline:auto}
.dark .shead p{color:#DCD5C6}

/* ---------- TRUST STRIP ---------- */
.trust{background:var(--ink-2);padding:2.6rem 0;border-block:1px solid var(--line-d)}
.trust-in{max-width:var(--maxw);margin:0 auto;padding:0 1.6rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;text-align:center}
.trust .n{font-family:'Heebo';font-weight:800;font-size:clamp(1.7rem,3.4vw,2.3rem);color:var(--gold-soft);line-height:1.1;letter-spacing:-.02em}
.trust .l{font-size:.95rem;color:#B7C0CC;margin-top:.3rem;line-height:1.5}
@media(max-width:47rem){.trust-in{grid-template-columns:1fr 1fr;gap:1.8rem 1rem}}

/* ---------- CARDS ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.7rem;align-items:stretch}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:2.1rem 1.9rem;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.card::after{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.card:hover{transform:translateY(-.4rem);box-shadow:0 1.5rem 2.8rem rgba(28,28,18,.11);border-color:rgba(201,161,78,.35)}
.card:hover::after{transform:scaleX(1)}
.card h3{font-size:1.38rem;margin-bottom:.6rem;letter-spacing:-.015em}
.card p{font-size:1.01rem;line-height:1.8;color:var(--body);flex:1}
.card .more{margin-top:1.3rem;font-weight:700;color:var(--gold-deep);text-decoration:none;font-size:1.01rem;display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start}
.card .more::after{content:"←";transition:transform .3s var(--ease);display:inline-block}
.card:hover .more::after{transform:translateX(-.35rem)}
.card .pic{border-radius:var(--radius-s);overflow:hidden;margin:-2.1rem -1.9rem 1.5rem;position:relative;background:var(--ink-2)}
.card .pic img{width:100%;height:12.5rem;object-fit:cover;object-position:center center;transition:transform .8s var(--ease)}
/* .pic.top לתמונות פורטרט — בלי זה ה-crop חותך את המצח ומוריד את הפנים מהמסגרת */
.card .pic.top img{object-position:center 16%}
.card:hover .pic img{transform:scale(1.06)}
.card .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,20,32,0) 45%,rgba(12,20,32,.35) 100%)}
.card .price{font-family:'Heebo';font-weight:600;color:var(--gold-deep);font-size:.97rem;margin-top:.7rem}
.card .tagline{display:inline-block;font-family:'Heebo';font-weight:600;font-size:.78rem;letter-spacing:.1em;color:var(--gold-deep);background:var(--gold-glow);padding:.28rem .7rem;border-radius:1rem;margin-bottom:.85rem;align-self:flex-start}
.dark .card{background:var(--ink-3);border-color:var(--line-d);box-shadow:0 .8rem 2rem rgba(6,10,18,.24)}
.dark .card p{color:#E1DBCD}
.dark .card:hover{border-color:rgba(222,192,132,.4)}
.dark .card .tagline{color:var(--gold-soft);background:rgba(222,192,132,.12)}
@media(max-width:56rem){.cards,.cards.two{grid-template-columns:1fr}}

/* ---------- STEPS ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2.6rem;max-width:58rem;margin-inline:auto}
.step{text-align:center}
.step .n{font-family:'Heebo';font-weight:700;font-size:.86rem;letter-spacing:.14em;color:var(--gold-deep);margin-bottom:.7rem}
.step .ic{
  width:3.9rem;height:3.9rem;margin:0 auto 1.2rem;border-radius:50%;
  background:var(--gold-glow);border:1px solid rgba(201,161,78,.28);
  display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease),background .4s;
}
.step:hover .ic{transform:translateY(-.25rem) scale(1.05);background:rgba(201,161,78,.24)}
.step .ic svg{width:1.75rem;height:1.75rem;stroke:var(--gold-deep);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.step h3{font-size:1.28rem;margin-bottom:.6rem}
.step p{font-size:1.01rem;line-height:1.8}
.dark .step p{color:#E1DBCD}
.dark .step .ic{border-color:rgba(222,192,132,.28)}
.dark .step .ic svg{stroke:var(--gold-soft)}
@media(max-width:52rem){.steps{grid-template-columns:1fr;gap:2.7rem;max-width:26rem}}

/* ---------- FIT (מתאים / פחות מתאים) ---------- */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;max-width:58rem;margin-inline:auto}
.fit .box{background:var(--ink-3);border:1px solid var(--line-d);border-radius:var(--radius);padding:2.2rem 2rem}
.fit .box h3{color:#fff;font-size:1.28rem;margin-bottom:1.2rem}
.fit .box.no h3{color:var(--gold-soft)}
.fit ul{list-style:none}
.fit li{position:relative;padding-right:1.7rem;margin-bottom:.95rem;font-size:1.01rem;color:#E1DBCD;line-height:1.7}
.fit li:last-child{margin-bottom:0}
.fit li::before{content:"";position:absolute;right:.2rem;top:.66rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--gold)}
.fit .box.no li::before{background:transparent;border:1.5px solid #6c7a8c}
@media(max-width:47rem){.fit{grid-template-columns:1fr;gap:1.2rem}}

/* ---------- SPLIT (תמונה + טקסט) ---------- */
.split{display:grid;grid-template-columns:.84fr 1.16fr;gap:3.4rem;align-items:center;max-width:60rem;margin-inline:auto}
.split.rev{grid-template-columns:1.16fr .84fr}
.split .pic{position:relative}
.split .pic img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;border-radius:var(--radius);box-shadow:var(--shadow-l)}
.split .pic::before{
  content:"";position:absolute;inset:auto -1rem -1rem auto;width:62%;height:62%;
  border:1px solid var(--gold);border-radius:var(--radius);z-index:-1;opacity:.5;
}
.split h2{font-size:clamp(1.65rem,3.3vw,2.2rem);margin-bottom:1.1rem;letter-spacing:-.022em}
.split p{font-size:1.05rem;margin-bottom:1rem;line-height:1.9}
.pull{
  font-family:'Assistant';font-weight:600;font-size:1.18rem;line-height:1.65;color:var(--gold-deep);
  border-right:3px solid var(--gold);padding-right:1.25rem;margin-top:1.5rem;
}
.dark .pull{color:var(--gold-soft)}
.dark .split p{color:#E1DBCD}
@media(max-width:52rem){
  .split,.split.rev{grid-template-columns:1fr;gap:2.2rem;text-align:center}
  .split .pic{max-width:20rem;margin-inline:auto}
  .split .pic::before{display:none}
  .pull{border-right:0;border-top:2px solid var(--gold);padding:1.25rem 0 0;text-align:center}
}

/* ---------- BANNER ---------- */
.banner{padding:0;position:relative}
.banner .img{position:relative;height:26rem;overflow:hidden}
.banner .img img{width:100%;height:100%;object-fit:cover;object-position:center 50%}
.banner .cap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1.6rem;
  background:radial-gradient(62% 72% at 50% 50%,rgba(8,12,18,.58),rgba(8,12,18,.12) 78%),linear-gradient(rgba(10,16,24,.4),rgba(10,16,24,.26) 40%,rgba(10,16,24,.6));}
.banner .cap h3{color:#fff;font-weight:600;font-size:clamp(1.3rem,2.9vw,1.95rem);max-width:38rem;line-height:1.45;text-shadow:0 .12rem 1.3rem rgba(0,0,0,.6)}
@media(max-width:43.75rem){.banner .img{height:20rem}}

/* ---------- PRICE ---------- */
.price-card{
  max-width:44rem;margin:2.6rem auto 0;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:2rem 2rem;text-align:center;box-shadow:var(--shadow);
  position:relative;overflow:hidden;
}
.price-card::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold-soft),var(--gold),var(--gold-deep))}
.dark .price-card{background:var(--ink-3);border-color:var(--line-d)}
.price-card .p1{font-family:'Heebo';font-weight:700;font-size:clamp(1.35rem,3vw,1.65rem);color:var(--head);margin-bottom:.4rem;letter-spacing:-.015em}
.dark .price-card .p1{color:#fff}
.price-card .p2{font-size:1rem;color:var(--muted)}
.dark .price-card .p2{color:#C6BFB0}

/* ---------- QUOTES ---------- */
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;max-width:60rem;margin-inline:auto}
.q{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:2.4rem 1.9rem 1.9rem;box-shadow:var(--shadow);transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.q:hover{transform:translateY(-.3rem);box-shadow:0 1.3rem 2.6rem rgba(28,28,18,.1)}
.q::before{
  content:"”";position:absolute;top:.1rem;right:1.5rem;font-family:'Heebo';font-weight:800;
  font-size:4.2rem;line-height:1;color:var(--gold);opacity:.24;
}
.q p{font-size:1.01rem;line-height:1.85;color:#3f4339;margin-bottom:1.1rem}
.q .who{font-family:'Heebo';font-weight:700;color:var(--gold-deep);font-size:.98rem;display:inline-flex;align-items:center;gap:.55rem}
.q .who::before{content:"";width:1.3rem;height:1px;background:var(--gold);display:inline-block}
@media(max-width:47rem){.quotes{grid-template-columns:1fr}}

/* ---------- BAND (ציטוט גדול) ---------- */
.band{text-align:center;padding:7rem 0;background:radial-gradient(130% 150% at 50% -20%,#31547B 0%,var(--ink) 50%,var(--ink-2) 100%);border-block:1px solid var(--line-d);overflow:hidden}
.band blockquote{position:relative;font-family:'Assistant';font-weight:600;font-size:clamp(1.3rem,3.1vw,2rem);line-height:1.58;max-width:48rem;margin:0 auto;color:#F7F1E4}
.band blockquote::before{
  content:"”";display:block;font-family:'Heebo';font-weight:800;font-size:4.5rem;line-height:.7;
  color:var(--gold);opacity:.5;margin-bottom:1.2rem;
}
.band cite{display:block;margin-top:1.6rem;font-style:normal;font-weight:600;font-size:.98rem;color:var(--gold-soft);letter-spacing:.06em}
@media(max-width:43.75rem){.band{padding:4.4rem 0}}

/* ---------- SOS BAND ---------- */
.sos{
  background:linear-gradient(160deg,#20364F 0%,#1A2C43 55%,#152538 100%);
  color:#E9E2D2;overflow:hidden;
}
.sos-in{max-width:var(--maxw);margin:0 auto;padding:0 1.6rem;display:grid;grid-template-columns:1.25fr .75fr;gap:3.2rem;align-items:center}
.sos h2{color:#fff;font-size:clamp(1.7rem,3.5vw,2.35rem);margin-bottom:1rem;letter-spacing:-.022em}
.sos h2 em{font-style:normal;color:var(--gold-soft)}
.sos p{font-size:1.09rem;color:#DDD6C7;line-height:1.85;margin-bottom:1rem}
.sos .eyebrow{color:var(--gold-soft)}
.sos-box{
  background:rgba(255,255,255,.045);border:1px solid var(--line-d);border-radius:var(--radius);
  padding:2.1rem 1.9rem;text-align:center;backdrop-filter:blur(.3rem);
}
.sos-box .big{font-family:'Heebo';font-weight:800;font-size:2.3rem;color:var(--gold-soft);line-height:1.1;letter-spacing:-.02em}
.sos-box .small{font-size:.98rem;color:#BFC7D1;margin-top:.35rem;margin-bottom:1.5rem}
.sos-box .btn{width:100%}
.sos-box .btn-note{color:#B2BAC5;font-size:.9rem}
.sos-list{list-style:none;margin:1.4rem 0 1.9rem}
.sos-list li{position:relative;padding-right:1.8rem;margin-bottom:.7rem;font-size:1.03rem;color:#D6CFC0;line-height:1.7}
.sos-list li::before{
  content:"";position:absolute;right:.15rem;top:.62rem;width:.6rem;height:.6rem;border-radius:50%;
  background:var(--gold);box-shadow:0 0 0 .3rem rgba(201,161,78,.16);
}
@media(max-width:56rem){
  .sos-in{grid-template-columns:1fr;gap:2.2rem}
  .sos .eyebrow{justify-content:flex-start}
}

/* ---------- PULSE THEMES (עמוד הנשימה) ---------- */
.pulse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;max-width:58rem;margin-inline:auto}
.pulse{
  background:rgba(255,255,255,.05);border:1px solid var(--line-d);border-radius:var(--radius-s);
  padding:1.35rem 1.4rem;transition:background .35s,transform .35s var(--ease),border-color .35s;
}
.pulse:hover{background:rgba(201,161,78,.1);border-color:rgba(222,192,132,.4);transform:translateY(-.2rem)}
.pulse .t{font-family:'Heebo';font-weight:700;font-size:1.12rem;color:#fff;margin-bottom:.25rem}
.pulse .d{font-size:.97rem;color:#C9C2B4;line-height:1.65}
@media(max-width:56rem){.pulse-grid{grid-template-columns:1fr 1fr}}
@media(max-width:38rem){.pulse-grid{grid-template-columns:1fr}}

/* ---------- ELEMENTS (נשמר לתאימות) ---------- */
.el-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;max-width:56rem;margin-inline:auto}
.el{background:var(--ink-3);border:1px solid var(--line-d);border-radius:var(--radius);padding:2rem 1.9rem;position:relative;overflow:hidden}
.el::before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;background:var(--acc)}
.el .n{font-family:'Heebo';font-weight:700;font-size:.88rem;letter-spacing:.14em;color:var(--acc);margin-bottom:.7rem}
.el h3{color:#fff;font-size:1.6rem;margin-bottom:.4rem}
.el .q2{font-family:'Assistant';font-weight:600;font-size:1.04rem;color:var(--acc);margin-bottom:.8rem}
.el p{font-size:1.02rem;color:#E1DBCD;line-height:1.8}
.el.earth{--acc:#C9A063}
.el.water{--acc:#7FB4C4}
.el.fire{--acc:#DE8B60}
.el.air{--acc:#A8BCC9}
@media(max-width:47rem){.el-grid{grid-template-columns:1fr;gap:1rem}}

/* ---------- FAQ ---------- */
.faq{max-width:42rem;margin-inline:auto}
details{border-bottom:1px solid var(--line);padding:1.35rem .25rem;transition:border-color .3s}
details[open]{border-color:rgba(201,161,78,.4)}
details summary{font-family:'Heebo',sans-serif;font-size:1.11rem;font-weight:600;color:var(--head);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:color .2s}
details summary:hover{color:var(--gold-deep)}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";color:var(--gold-deep);font-size:1.65rem;font-weight:300;line-height:1;transition:transform .3s var(--ease)}
details[open] summary::after{content:"\2013"}
details p{margin-top:.9rem;font-size:1.04rem;line-height:1.85;color:var(--body)}
.dark details{border-color:var(--line-d)}
.dark details summary{color:#fff}
.dark details summary::after{color:var(--gold-soft)}
.dark details p{color:#DDD6C7}

/* ---------- CTA STRIP ---------- */
.cta-strip{background:radial-gradient(130% 130% at 50% 0%,#31547B 0%,var(--ink) 44%,var(--ink-2) 100%);color:#E9E2D2;text-align:center;overflow:hidden}
.cta-strip h2{color:#fff;font-size:clamp(1.85rem,3.8vw,2.6rem);margin-bottom:.95rem;letter-spacing:-.024em}
.cta-strip p{font-size:1.11rem;color:#DFD7C6;max-width:46ch;margin:0 auto 2rem;line-height:1.8}
.cta-strip .btn-note{color:#C1B9A8}

/* ---------- FORM ---------- */
.form{max-width:34rem;margin-inline:auto;text-align:right}
.form .row{margin-bottom:1.05rem}
.form label{display:block;font-size:.97rem;font-weight:600;color:var(--head);margin-bottom:.4rem}
/* ⚠️ ל-.cta-strip ול-.sos יש רקע כהה בלי class .dark — בלי זה התוויות כהות על כהה ונעלמות */
.dark .form label,.cta-strip .form label,.sos .form label{color:#E9E2D2}
.form input,.form textarea,.form select{
  width:100%;padding:.88rem 1rem;font-family:'Assistant',sans-serif;font-size:1.05rem;
  border:1px solid var(--line);border-radius:.6rem;background:#fff;color:var(--body);
  transition:border-color .2s,box-shadow .2s;
}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem var(--gold-glow)}
.dark .form input,.dark .form textarea,.dark .form select,
.cta-strip .form input,.cta-strip .form textarea,.cta-strip .form select,
.sos .form input,.sos .form textarea,.sos .form select{background:rgba(255,255,255,.97)}
.form textarea{min-height:7rem;resize:vertical}
.form .btn{width:100%;margin-top:.4rem}
.form-msg{margin-top:1rem;font-size:1rem;font-weight:600;display:none}
.form-msg.ok{display:block;color:#1f6b46}
.form-msg.err{display:block;color:#a32d2d}
.dark .form-msg.ok,.cta-strip .form-msg.ok,.sos .form-msg.ok{color:#8FD6B0}
.dark .form-msg.err,.cta-strip .form-msg.err,.sos .form-msg.err{color:#F0999A}

/* ---------- FOOTER ---------- */
.foot{background:var(--ink-2);color:#D5CFC2;padding:3.8rem 1.6rem 2.2rem;border-top:1px solid var(--line-d)}
.foot-in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.6rem}
.foot h4{color:#F1EAD9;font-size:1.04rem;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.6rem}
.foot h4::after{content:"";width:1.4rem;height:1px;background:var(--gold);opacity:.6}
.foot ul{list-style:none}
.foot li{margin-bottom:.55rem}
.foot a{color:#D5CFC2;text-decoration:none;font-size:1rem;transition:color .2s}
.foot a:hover{color:var(--gold-soft)}
.foot .about p{font-size:1rem;line-height:1.8;color:#BDB7AA;max-width:26rem}
.foot-bot{max-width:var(--maxw);margin:2.6rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.9rem;color:#A29C91}
.foot-bot a{font-size:.9rem}
.foot-bot .credit a{color:var(--gold-soft);font-weight:600}
.foot-bot .credit a:hover{text-decoration:underline}
@media(max-width:47rem){.foot-in{grid-template-columns:1fr;gap:2rem}.foot-bot{flex-direction:column;text-align:center}}

/* ---------- כפתור וואטסאפ צף ---------- */
.wa-float{
  position:fixed;bottom:1.4rem;right:1.4rem;z-index:90;
  width:3.4rem;height:3.4rem;border-radius:50%;background:#25D366;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 .5rem 1.5rem rgba(0,0,0,.26);text-decoration:none;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.wa-float:hover{transform:scale(1.08);box-shadow:0 .8rem 2rem rgba(0,0,0,.32)}
.wa-float svg{width:1.85rem;height:1.85rem;fill:#fff}
@media(max-width:43.75rem){.wa-float{bottom:1rem;right:1rem;width:3.1rem;height:3.1rem}.wa-float svg{width:1.65rem;height:1.65rem}}

/* ---------- MISC ---------- */
.themes{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 3rem;max-width:58rem;margin-inline:auto;list-style:none}
.themes li{position:relative;padding-right:2.1rem;font-size:1.05rem;color:#EDE6D6;line-height:1.65}
.themes li::before{content:"";position:absolute;right:.1rem;top:.55rem;width:1.05rem;height:1.05rem;border-radius:50%;border:1.5px solid var(--gold)}
.themes li::after{content:"";position:absolute;right:.45rem;top:.9rem;width:.35rem;height:.35rem;border-radius:50%;background:var(--gold)}
@media(max-width:47rem){.themes{grid-template-columns:1fr;gap:1rem}}

.drow{display:flex;gap:1.3rem;margin-bottom:1.8rem;align-items:flex-start;max-width:46rem;margin-inline:auto}
.drow:last-of-type{margin-bottom:0}
.drow .ic{flex:0 0 3rem;height:3rem;border-radius:50%;background:var(--gold-glow);border:1px solid rgba(201,161,78,.26);display:flex;align-items:center;justify-content:center}
.drow .ic svg{width:1.4rem;height:1.4rem;stroke:var(--gold-deep);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.drow .k{font-family:'Heebo';font-weight:700;font-size:1.12rem;color:var(--head);margin-bottom:.2rem}
.drow .dt{font-size:1.01rem;line-height:1.75}
.dark .drow .k{color:#fff}
.dark .drow .dt{color:#DDD6C7}
.dark .drow .ic{border-color:rgba(222,192,132,.26)}
.dark .drow .ic svg{stroke:var(--gold-soft)}

.prose p{margin-bottom:1.15rem;font-size:1.08rem;line-height:1.9}
.prose p:last-child{margin-bottom:0}
.prose h2{margin-bottom:1.4rem}

/* ---------- LEGAL PAGES ---------- */
.legal-intro{max-width:42rem;margin:0 auto 3rem;font-size:1.12rem;line-height:1.9;text-align:center;color:var(--body)}
.legal-sec{display:flex;gap:1.4rem;max-width:44rem;margin:0 auto 2.6rem}
.legal-sec:last-child{margin-bottom:0}
.legal-num{flex:0 0 2.6rem;height:2.6rem;border-radius:50%;background:var(--gold-glow);border:1px solid rgba(201,161,78,.26);color:var(--gold-deep);font-family:'Heebo';font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center}
.legal-txt h2{font-size:1.28rem;margin-bottom:.7rem}
.legal-txt p{font-size:1.03rem;line-height:1.9;margin-bottom:.8rem}
.legal-txt p:last-child{margin-bottom:0}
.legal-date{text-align:center;margin-top:3rem;font-size:.97rem;color:var(--muted)}
@media(max-width:43.75rem){.legal-sec{flex-direction:column;gap:.8rem}}