/* @u */
/* Figma hsxftd3Zi8PsYWvCYS4XYa node 32:37: 121 gold triangle with 3 step cards (outlined, faint icon behind). Frame 1920. Fonts: Noto Sans Hebrew. Type reduced (titles 45 to 36, body 20 to 19). */
.c-tg { --u: calc(min(100vw, 1920px) / 1920); --gold: linear-gradient(270deg, #8f5c1a 0%, #fce277 25%, #9e6f22 55%, #fad652 80%, #b88528 100%); --silver: linear-gradient(270deg, #8b8c90 0%, #f8f9fa 30%, #b8b9be 55%, #f8f9fa 80%, #d1d2d6 100%); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #191508; color: #fff; overflow-x: clip; display: flow-root; }
.c-tg :where(h2, h3, p, ol, li) { margin: 0; padding: 0; list-style: none; }
.c-tg__sec { position: relative; box-sizing: border-box; padding: 46px 16px 60px; text-align: center; }
.c-tg__h { max-width: 600px; margin: 0 auto; font-weight: 900; }
.c-tg__a, .c-tg__b { display: block; font-size: clamp(22px, 6vw, 30px); line-height: 1.35; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-wrap: balance; }
.c-tg__a { background-image: var(--gold); }
.c-tg__b { margin-top: 12px; background-image: var(--silver); }
.c-tg__arr { display: none; }
.c-tg__tri { position: relative; width: min(100%, 300px); aspect-ratio: 565 / 500; margin: 34px auto 0; }
.c-tg__glow { position: absolute; left: -10%; top: 30%; width: 120%; height: auto; }
.c-tg__shape { position: absolute; left: 0; top: 0; width: 100%; height: 88%; }
.c-tg__tt { position: absolute; left: 0; right: 0; top: 60%; font-size: 24px; font-weight: 900; line-height: 1.25; letter-spacing: .06em; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-tg__steps { display: flex; flex-direction: column; gap: 22px; max-width: 560px; margin: 30px auto 0; }
.c-tg__step { position: relative; box-sizing: border-box; padding: 24px 20px; border: 2px solid #8f5c1a; border-radius: 15px; overflow: hidden; }
.c-tg__ic { position: absolute; left: 50%; top: 6px; width: 140px; height: auto; margin-left: -70px; opacity: .08; }
.c-tg__t { position: relative; font-size: 22px; font-weight: 900; line-height: 1.3; letter-spacing: .06em; background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-tg__step p { position: relative; margin-top: 12px; font-size: 16px; font-weight: 400; line-height: 1.65; color: #fff; }
.c-tg__step b { font-weight: 700; }

@media (min-width: 1280px) {
  .c-tg__sec { width: calc(1920 * var(--u)); max-width: none; height: calc(1616 * var(--u)); margin: 0 auto; padding: 0; }
  .c-tg__h { position: absolute; top: calc(76 * var(--u)); left: 0; right: 0; max-width: none; }
  .c-tg__a, .c-tg__b { font-size: calc(40 * var(--u)); line-height: calc(52 * var(--u)); }
  .c-tg__b { margin-top: calc(22 * var(--u)); }
  .c-tg__tri { position: absolute; left: calc(677 * var(--u)); top: calc(690 * var(--u)); width: calc(565 * var(--u)); height: calc(500 * var(--u)); margin: 0; aspect-ratio: auto; }
  .c-tg__glow { left: calc(-13 * var(--u)); top: calc(190 * var(--u)); width: calc(591 * var(--u)); }
  .c-tg__shape { width: calc(565 * var(--u)); height: calc(488 * var(--u)); }
  .c-tg__tt { top: calc(300 * var(--u)); font-size: calc(38 * var(--u)); line-height: calc(50 * var(--u)); }
  .c-tg__arr { display: block; position: absolute; width: calc(140 * var(--u)); height: calc(140 * var(--u)); }
  .c-tg__arr--a { left: calc(1105 * var(--u)); top: calc(880 * var(--u)); transform: rotate(180deg); }
  .c-tg__arr--b { left: calc(860 * var(--u)); top: calc(1170 * var(--u)); transform: rotate(-45deg); }
  .c-tg__steps { display: block; max-width: none; margin: 0; }
  .c-tg__step { position: absolute; width: calc(690 * var(--u)); border: calc(3 * var(--u)) solid #8f5c1a; border-radius: calc(15 * var(--u)); display: flex; flex-direction: column; justify-content: center; text-align: center; padding: calc(24 * var(--u)) calc(70 * var(--u)); }
  .c-tg__step--1 { left: calc(615 * var(--u)); top: calc(411 * var(--u)); height: calc(257 * var(--u)); }
  .c-tg__step--2 { left: calc(1156 * var(--u)); top: calc(1243 * var(--u)); height: calc(266 * var(--u)); }
  .c-tg__step--3 { left: calc(74 * var(--u)); top: calc(1243 * var(--u)); height: calc(280 * var(--u)); }
  .c-tg__ic { width: calc(200 * var(--u)); top: calc(14 * var(--u)); margin-left: calc(-100 * var(--u)); }
  .c-tg__t { font-size: calc(26 * var(--u)); line-height: calc(40 * var(--u)); }
  .c-tg__step p { margin-top: calc(8 * var(--u)); font-size: max(13px, calc(19 * var(--u))); line-height: calc(33 * var(--u)); }
}