/* ============ 05 · מה את באמת רוצה ============
   Figma: desktop 277:568 (1280×1218) / mobile 277:590 (390×1294).

   רשימה של רגעים, לא של יתרונות. כל שורה היא סיטואציה שהקהל שלנו מכיר,
   והמשפט המצוטט באמצע הוא הרגע שבו זה הכי כואב - ולכן הוא היחיד שמקבל
   קו מעליו ומידה גדולה יותר. */

.s05{
  background:var(--cream);
  padding-block:80px;
}
.s05__wrap{
  width:100%;max-width:680px;margin-inline:auto;
  display:flex;flex-direction:column;align-items:center;
  gap:36px;
  text-align:center;
}

.s05__title{
  font-family:var(--f-head);font-weight:700;
  font-size:44px;line-height:55px;
  color:var(--ink);
  letter-spacing:-.01em;
}

/* קבוצת שורות. הרווח בין השורות בתוך קבוצה קטן מהרווח בין הקבוצות -
   כך העין רואה קבוצות ולא רשימה אחת ארוכה של עשר שורות */
.s05__group{
  display:flex;flex-direction:column;gap:14px;
  font-family:var(--f-body);font-weight:400;
  font-size:22px;line-height:33px;
  color:#3e3e3e;                     /* פיגמה: #141414 ב-82% */
}
.s05__group .em{color:var(--sky-deep);font-weight:700;}

/* ---------- המשפט המצוטט ---------- */
.s05__quote{
  display:flex;flex-direction:column;align-items:center;
  gap:22px;
}
.s05__quote::before{                 /* Figma "Quote rule" */
  content:"";
  width:72px;height:3px;
  border-radius:999px;
  background:var(--sky-deep);
}
.s05__quote p{
  font-family:var(--f-body);font-weight:500;
  font-size:30px;line-height:42px;
  color:var(--ink);
}

.s05__control{
  font-family:var(--f-head);font-weight:700;
  font-size:28px;line-height:39px;
  color:var(--ink);
}
.s05__control .em{color:var(--sky-deep);font-weight:700;}

.s05__close{
  font-family:var(--f-body);font-weight:600;
  font-size:24px;line-height:39px;
}

.s05__cta{margin-top:calc(var(--sec-cta) - 36px);}

/* ============ mobile ============ */
@media (max-width:1199px){
  .s05{padding-block:60px;}
  .s05__wrap{gap:30px;}
  .s05__title{font-size:30px;line-height:38px;}
  .s05__group{gap:12px;}
  .s05__quote{gap:18px;}
  .s05__quote::before{width:52px;height:2px;}
  .s05__quote p{font-size:24px;line-height:34px;}
  .s05__control{font-size:24px;line-height:33px;}
  .s05__cta{margin-top:calc(var(--sec-cta) - 30px);}
}