/* ==========================================================================
   way - ההבדל הוא בדרך
   ========================================================================== */
.way{
  background:var(--sky-deep);
  padding-block:var(--sec-y);
  position:relative;z-index:1;
}
/* הקו התחתון נצבע בלבן, כדי שייראה על רקע הנייבי הכהה של הסקשן */
.way .uline{background-image:linear-gradient(#fff,#fff);}
.way__wrap{
  width:100%;max-width:var(--content);margin-inline:auto;
  text-align:center;
  /* מידה אחת לכל הפסקאות, ממורכזת: כך כל השורות נשברות באותו רוחב
     והבלוק נקרא כפסקה אחת ולא כארבע הודעות נפרדות */
  display:flex;flex-direction:column;align-items:center;gap:24px;
}
.way__title{
  font-family:var(--f-head);font-weight:800;
  font-size:var(--sub-lg);line-height:var(--sub-lg-lh);
  color:var(--cream);letter-spacing:-.01em;
}
.way__lede{
  max-width:760px;
  font-family:var(--f-body);font-weight:400;
  font-size:24px;line-height:36px;
  color:rgba(255,255,255,.85);
}
/* המשפט היחיד שנושא את הטיעון מקבל את הגודל והצבע. כל השאר מסביבו שקט */
.way__punch{
  max-width:820px;
  font-family:var(--f-head);font-weight:800;
  font-size:44px;line-height:56px;
  color:var(--cream);
}
/* grad-sky ברירת המחדל זהה לרקע הנייבי של הסקשן וייעלם עליו - כאן היא תכלת בהיר במקום */
.way .grad-sky{color:var(--sky-tint);}

/* ---------- סמן בדיקה זמני: מה טל ביקשה ----------
   להסיר לפני שהעמוד יוצג ללקוחות. mark לבן במקום כחול כי הרקע כאן
   כבר כחול והטקסט לבן - הדגשה כחולה הייתה נעלמת */
.way mark.hl-tal{
  background:var(--cream);color:var(--sky-deep);
  padding:0 6px;border-radius:4px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}
.way mark.hl-tal .grad-sky{color:var(--sky-deep);}

@media (max-width:1199px){
  .way{padding-block:var(--sec-y);}
  .way__wrap{gap:20px;}
  .way__lede{font-size:22px;line-height:32px;}
  .way__punch{font-size:32px;line-height:42px;}
}

/* ---------- 08 ו-way צמודים ובאותו כחול ----------
   בסדר החדש הסקשן הזה בא מיד אחרי 08, ושניהם על הניווי.
   בלי לבטל את הריפוד באמצע נוצר רווח כפול שנקרא כתפר מיותר,
   ולכן שני הסקשנים מתאחדים לבלוק כחול אחד עם מרווח פנימי אחד */
.s08:has(+ .way){padding-bottom:0;}
.s08 + .way{padding-top:48px;}