/* 164 guarantee, magenta to deep plum gradient cards on a pastel page; icon circles straddle the card top edge. */
.c-gla { --pg: #fbf1f7; --ink: #3d0a45; --soft: #6b3a73; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; color: var(--ink); background: var(--pg); overflow-x: clip; }
.c-gla :where(h2, h3, p, ul) { margin: 0; padding: 0; }
.c-gla__section { padding: 64px 20px 80px; text-align: center; }
.c-gla__title { font-size: clamp(32px, 4.4vw, 56px); font-weight: 900; line-height: 1.15; text-wrap: balance; }
.c-gla__title span { display: block; font-weight: 300; color: #b3135f; }
.c-gla__lead { max-width: 680px; margin: 20px auto 0; font-size: 20px; line-height: 1.7; color: var(--soft); }
.c-gla__cards { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr); gap: 84px; width: min(1080px, 100%); margin: 88px auto 0; }
.c-gla__card { position: relative; box-sizing: border-box; min-width: 0; padding: 72px 24px 36px; border-radius: 20px; background: linear-gradient(180deg, #d91b76 0%, #6f1d7a 100%); color: #fff; box-shadow: 0 22px 50px rgba(111, 29, 122, .28); }
.c-gla__ic { position: absolute; top: -48px; left: 50%; width: 96px; height: 96px; margin-left: -48px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 6px var(--pg), 0 10px 24px rgba(111, 29, 122, .25); }
.c-gla__ic::after { content: ""; position: absolute; inset: 26px; background: #b3135f; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.c-gla__ic--a { --m: url(../assets/icons/ph-users-three-fill.svg); }
.c-gla__ic--b { --m: url(../assets/icons/ph-target-fill.svg); }
.c-gla__ic--c { --m: url(../assets/icons/ph-chart-line-up-fill.svg); }
.c-gla__card h3 { font-size: 28px; font-weight: 800; line-height: 1.2; }
.c-gla__card p { margin-top: 12px; font-size: 20px; line-height: 1.55; color: #fbe3f1; }
@media (min-width: 900px) {
  .c-gla__section { padding: 104px 24px 120px; }
  .c-gla__lead { font-size: 22px; }
  .c-gla__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; margin-top: 104px; }
}
