/* @u */
/* Figma qbsXbJkHKKVl0JlNXJ8ESH node 45:169: 113 long gold hero (headline, CTA, man in a gold disc with a halo, 5 result photos, name + phone form). Frame 1920. Fonts: Noto Sans Hebrew.
   Type reduced (h1 85 to 54, 63px lines to ~36-44). Text on gold gradients is DARK (#141200): the design's white text on gold fails contrast. Form does not submit anywhere.
   Figure: gold disc + thin ring + yellow halo; the man is large, his head sticks out above the disc and the lower part is cut by the round bottom of the disc (as in the design). */
.c-hl { --u: calc(min(100vw, 1920px) / 1920); --gold: linear-gradient(100deg, #ffd742 12%, #ffcc30 40%, #deb335 75%, #e3a701 106%); direction: rtl; position: relative; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #141200; color: #fff; overflow-x: clip; display: flow-root; }
.c-hl :where(h1, h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-hl__bolt { display: none; }
.c-hl__hero { position: relative; box-sizing: border-box; padding: 40px 16px 20px; text-align: center; }
.c-hl__h { font-size: clamp(24px, 6.6vw, 36px); font-weight: 900; line-height: 1.2; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-wrap: balance; }
.c-hl__h br { display: none; }
.c-hl__sub { max-width: 520px; margin: 16px auto 0; font-size: clamp(18px, 5vw, 24px); font-weight: 900; line-height: 1.3; color: #fffce6; }
.c-hl__lead { max-width: 520px; margin: 14px auto 0; font-size: clamp(16px, 4.3vw, 20px); font-weight: 300; line-height: 1.55; color: #fff; }
.c-hl__lead b { font-weight: 400; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-hl__lead br { display: none; }
.c-hl__btn { display: inline-block; box-sizing: border-box; max-width: 100%; margin-top: 24px; padding: 13px 30px; border-radius: 40px; background: var(--gold); color: #141200; text-decoration: none; white-space: nowrap; font-size: 20px; font-weight: 900; line-height: 1.3; }
.c-hl__fig { position: relative; width: min(100%, 300px); aspect-ratio: 1; margin: 90px auto 0; }
.c-hl__glow { position: absolute; left: -45%; right: -45%; top: 15%; bottom: -55%; background: radial-gradient(ellipse 50% 50% at 50% 55%, rgba(255, 215, 0, .5) 0%, rgba(255, 204, 48, .22) 38%, rgba(255, 204, 48, 0) 70%); }
.c-hl__disc { position: absolute; left: 1.2%; top: 7.7%; width: 96%; height: 96%; }
.c-hl__ring { position: absolute; left: 0; top: 5.7%; width: 100%; height: 100%; opacity: 1; }
.c-hl__ring--b { display: none; }
.c-hl__man { position: absolute; left: 0; right: 0; top: -22%; height: 126%; overflow: hidden; border-radius: 0 0 50% 50% / 0 0 36% 36%; }
.c-hl__man img { position: absolute; left: 50%; top: -21.9%; height: 184%; width: auto; max-width: none; transform: translateX(-50%); }
.c-hl__proof { box-sizing: border-box; padding: 40px 16px 30px; text-align: center; }
.c-hl__p { max-width: 520px; margin: 0 auto; font-size: clamp(18px, 4.8vw, 24px); font-weight: 300; line-height: 1.5; color: #fffce6; }
.c-hl__p b { font-weight: 700; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-hl__gal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-width: 520px; margin: 26px auto 0; }
.c-hl__gal li { aspect-ratio: 292 / 365; overflow: hidden; border-radius: 8px; }
.c-hl__gal img { display: block; width: 100%; height: 100%; object-fit: cover; }
.c-hl__form { position: relative; box-sizing: border-box; padding: 40px 16px 70px; text-align: center; overflow: hidden; }
.c-hl__blob { display: none; }
.c-hl__f { position: relative; max-width: 520px; margin: 0 auto; font-size: clamp(22px, 6vw, 30px); font-weight: 900; line-height: 1.3; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-hl__mark { display: inline-block; margin-top: 6px; padding: 2px 12px; border-radius: 6px; background: var(--gold); -webkit-text-fill-color: #141200; color: #141200; }
.c-hl__fields { position: relative; display: flex; flex-direction: column; gap: 26px; max-width: 420px; margin: 34px auto 0; }
.c-hl__field { display: block; text-align: right; }
.c-hl__field span { display: block; font-size: 20px; font-weight: 500; line-height: 1.3; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-hl__field input { display: block; box-sizing: border-box; width: 100%; height: 50px; padding: 0 4px; border: 0; border-bottom: 4px solid #ffd742; border-radius: 0; background: transparent; font: inherit; font-size: 20px; color: #fff; text-align: right; outline: none; }
.c-hl__field input:focus-visible { border-bottom-color: #fff; }
.c-hl__go { box-sizing: border-box; width: 100%; margin-top: 8px; padding: 14px 20px; border: 0; border-radius: 24px; background: var(--gold); color: #141200; font: inherit; font-size: 22px; font-weight: 900; line-height: 1.3; cursor: pointer; }
.c-hl__go:focus-visible, .c-hl__btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (min-width: 1280px) {
  .c-hl { width: calc(1920 * var(--u)); max-width: none; margin: 0 auto; height: calc(3445 * var(--u)); }
  .c-hl__bolt { display: block; position: absolute; width: calc(440 * var(--u)); height: auto; opacity: .3; }
  .c-hl__bolt--a { right: calc(152 * var(--u)); top: calc(670 * var(--u)); }
  .c-hl__bolt--b { left: calc(117 * var(--u)); top: calc(1246 * var(--u)); }
  .c-hl__hero { position: static; padding: 0; }
  .c-hl__h { position: absolute; top: calc(92 * var(--u)); left: 0; right: 0; font-size: calc(54 * var(--u)); line-height: calc(66 * var(--u)); }
  .c-hl__h br { display: inline; }
  .c-hl__sub { position: absolute; top: calc(264 * var(--u)); left: 0; right: 0; max-width: none; margin: 0; font-size: calc(40 * var(--u)); line-height: calc(56 * var(--u)); }
  .c-hl__lead { position: absolute; top: calc(366 * var(--u)); left: 0; right: 0; max-width: none; margin: 0; font-size: calc(34 * var(--u)); line-height: calc(52 * var(--u)); }
  .c-hl__lead br { display: inline; }
  .c-hl__btn { position: absolute; top: calc(540 * var(--u)); left: calc(660 * var(--u)); width: calc(600 * var(--u)); height: calc(100 * var(--u)); margin: 0; padding: 0; display: grid; place-items: center; border-radius: calc(50 * var(--u)); font-size: calc(40 * var(--u)); line-height: calc(56 * var(--u)); }
  .c-hl__fig { position: absolute; left: calc(532 * var(--u)); top: calc(922 * var(--u)); width: calc(821 * var(--u)); height: calc(821 * var(--u)); margin: 0; aspect-ratio: auto; }
  .c-hl__proof { position: static; padding: 0; }
  .c-hl__p { position: absolute; top: calc(1895 * var(--u)); left: 0; right: 0; max-width: none; margin: 0; font-size: calc(38 * var(--u)); line-height: calc(56 * var(--u)); }
  .c-hl__gal { position: absolute; top: calc(2034 * var(--u)); left: calc(4 * var(--u)); right: calc(4 * var(--u)); display: flex; justify-content: space-between; max-width: none; margin: 0; gap: 0; }
  .c-hl__gal li { width: calc(292 * var(--u)); height: calc(365 * var(--u)); aspect-ratio: auto; border-radius: 0; }
  .c-hl__form { position: static; padding: 0; overflow: visible; }
  .c-hl__blob { display: block; position: absolute; width: calc(462 * var(--u)); height: calc(462 * var(--u)); opacity: .8; }
  .c-hl__blob--a { left: calc(-2 * var(--u)); top: calc(2569 * var(--u)); }
  .c-hl__blob--b { left: calc(1510 * var(--u)); top: calc(3042 * var(--u)); }
  .c-hl__f { position: absolute; top: calc(2590 * var(--u)); left: 0; right: 0; max-width: none; font-size: calc(44 * var(--u)); line-height: calc(60 * var(--u)); }
  .c-hl__mark { display: block; width: fit-content; margin: calc(12 * var(--u)) auto 0; padding: 0 calc(22 * var(--u)); font-size: calc(54 * var(--u)); line-height: calc(76 * var(--u)); border-radius: calc(10 * var(--u)); }
  .c-hl__fields { position: static; display: block; max-width: none; margin: 0; }
  .c-hl__field { position: absolute; left: calc(635 * var(--u)); width: calc(650 * var(--u)); }
  .c-hl__field:nth-of-type(1) { top: calc(2830 * var(--u)); }
  .c-hl__field:nth-of-type(2) { top: calc(2970 * var(--u)); }
  .c-hl__field span { font-size: calc(32 * var(--u)); line-height: calc(46 * var(--u)); }
  .c-hl__field input { height: calc(62 * var(--u)); font-size: calc(26 * var(--u)); border-bottom-width: calc(9 * var(--u)); }
  .c-hl__go { position: absolute; top: calc(3104 * var(--u)); left: calc(656 * var(--u)); width: calc(629 * var(--u)); height: calc(102 * var(--u)); margin: 0; padding: 0; border-radius: calc(35 * var(--u)); font-size: calc(40 * var(--u)); }
}
