/* @u */
/* Lead hero + proof row + stats - Figma file 717tIYkclDyNXTsHrJIc6e, frame 32:3 (1920 x 1457). Real text and images from the design.
   The video-cards strip is one flat image in the Figma (950px box, image 1920x1200 offset -250px). Fonts: Noto Sans Hebrew (+ Poppins). */
.c-ls { --u: calc(min(100vw, 1920px) / 1920); background: #101010; color: #fff; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; }
.c-ls :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-ls__orange { color: #fe602e; -webkit-text-fill-color: #fe602e; }
.c-ls__hero { position: relative; display: flex; flex-direction: column; align-items: center; padding: 20px 16px 48px; border-bottom: 1px solid rgba(255, 255, 255, .1); text-align: center; }
.c-ls__logo { align-self: flex-start; width: 110px; height: auto; }
.c-ls__avatars { width: min(100%, 560px); height: auto; margin-top: 16px; }
.c-ls__kicker { margin-top: 18px; font-size: clamp(16px, 4.2vw, 22px); line-height: 1.5; }
.c-ls__title { margin-top: 14px; font-size: clamp(26px, 5.6vw, 56px); font-weight: 900; line-height: 1.25; }
.c-ls__line { display: block; text-wrap: balance; background: linear-gradient(180deg, #fff 20%, #fff 65%, #999 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-ls__btn { display: inline-block; margin-top: 28px; padding: 16px 32px; border-radius: 39px; background: #fe602e; color: #101010; font-size: clamp(17px, 4.6vw, 23px); font-weight: 900; line-height: 1.3; text-decoration: none; }
.c-ls__proof { position: relative; background: #101010; }
.c-ls__cards { width: 100%; aspect-ratio: 1920 / 700; background: url("../assets/ls-cards.png") 0 calc(-290 / 1920 * 100vw) / 100% auto no-repeat; }
.c-ls__stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 12px; padding: 28px 16px 48px; text-align: center; }
.c-ls__stat { display: flex; flex-direction: column; align-items: center; }
.c-ls__num { font-size: clamp(36px, 9vw, 57.6px); font-weight: 900; line-height: 1.3; color: #fe602e; }
.c-ls__cap { font-size: clamp(15px, 3.8vw, 23px); line-height: 1.4; }

@media (min-width: 1280px) {
  .c-ls__hero { display: block; height: calc(506.73 * var(--u)); padding: 0; }
  .c-ls__logo { position: absolute; left: calc(57.61 * var(--u)); top: calc(19.19 * var(--u)); width: calc(153.59 * var(--u)); height: calc(36.2 * var(--u)); }
  .c-ls__avatars { position: absolute; left: 50%; top: calc(55.39 * var(--u)); width: calc(806.39 * var(--u)); height: calc(117.72 * var(--u)); margin: 0; transform: translateX(-50%); }
  .c-ls__kicker { position: absolute; left: 0; right: 0; top: calc(173.1 * var(--u)); margin: 0; font-size: calc(28.8 * var(--u)); line-height: calc(28.8 * var(--u)); }
  .c-ls__title { position: absolute; left: 0; right: 0; top: calc(220.1 * var(--u)); margin: 0; font-size: calc(73 * var(--u)); line-height: calc(72.96 * var(--u)); }
  .c-ls__btn { position: absolute; left: 50%; top: calc(405.39 * var(--u)); box-sizing: border-box; width: calc(461.23 * var(--u)); height: calc(62.95 * var(--u)); margin: 0; padding: 0; transform: translateX(-50%); font-size: max(13px, calc(23 * var(--u))); line-height: calc(62.95 * var(--u)); }
  .c-ls__proof { height: calc(950 * var(--u)); }
  .c-ls__cards { height: calc(950 * var(--u)); aspect-ratio: auto; background-size: 100% calc(1200 * var(--u)); background-position: 0 calc(-250 * var(--u)); }
  .c-ls__stats { position: absolute; left: 50%; top: calc(738.95 * var(--u)); display: flex; flex-direction: row; gap: 0; width: calc(1400 * var(--u)); padding: 0; transform: translateX(-50%); }
  .c-ls__stat { width: calc(350 * var(--u)); }
  .c-ls__num { font-size: calc(57.6 * var(--u)); line-height: calc(74.88 * var(--u)); }
  .c-ls__cap { margin-top: calc(-2 * var(--u)); font-size: max(13px, calc(23 * var(--u))); line-height: calc(29.95 * var(--u)); }
}