/* 171 guarantee, light peach + terracotta: white cards, digits straddle the top edge; the card border is a ::before with a gap cut behind the digits. */
.c-glh { --pg: #fff4ec; --terra: #c2410c; --ink: #3a1d10; --soft: #6b4636; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; color: var(--ink); background: var(--pg); overflow-x: clip; }
.c-glh :where(h2, p, ol) { margin: 0; padding: 0; }
.c-glh__section { display: flex; flex-direction: column; align-items: center; padding: 64px 20px 80px; text-align: center; }
.c-glh__title { font-size: clamp(30px, 4.4vw, 54px); font-weight: 900; line-height: 1.2; text-wrap: balance; }
.c-glh__title span { display: block; font-weight: 300; color: var(--terra); }
.c-glh__lead { max-width: 640px; margin-top: 18px; font-size: 20px; line-height: 1.7; color: var(--soft); }
.c-glh__cards { list-style: none; display: grid; grid-template-columns: minmax(0, 1fr); gap: 72px; width: min(1100px, 100%); margin-top: 88px; }
.c-glh__card { position: relative; box-sizing: border-box; min-width: 0; padding: 64px 24px 32px; border-radius: 18px; background: #fff; box-shadow: 0 16px 40px rgba(194, 65, 12, .1); }
.c-glh__card::before { content: ""; position: absolute; inset: 0; border: 1.5px solid rgba(194, 65, 12, .45); border-radius: 18px; pointer-events: none; -webkit-mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) top center / 150px 4px no-repeat; -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) top center / 150px 4px no-repeat; mask-composite: exclude; }
.c-glh__n { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); font-family: "Poppins", "Noto Sans Hebrew", sans-serif; font-size: 64px; font-weight: 900; line-height: 1; color: var(--terra); }
.c-glh__card p { font-size: 22px; font-weight: 600; line-height: 1.5; }
.c-glh__bar { box-sizing: border-box; width: min(1100px, 100%); margin-top: 56px; padding: 26px 30px; border-radius: 18px; background: var(--terra); color: #fff; font-size: 22px; font-weight: 700; line-height: 1.55; }
@media (min-width: 900px) {
  .c-glh__section { padding: 104px 24px 112px; }
  .c-glh__lead { font-size: 22px; }
  .c-glh__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 104px; }
  .c-glh__card p { font-size: 24px; }
  .c-glh__bar { font-size: 24px; }
}