/* @u */
/* Red/black academy sections - Figma file MZpypl41ZiKTBvRwIRNBUV, frame 1:3633 (1524 wide): steps + promise from container 1:4110.
   Font note: the design asks for Inter but Hebrew falls back; Noto Sans Hebrew is used (weights 800 / 400). Red #bc2024, black #080808. */
.c-red { --u: calc(min(100vw, 1524px) / 1524); --red: #bc2024;
  background: #080808; color: #fff; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; line-height: 1.5; overflow-x: clip; isolation: isolate; }
.c-red :where(h2, h3, p, ol, li) { margin: 0; padding: 0; }
.c-red :where(ol) { list-style: none; }

.c-red-title { display: inline-block; padding: 10px 6px 12px; font-size: 24px; font-weight: 800; line-height: 1.25; text-align: center; color: var(--red); border: 1px solid #333; text-shadow: 0 0 5px rgba(188, 32, 36, .26); }
.c-red-title--sm { font-size: 22px; }

/* -- steps -- */
.c-red-steps__section { position: relative; padding: 40px 16px 50px; }
.c-red-steps__bg { position: absolute; top: 0; left: 8%; width: 84%; height: 220px; background: url("../assets/red-steps-bg.png") center top / 100% 100% no-repeat; opacity: .8; pointer-events: none; }
.c-red-steps__inner { position: relative; display: flex; flex-direction: column; align-items: center; gap: 20px; width: min(1140px, 100%); margin-inline: auto; }
.c-red-steps__list { --tl-w: 2px; --tl-track: rgba(188, 32, 36, .25); --tl-fill: var(--red); position: relative; display: flex; flex-direction: column; gap: 22px; width: min(560px, 100%); }
.c-red-step { position: relative; display: flex; flex-direction: column; gap: 8px; }
.c-red-step__badge { position: relative; z-index: 1; align-self: flex-start; display: grid; place-items: center; width: 44px; height: 44px; font-family: "Poppins", sans-serif; font-weight: 900; font-size: 22px; line-height: 1; color: var(--red); background: #121212; border: 1px solid var(--red); }
.c-red-step__card { padding: 15px; background: #000; border: 1px solid var(--red); filter: drop-shadow(10px 10px 12.5px rgba(0, 0, 0, .28)); }
.c-red-step__text { padding: 24px 22px; background: #121212; }
.c-red-step__text h3 { font-size: 17px; font-weight: 400; line-height: 1.6; text-align: right; color: #fffbfb; }
.c-red-step__text br { display: none; }

/* -- promise -- */
.c-red-promise__section { position: relative; padding: 40px 16px 50px; }
.c-red-promise__bg { position: absolute; inset: 0; background: url("../assets/red-promise-bg.png") center / cover no-repeat; opacity: .35; pointer-events: none; }
.c-red-promise__wrap { position: relative; display: flex; justify-content: center; width: min(1140px, 100%); margin-inline: auto; padding: 15px 0; }
.c-red-promise__card { position: relative; width: min(600px, 100%); padding: 0; border: 0; }
.c-red-promise__plate { position: absolute; z-index: -1; inset: 0; border-radius: 20px; background: #bc2024; transform: rotate(4deg); box-shadow: 0 0 30px rgba(188, 32, 36, .6); }
.c-red-promise__inner { position: relative; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 24px 18px; background: #080808; border: 3px solid rgba(188, 32, 36, .08); border-radius: 20px; }
.c-red-promise__text { font-size: 15px; line-height: 1.9; text-align: center; color: #fff; }
.c-red-br { display: none; }

/* -- CTA box below the promise (node 1:4191) -- */
.c-red-cta { display: flex; flex-direction: column; align-items: center; width: min(490.2px, 100%); margin: 90px auto 0; padding: 25.8px 15px 15.8px; background: #050505; border: 1px solid var(--red); box-shadow: inset 0 0 50px 16px rgba(188, 32, 36, .09); }
.c-red-cta__btn { display: block; padding: 17.1px 17.8px 17.8px; border: 0; border-radius: 52px; background: #c4161c; box-shadow: none; font-size: 14.6px; font-weight: 800; line-height: 15px; color: #fff; text-align: center; text-decoration: none; white-space: nowrap; }
.c-red-cta__warn { box-sizing: border-box; width: min(357.7px, 100%); margin-top: 17.7px; padding: 9.4px 20px; background: #111; border: 2px solid var(--red); filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5)); font-size: 18px; font-weight: 400; line-height: 25px; text-align: center; color: #fff; }
.c-red-cta__avatars { display: block; width: 160.5px; height: 44.11px; margin-top: 15px; object-fit: contain; }
.c-red-cta__proof { margin-top: 14.4px; font-size: 16px; font-weight: 400; line-height: 18px; text-align: center; color: #fff; }

@media (min-width: 1280px) {
  /* steps */
  .c-red-steps__section { padding: 0 calc(192 * var(--u)); }
  .c-red-steps__bg { top: 0; left: 22%; width: 56%; height: calc(446.6 * var(--u)); opacity: 1; background-size: 100% 100%; }
  .c-red-steps__inner { width: calc(1140 * var(--u)); gap: calc(20 * var(--u)); padding-bottom: calc(50 * var(--u)); }
  .c-red-title { padding: calc(12.3 * var(--u)) calc(1.6 * var(--u)) calc(13 * var(--u)); font-size: calc(34.9 * var(--u)); line-height: calc(35 * var(--u)); white-space: nowrap; }
  .c-red-steps__list { position: relative; width: calc(1140 * var(--u)); gap: calc(29.6 * var(--u)); }
  .c-red-step { display: grid; grid-template-columns: calc(524.94 * var(--u)) calc(90 * var(--u)) calc(525.46 * var(--u)); align-items: center; gap: 0; direction: ltr; }
  .c-red-step > * { direction: rtl; }
  .c-red-step__badge { grid-column: 2; grid-row: 1; justify-self: center; width: calc(50 * var(--u)); height: calc(50 * var(--u)); padding: calc(3.4 * var(--u)) calc(1 * var(--u)) calc(4.6 * var(--u)); font-size: calc(28 * var(--u)); line-height: calc(42 * var(--u)); }
  .c-red-step:nth-child(odd) .c-red-step__card { grid-column: 3; grid-row: 1; }
  .c-red-step:nth-child(even) .c-red-step__card { grid-column: 1; grid-row: 1; }
  .c-red-step__card { padding: calc(17 * var(--u)); }
  .c-red-step__text { padding: calc(44.4 * var(--u)) calc(45 * var(--u)) calc(45 * var(--u)); }
  .c-red-step__text h3 { font-size: max(13px, calc(22 * var(--u))); line-height: calc(26.4 * var(--u)); white-space: nowrap; }
  .c-red-step__text br { display: inline; }

  /* promise */
  .c-red-promise__section { padding: 0 calc(192 * var(--u)) calc(50 * var(--u)); }
  .c-red-promise__bg { inset: 0 auto auto calc(192 * var(--u)); left: calc(192 * var(--u) + 1140 * var(--u) * 0.2369); width: calc(1140 * var(--u) * 0.5262); height: calc(374.95 * var(--u)); opacity: 1; background-size: 100% 100%; }
  .c-red-promise__wrap { width: calc(1140 * var(--u)); padding: calc(15 * var(--u)); }
  .c-red-promise__card { width: calc(599.4 * var(--u)); padding: 0; }
  .c-red-promise__plate { inset: 0; }
  .c-red-promise__inner { box-sizing: border-box; width: calc(599.4 * var(--u)); min-height: calc(243.94 * var(--u)); gap: calc(20 * var(--u)); padding: calc(25 * var(--u)); justify-content: center; }
  .c-red-promise__text { padding-bottom: calc(14.4 * var(--u)); font-size: max(13px, calc(17 * var(--u))); line-height: calc(40 * var(--u)); white-space: nowrap; }
  .c-red-br { display: inline; }
  .c-red-promise__section { padding-bottom: calc(50 * var(--u)); }
  .c-red-cta { width: calc(490.2 * var(--u)); margin-top: calc(110 * var(--u)); }
  .c-red-cta__warn { width: calc(357.7 * var(--u)); padding: calc(9.4 * var(--u)) calc(87.4 * var(--u)); white-space: nowrap; }
  .c-red-cta__proof { font-size: max(13px, calc(18 * var(--u))); white-space: nowrap; }
}

/* Session 97: promise section without the outlined title box and without the faint squares behind the black box */
.c-red-promise .c-red-title { border: 0; }
.c-red-promise__bg { display: none; }