/* "There is another way" - version 2 of section 87 (smartleads style language: rounded shapes, Phosphor fill icons, Noto Sans Hebrew 900, yellow marker, blue accent #3574cf).
   Premium treatment: layered glow + dot grid + outline rings, gradient-border cards, rounded-square glowing icon tiles, outline index numbers, connector arrows.
   Two modes stacked (dark, light) driven by CSS variables. Fluid sizes, no px converter. */
.c-ow3 { --acc: #3574cf; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; text-align: center; }
.c-ow3 :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-ow3--dark {
  --ink: #fff; --b: #9cc8ff; --grad: linear-gradient(90deg, #6aa6ff 0%, #5fe0ff 100%);
  --card-a: #15233c; --card-b: #0e192d;
  --edge: linear-gradient(160deg, rgba(106, 166, 255, .85), rgba(106, 166, 255, .1) 52%, rgba(95, 224, 255, .45));
  --shadow: 0 24px 50px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .08);
  --tile: linear-gradient(145deg, #7db6ff 0%, #3574cf 100%); --tile-glow: 0 12px 30px rgba(58, 127, 228, .55); --tile-fg: #fff;
  --n: rgba(156, 200, 255, .55); --arrow: #6aa6ff; --dot: rgba(255, 255, 255, .09); --ring: rgba(106, 166, 255, .22);
  background: radial-gradient(70% 60% at 50% 0%, rgba(58, 127, 228, .38), transparent 72%), radial-gradient(45% 50% at 10% 100%, rgba(0, 208, 255, .16), transparent 72%), #070d1a; color: var(--ink);
}
.c-ow3--light {
  --ink: #1b2536; --b: #1f5fbf; --grad: linear-gradient(90deg, #2563eb 0%, #00a3d9 100%);
  --card-a: #fff; --card-b: #f6f9ff;
  --edge: linear-gradient(160deg, rgba(58, 127, 228, .75), rgba(58, 127, 228, .12) 52%, rgba(0, 163, 217, .4));
  --shadow: 0 22px 44px rgba(31, 70, 140, .14), 0 2px 6px rgba(31, 70, 140, .08);
  --tile: linear-gradient(145deg, #5b9bf5 0%, #2563eb 100%); --tile-glow: 0 12px 26px rgba(37, 99, 235, .38); --tile-fg: #fff;
  --n: rgba(37, 99, 235, .4); --arrow: #2563eb; --dot: rgba(37, 99, 235, .13); --ring: rgba(37, 99, 235, .16);
  background: radial-gradient(70% 60% at 50% 0%, rgba(58, 127, 228, .16), transparent 72%), radial-gradient(45% 50% at 90% 100%, rgba(0, 163, 217, .12), transparent 72%), #f4f7fc; color: var(--ink);
}
.c-ow3__section { position: relative; isolation: isolate; overflow: hidden; box-sizing: border-box; width: 100%; padding: 64px 18px 72px; }
.c-ow3__dots { position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(var(--dot) 1.2px, transparent 1.7px); background-size: 26px 26px; -webkit-mask-image: radial-gradient(75% 80% at 50% 35%, #000 20%, transparent 100%); mask-image: radial-gradient(75% 80% at 50% 35%, #000 20%, transparent 100%); }
.c-ow3__ring { position: absolute; z-index: -1; border: 1.5px solid var(--ring); border-radius: 50%; }
.c-ow3__ring--a { width: 420px; height: 420px; top: -210px; left: -150px; }
.c-ow3__ring--b { width: 320px; height: 320px; bottom: -170px; right: -110px; }
.c-ow3__head { width: min(980px, 100%); margin: 0 auto; }
.c-ow3__k { font-size: 22px; font-weight: 800; line-height: 1.4; }
.c-ow3 mark { display: inline-block; padding: 4px 16px; border-radius: 8px; background: #ffe44d; color: #1a1a1a; transform: rotate(-2deg); box-shadow: 0 6px 16px rgba(255, 228, 77, .28); }
.c-ow3__h { margin-top: 18px; font-size: clamp(30px, 8vw, 40px); font-weight: 900; line-height: 1.18; text-wrap: balance; }
.c-ow3__grad { background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-ow3__cards { display: grid; grid-template-columns: 1fr; gap: 34px; width: min(1220px, 100%); margin: 40px auto 0; }
.c-ow3__card { position: relative; display: flex; align-items: center; gap: 18px; box-sizing: border-box; padding: 24px 22px; border: 1px solid transparent; border-radius: 22px; background: linear-gradient(180deg, var(--card-a), var(--card-b)) padding-box, var(--edge) border-box; box-shadow: var(--shadow); text-align: right; overflow: visible; }
.c-ow3__card:not(:last-child)::after { content: ""; position: absolute; left: 50%; bottom: -29px; width: 24px; height: 24px; background: var(--arrow); -webkit-mask: url(../assets/icons/ph-caret-double-down-fill.svg) center / contain no-repeat; mask: url(../assets/icons/ph-caret-double-down-fill.svg) center / contain no-repeat; transform: translateX(-50%); opacity: .9; }
.c-ow3__n { position: absolute; top: 8px; left: 18px; font-family: "Poppins", sans-serif; font-size: 44px; font-weight: 900; line-height: 1; color: transparent; -webkit-text-stroke: 1.4px var(--n); }
.c-ow3__ico { position: relative; flex: none; width: 64px; height: 64px; border-radius: 20px; background: var(--tile); box-shadow: var(--tile-glow), inset 0 1px 0 rgba(255, 255, 255, .35); }
.c-ow3__ico::after { content: ""; position: absolute; inset: 16px; background: var(--tile-fg); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-ow3__ico--chart { --ic: url(../assets/icons/ph-chart-line-up-fill.svg); }
.c-ow3__ico--star { --ic: url(../assets/icons/ph-star-fill.svg); }
.c-ow3__ico--team { --ic: url(../assets/icons/ph-users-three-fill.svg); }
.c-ow3__t { flex: 1; padding-left: 50px; font-size: clamp(19px, 5.2vw, 23px); font-weight: 400; line-height: 1.5; }
.c-ow3__t b { font-weight: 800; color: var(--b); }

@media (min-width: 900px) {
  .c-ow3__section { padding: 104px 32px 116px; }
  .c-ow3__ring--a { width: 640px; height: 640px; top: -330px; left: -220px; }
  .c-ow3__ring--b { width: 520px; height: 520px; bottom: -280px; right: -180px; }
  .c-ow3__k { font-size: clamp(24px, 1.7vw, 32px); }
  .c-ow3__h { margin-top: 22px; font-size: clamp(44px, 3.7vw, 70px); line-height: 1.12; }
  .c-ow3__cards { width: min(860px, 100%); gap: 44px; margin-top: 64px; }
  .c-ow3__card { gap: 28px; padding: 34px 40px; border-radius: 28px; }
  .c-ow3__card:not(:last-child)::after { bottom: -37px; width: 28px; height: 28px; }
  .c-ow3__n { top: 14px; left: 28px; font-size: 54px; }
  .c-ow3__ico { width: 88px; height: 88px; border-radius: 26px; }
  .c-ow3__ico::after { inset: 22px; }
  .c-ow3__t { flex: 1; padding-left: 70px; font-size: clamp(22px, 1.6vw, 30px); line-height: 1.5; }
}