/* @u */
/* Figma 5bhjpik4BMAF0XywBScnR8 node 28:148: 84 stats strip, 85 dark "you went through campaigners", 86 "not your fault", 87 "there is another way" chips, 88 three result cards.
   Fonts: Noto Sans Hebrew (Ploni replaced) + Poppins digits. Blue darkened from #5c9df2 to #3574cf so white text reaches 3:1. >=1280px block in Figma px (1520 frame). */
.c-ag { --u: calc(min(100vw, 1520px) / 1520); --ab: #3574cf; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; text-align: right; color: #2d2d2d; }
.c-ag :where(h2, p, ul, li, article) { margin: 0; padding: 0; list-style: none; }
.c-ag b { font-weight: 800; }
.c-ag-u { display: inline; background: linear-gradient(180deg, transparent 75%, #e8354a 75%, #e8354a 95%, transparent 95%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* 84 stats */
.c-ag-st { background: #f5f5f5; padding: 18px 0; }
.c-ag-st__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; max-width: 760px; margin: 0 auto; background: rgba(45, 45, 45, .2); }
.c-ag-st__row li { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 8px; background: #f5f5f5; text-align: center; }
.c-ag-st__row b { font-family: "Poppins", sans-serif; font-size: clamp(26px, 7vw, 38px); font-weight: 900; line-height: 1.1; color: #2f78e0; }
.c-ag-st__row span { font-size: clamp(13px, 3.4vw, 17px); line-height: 1.3; }

/* 85 dark */
.c-ag-dk { background: #2d2d2d; color: #fff; }
.c-ag-dk__section { display: flex; flex-direction: column; gap: 32px; box-sizing: border-box; padding: 44px 18px 52px; }
.c-ag-dk__txt { display: flex; flex-direction: column; gap: 14px; max-width: 560px; margin: 0 auto; font-size: clamp(15px, 3.9vw, 18px); line-height: 1.55; }
.c-ag-dk__k { font-size: clamp(18px, 4.8vw, 24px); }
.c-ag-dk__h { margin-bottom: 4px; font-size: clamp(26px, 7vw, 38px); font-weight: 900; line-height: 1.2; }
.c-ag-dk__img { display: block; width: 100%; max-width: 480px; margin: 0 auto; }

/* 86 not your fault */
.c-ag-nf { background: #fff; }
.c-ag-nf__section { display: flex; flex-direction: column; gap: 28px; box-sizing: border-box; padding: 44px 18px 48px; }
.c-ag-nf__img { display: block; width: 100%; max-width: 440px; margin: 0 auto; }
.c-ag-nf__txt { display: flex; flex-direction: column; gap: 14px; max-width: 560px; margin: 0 auto; font-size: clamp(15px, 3.9vw, 18px); line-height: 1.55; }
.c-ag-nf__h { font-size: clamp(28px, 7.6vw, 40px); font-weight: 900; line-height: 1.2; color: #ea3e4e; }
.c-ag mark { background: rgba(255, 228, 77, .45); color: inherit; padding: 0 2px; }

/* 87 other way */
.c-ag-ow { background: #f5f5f5; }
.c-ag-ow__section { box-sizing: border-box; padding: 40px 18px 44px; text-align: center; }
.c-ag-ow__k { font-size: clamp(18px, 4.8vw, 24px); }
.c-ag-ow__h { margin-top: 10px; font-size: clamp(24px, 6.4vw, 38px); font-weight: 900; line-height: 1.25; }
.c-ag-ow__chips { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 24px; }
.c-ag-ow__chips li { display: flex; align-items: center; gap: 14px; box-sizing: border-box; max-width: 100%; padding: 12px 20px; border-radius: 8px; background: var(--ab); color: #fff; font-size: clamp(14px, 3.7vw, 18px); line-height: 1.4; text-align: right; }
.c-ag-ow__chips li::before { content: ""; flex: none; width: 28px; height: 28px; background: #fff; -webkit-mask: url(../assets/icons/ph-check-circle-fill.svg) center / contain no-repeat; mask: url(../assets/icons/ph-check-circle-fill.svg) center / contain no-repeat; }

/* 88 results */
.c-ag-rs { background: #fff; }
.c-ag-rs__section { display: flex; flex-direction: column; gap: 90px; box-sizing: border-box; max-width: 620px; margin: 0 auto; padding: 80px 18px 60px; }
.c-ag-rs__card { position: relative; display: flex; flex-direction: column; gap: 22px; box-sizing: border-box; padding: 64px 22px 24px; border-radius: 28px; background: var(--ab); color: #fff; }
.c-ag-rs__face { position: absolute; top: -48px; right: 22px; width: 96px; height: 96px; border: 3px solid var(--ab); border-radius: 50%; object-fit: cover; background: #fff; }
.c-ag-rs__hh { margin: 0; font: inherit; }
.c-ag-rs__hh > span { display: block; }
.c-ag-rs__name { font-size: clamp(18px, 4.8vw, 24px); }
.c-ag-rs__h { margin-top: 6px; font-size: clamp(24px, 6.4vw, 36px); font-weight: 900; line-height: 1.2; }
.c-ag-rs__p { margin-top: 12px; font-size: clamp(14px, 3.7vw, 18px); line-height: 1.5; }
.c-ag-rs__shot { box-sizing: border-box; padding: 14px; border-radius: 14px; background: #fff; }
.c-ag-rs__shot img { display: block; width: 100%; border-radius: 6px; }

@media (min-width: 1280px) {
  /* 84 */
  .c-ag-st { padding: calc(32 * var(--u)) 0; }
  .c-ag-st__row { grid-template-columns: repeat(6, 1fr); width: calc(1248 * var(--u)); max-width: none; }
  .c-ag-st__row li { padding: calc(16 * var(--u)); height: calc(109 * var(--u)); box-sizing: border-box; }
  .c-ag-st__row b { font-size: calc(40 * var(--u)); line-height: calc(48 * var(--u)); }
  .c-ag-st__row span { font-size: max(13px, calc(18 * var(--u))); line-height: calc(26 * var(--u)); }
  /* 85 */
  .c-ag-dk__section { flex-direction: row; align-items: center; justify-content: space-between; width: calc(1248 * var(--u)); margin: 0 auto; padding: calc(64 * var(--u)) 0; gap: calc(120 * var(--u)); }
  .c-ag-dk__txt { flex: none; width: calc(560 * var(--u)); max-width: none; margin: 0; gap: calc(18 * var(--u)); font-size: max(13px, calc(19 * var(--u))); line-height: calc(29 * var(--u)); }
  .c-ag-dk__k { font-size: calc(26 * var(--u)); line-height: calc(36 * var(--u)); }
  .c-ag-dk__h { margin-bottom: calc(4 * var(--u)); font-size: calc(42 * var(--u)); line-height: calc(50 * var(--u)); }
  .c-ag-dk__img { flex: none; width: calc(528 * var(--u)); max-width: none; margin: 0; }
  /* 86 */
  .c-ag-nf__section { flex-direction: row; align-items: center; justify-content: space-between; width: calc(1248 * var(--u)); margin: 0 auto; padding: calc(70 * var(--u)) 0; gap: calc(120 * var(--u)); }
  .c-ag-nf__img { flex: none; width: calc(528 * var(--u)); max-width: none; margin: 0; }
  .c-ag-nf__txt { flex: none; width: calc(560 * var(--u)); max-width: none; margin: 0; gap: calc(18 * var(--u)); font-size: max(13px, calc(19 * var(--u))); line-height: calc(29 * var(--u)); }
  .c-ag-nf__h { font-size: calc(42 * var(--u)); line-height: calc(50 * var(--u)); }
  /* 87 */
  .c-ag-ow__section { padding: calc(56 * var(--u)) 0 calc(64 * var(--u)); }
  .c-ag-ow__k { font-size: calc(28 * var(--u)); line-height: calc(40 * var(--u)); }
  .c-ag-ow__h { margin-top: calc(10 * var(--u)); font-size: calc(42 * var(--u)); line-height: calc(52 * var(--u)); }
  .c-ag-ow__chips { gap: calc(14 * var(--u)); margin-top: calc(28 * var(--u)); }
  .c-ag-ow__chips li { padding: calc(14 * var(--u)) calc(28 * var(--u)); gap: calc(20 * var(--u)); font-size: max(13px, calc(20 * var(--u))); line-height: calc(29 * var(--u)); }
  .c-ag-ow__chips li::before { width: calc(32 * var(--u)); height: calc(32 * var(--u)); }
  /* 88 */
  .c-ag-rs__section { width: calc(960 * var(--u)); max-width: none; gap: calc(96 * var(--u)); padding: calc(110 * var(--u)) 0 calc(100 * var(--u)); }
  .c-ag-rs__card { display: grid; grid-template-columns: 1fr calc(368 * var(--u)); align-items: center; gap: calc(64 * var(--u)); min-height: calc(420 * var(--u)); padding: calc(64 * var(--u)) calc(48 * var(--u)) calc(40 * var(--u)); border-radius: calc(32 * var(--u)); }
  .c-ag-rs__face { top: calc(-56 * var(--u)); right: calc(48 * var(--u)); width: calc(112 * var(--u)); height: calc(112 * var(--u)); }
  .c-ag-rs__txt { grid-column: 1; grid-row: 1; padding-top: calc(32 * var(--u)); }
  .c-ag-rs__shot { grid-column: 2; grid-row: 1; padding: calc(20 * var(--u)); border-radius: calc(16 * var(--u)); }
  .c-ag-rs__name { font-size: calc(26 * var(--u)); line-height: calc(36 * var(--u)); }
  .c-ag-rs__h { font-size: calc(38 * var(--u)); line-height: calc(46 * var(--u)); }
  .c-ag-rs__p { font-size: max(13px, calc(19 * var(--u))); line-height: calc(28 * var(--u)); }
}