/* "There is another way" - first redesign of section 87 (kept for comparison): three cards with a round icon, dark and light stacked. Fluid sizes, no px converter. */
.c-ow1 { --acc: #3574cf; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; text-align: center; }
.c-ow1 :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-ow1--light { --bg: #f5f5f5; --card: #fff; --line: #d6dbe3; --ink: #2d2d2d; --icoBg: #3574cf; --icoFg: #fff; --mark: rgba(255, 228, 77, .55); --shadow: 0 8px 22px rgba(24, 48, 92, .12); background: var(--bg); color: var(--ink); }
.c-ow1--dark { --bg: #0d1626; --card: #15233b; --line: #2c4268; --ink: #fff; --icoBg: #6aa6ff; --icoFg: #0d1626; --mark: rgba(255, 228, 77, .28); --shadow: 0 10px 26px rgba(0, 0, 0, .45); background: var(--bg); color: var(--ink); }
.c-ow1__section { box-sizing: border-box; width: min(1180px, 100%); margin: 0 auto; padding: 52px 18px 56px; }
.c-ow1__k { font-size: clamp(18px, 4.8vw, 26px); font-weight: 400; line-height: 1.4; }
.c-ow1 mark { padding: 0 6px; border-radius: 4px; background: var(--mark); color: inherit; }
.c-ow1__h { margin-top: 12px; font-size: clamp(26px, 6.6vw, 46px); font-weight: 900; line-height: 1.25; text-wrap: balance; }
.c-ow1__cards { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 34px; }
.c-ow1__card { display: flex; align-items: center; gap: 16px; box-sizing: border-box; padding: 18px 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); box-shadow: var(--shadow); text-align: right; }
.c-ow1__ico { flex: none; width: 56px; height: 56px; border-radius: 50%; background: var(--icoBg); position: relative; }
.c-ow1__ico::after { content: ""; position: absolute; inset: 14px; background: var(--icoFg); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-ow1__ico--chart { --ic: url(../assets/icons/ph-chart-line-up-fill.svg); }
.c-ow1__ico--star { --ic: url(../assets/icons/ph-star-fill.svg); }
.c-ow1__ico--team { --ic: url(../assets/icons/ph-users-three-fill.svg); }
.c-ow1__t { font-size: clamp(17px, 4.6vw, 22px); font-weight: 400; line-height: 1.45; }
.c-ow1__t b { font-weight: 800; }

@media (min-width: 900px) {
  .c-ow1__section { width: min(900px, 100%); padding: 76px 24px 84px; }
  .c-ow1__cards { gap: 20px; margin-top: 46px; }
  .c-ow1__card { gap: 22px; padding: 26px 32px; }
  .c-ow1__ico { width: 72px; height: 72px; }
  .c-ow1__ico::after { inset: 18px; }
  .c-ow1__t { font-size: clamp(20px, 1.6vw, 26px); }
}