/* @u */
/* Figma 5bhjpik4BMAF0XywBScnR8 node 31:150: 91 how it works (4 steps), 92 dark box with 5 phases, 93 client results image, 94 fit / not fit + CTA, 95 about the owner, 96 FAQ rows.
   Fonts: Noto Sans Hebrew (Ploni replaced). Blue darkened from #5c9df2 to #3574cf so white text reaches 3:1. Icons: Phosphor fill (MIT) via CSS mask. >=1280px block in Figma px (1520 frame). */
.c-aw { --u: calc(min(100vw, 1520px) / 1520); --ab: #3574cf; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; text-align: center; color: #2d2d2d; }
.c-aw :where(h2, h3, p, ul, ol, li) { margin: 0; padding: 0; list-style: none; }
.c-aw b { font-weight: 800; }
.c-aw-mg__ic, .c-aw-ft__col li::before, .c-aw-ft__tap, .c-aw-fq__chev { background: currentColor; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }

/* 91 */
.c-aw-hw { background: #fff; }
.c-aw-hw__section { box-sizing: border-box; padding: 44px 44px 36px; }
.c-aw-hw__h { font-size: clamp(24px, 6.4vw, 40px); font-weight: 900; line-height: 1.25; }
.c-aw-hw__list { display: flex; flex-direction: column; gap: 18px; max-width: 420px; margin: 26px auto 0; }
.c-aw-hw__list li { position: relative; display: flex; align-items: center; min-height: 56px; box-sizing: border-box; padding: 10px 60px 10px 20px; border-radius: 8px; background: var(--ab); color: #fff; font-size: clamp(15px, 4vw, 20px); line-height: 1.35; text-align: right; }
.c-aw-hw__n { position: absolute; top: 50%; right: 0; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: #2d2d2d; font-size: 26px; font-weight: 700; line-height: 1; transform: translate(50%, -50%); }

/* 92 */
.c-aw-mg { background: #fff; }
.c-aw-mg__section { box-sizing: border-box; padding: 20px 12px 24px; }
.c-aw-mg__box { box-sizing: border-box; padding: 28px 14px 30px; border-radius: 28px; background: radial-gradient(ellipse 40% 12% at 50% 50%, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0)), #2d2d2d; color: #fff; }
.c-aw-mg__k { font-size: clamp(18px, 4.8vw, 26px); line-height: 1.4; }
.c-aw-mg__h { max-width: 560px; margin: 10px auto 0; font-size: clamp(24px, 6.4vw, 40px); font-weight: 900; line-height: 1.25; }
.c-aw-mg__list { display: flex; flex-direction: column; gap: 20px; margin: 26px auto 0; max-width: 560px; }
.c-aw-mg__card { display: flex; align-items: center; gap: 16px; box-sizing: border-box; padding: 18px 16px; border-radius: 24px; background: #f5f5f5; color: #0d0d0d; text-align: right; }
.c-aw-mg__ic { flex: none; width: 64px; height: 64px; box-sizing: border-box; border-radius: 50%; background: var(--ab); position: relative; -webkit-mask: none; mask: none; }
.c-aw-mg__ic::after { content: ""; position: absolute; inset: 14px; background: #fff; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-aw-mg__ic--ruler { --ic: url("../assets/icons/ph-ruler-fill.svg"); }
.c-aw-mg__ic--funnel { --ic: url("../assets/icons/ph-funnel-fill.svg"); }
.c-aw-mg__ic--target { --ic: url("../assets/icons/ph-target-fill.svg"); }
.c-aw-mg__ic--fire { --ic: url("../assets/icons/ph-fire-fill.svg"); }
.c-aw-mg__ic--chart-line-up { --ic: url("../assets/icons/ph-chart-line-up-fill.svg"); }
.c-aw-mg__card h3 { font-size: clamp(18px, 4.8vw, 26px); font-weight: 900; line-height: 1.3; }
.c-aw-mg__card p { margin-top: 6px; font-size: clamp(14px, 3.7vw, 18px); line-height: 1.5; }

/* 93 */
.c-aw-pf { background: #fff; }
.c-aw-pf__section { box-sizing: border-box; padding: 26px 16px 40px; }
.c-aw-pf__k { font-size: clamp(16px, 4.4vw, 22px); }
.c-aw-pf__h { margin-top: 6px; font-size: clamp(22px, 6vw, 38px); font-weight: 900; line-height: 1.25; }
.c-aw-pf__img { display: block; width: 100%; max-width: 880px; margin: 22px auto 0; }

/* 94 */
.c-aw-ft { background: #f5f5f5; }
.c-aw-ft__section { box-sizing: border-box; padding: 40px 16px 44px; }
.c-aw-ft__h { font-size: clamp(24px, 6.4vw, 40px); font-weight: 900; line-height: 1.25; }
.c-aw-ft__cols { display: flex; flex-direction: column; gap: 20px; max-width: 520px; margin: 24px auto 0; }
.c-aw-ft__col { box-sizing: border-box; padding: 26px 22px; border-radius: 16px; color: #fff; }
.c-aw-ft__col--no { background: #2d2d2d; }
.c-aw-ft__col--yes { background: var(--ab); }
.c-aw-ft__col h3 { font-size: clamp(20px, 5.2vw, 28px); font-weight: 900; line-height: 1.3; }
.c-aw-ft__col ul { margin-top: 10px; }
.c-aw-ft__col li { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(245, 245, 245, .5); font-size: clamp(14px, 3.8vw, 18px); line-height: 1.4; text-align: right; }
.c-aw-ft__col li:last-child { border-bottom: 0; }
.c-aw-ft__col li::before { content: ""; flex: none; width: 24px; height: 24px; }
.c-aw-ft__col--no li::before { color: #ff7d7d; --ic: url("../assets/icons/ph-x-circle-fill.svg"); }
.c-aw-ft__col--yes li::before { color: #fff; --ic: url("../assets/icons/ph-check-circle-fill.svg"); }
.c-aw-ft__f { margin-top: 16px; font-size: clamp(20px, 5.2vw, 28px); font-weight: 900; }
.c-aw-ft__btn { display: flex; align-items: center; justify-content: center; gap: 14px; box-sizing: border-box; max-width: 520px; margin: 26px auto 0; padding: 14px 22px; border-radius: 800px; background: var(--ab); color: #fff; text-decoration: none; font-size: clamp(16px, 4.4vw, 22px); line-height: 1.3; filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .1)); }
.c-aw-ft__tap { flex: none; width: 30px; height: 30px; --ic: url("../assets/icons/ph-caret-left-bold.svg"); }

/* 95 */
.c-aw-ab { background: #fff; }
.c-aw-ab__section { display: flex; flex-direction: column; gap: 30px; box-sizing: border-box; padding: 40px 16px 48px; }
.c-aw-ab__photo { position: relative; width: min(100%, 340px); margin: 0 auto; }
.c-aw-ab__plate { position: absolute; inset: 0; border-radius: 28px; background: var(--ab); transform: rotate(-6deg); }
.c-aw-ab__photo img { position: relative; display: block; width: 100%; border-radius: 24px; }
.c-aw-ab__txt { display: flex; flex-direction: column; gap: 12px; max-width: 560px; margin: 0 auto; font-size: clamp(15px, 3.9vw, 18px); line-height: 1.55; text-align: right; }
.c-aw-ab__k { font-size: clamp(17px, 4.6vw, 22px); }
.c-aw-ab__h { font-size: clamp(24px, 6.4vw, 38px); font-weight: 900; line-height: 1.25; }
.c-aw-ab__h span { color: var(--ab); }

/* 96 */
.c-aw-fq { background: #fff; }
.c-aw-fq__section { box-sizing: border-box; padding: 30px 16px 56px; }
.c-aw-fq__h { font-size: clamp(24px, 6.4vw, 40px); font-weight: 900; line-height: 1.25; }
.c-aw-fq__list { display: flex; flex-direction: column; gap: 14px; max-width: 560px; margin: 22px auto 0; }
.c-aw-fq__list li { display: flex; align-items: center; justify-content: space-between; gap: 14px; box-sizing: border-box; padding: 16px 22px; border-radius: 8px; background: #2d2d2d; color: #fff; font-size: clamp(16px, 4.3vw, 21px); font-weight: 800; line-height: 1.4; text-align: right; }
.c-aw-fq__list .c-aw-fq__open { display: block !important; padding: 0 !important; }
.c-aw-fq__open details { width: 100%; }
.c-aw-fq__open summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; box-sizing: border-box; padding: 16px 22px; list-style: none; cursor: pointer; }
.c-aw-fq__open summary::-webkit-details-marker { display: none; }
.c-aw-fq__open details[open] .c-aw-fq__chev { transform: rotate(180deg); }
.c-aw-fq__open p { box-sizing: border-box; padding: 0 22px 20px; font-size: clamp(14px, 3.8vw, 18px); font-weight: 400; line-height: 1.6; text-align: right; }
.c-aw-fq__chev { flex: none; width: 24px; height: 24px; --ic: url("../assets/icons/ph-caret-down-fill.svg"); }

@media (min-width: 1280px) {
  /* 91 */
  .c-aw-hw__section { padding: calc(70 * var(--u)) 0 calc(50 * var(--u)); }
  .c-aw-hw__h { font-size: calc(44 * var(--u)); line-height: calc(54 * var(--u)); }
  .c-aw-hw__list { gap: calc(24 * var(--u)); width: calc(520 * var(--u)); max-width: none; margin-top: calc(30 * var(--u)); }
  .c-aw-hw__list li { min-height: calc(66 * var(--u)); padding: calc(12 * var(--u)) calc(64 * var(--u)) calc(12 * var(--u)) calc(28 * var(--u)); font-size: max(13px, calc(22 * var(--u))); line-height: calc(32 * var(--u)); }
  .c-aw-hw__n { width: calc(64 * var(--u)); height: calc(64 * var(--u)); font-size: calc(30 * var(--u)); transform: translate(50%, -50%); }
  /* 92 */
  .c-aw-mg__section { width: calc(1280 * var(--u)); margin: 0 auto; padding: calc(24 * var(--u)) calc(16 * var(--u)); }
  .c-aw-mg__box { padding: calc(44 * var(--u)) calc(32 * var(--u)) calc(48 * var(--u)); border-radius: calc(32 * var(--u)); }
  .c-aw-mg__k { font-size: calc(30 * var(--u)); line-height: calc(40 * var(--u)); }
  .c-aw-mg__h { width: calc(700 * var(--u)); max-width: none; margin-top: calc(12 * var(--u)); font-size: calc(44 * var(--u)); line-height: calc(54 * var(--u)); }
  .c-aw-mg__list { gap: calc(44 * var(--u)); width: calc(1184 * var(--u)); max-width: none; margin-top: calc(40 * var(--u)); }
  .c-aw-mg__card { gap: calc(32 * var(--u)); padding: calc(24 * var(--u)) calc(32 * var(--u)); border-radius: calc(32 * var(--u)); }
  .c-aw-mg__card { width: calc(740 * var(--u)); align-self: flex-start; }
  .c-aw-mg__card--s { align-self: flex-end; }
  .c-aw-mg__ic { width: calc(96 * var(--u)); height: calc(96 * var(--u)); }
  .c-aw-mg__ic::after { inset: calc(22 * var(--u)); }
  .c-aw-mg__card h3 { font-size: calc(30 * var(--u)); line-height: calc(40 * var(--u)); }
  .c-aw-mg__card p { margin-top: calc(8 * var(--u)); font-size: max(13px, calc(20 * var(--u))); line-height: calc(29 * var(--u)); }
  /* 93 */
  .c-aw-pf__section { padding: calc(40 * var(--u)) 0 calc(60 * var(--u)); }
  .c-aw-pf__k { font-size: calc(26 * var(--u)); line-height: calc(34 * var(--u)); }
  .c-aw-pf__h { font-size: calc(44 * var(--u)); line-height: calc(56 * var(--u)); }
  .c-aw-pf__img { width: calc(928 * var(--u)); max-width: none; margin-top: calc(24 * var(--u)); }
  /* 94 */
  .c-aw-ft__section { padding: calc(56 * var(--u)) 0 calc(60 * var(--u)); }
  .c-aw-ft__h { font-size: calc(44 * var(--u)); line-height: calc(54 * var(--u)); }
  .c-aw-ft__cols { flex-direction: row; justify-content: center; gap: calc(64 * var(--u)); width: calc(1248 * var(--u)); max-width: none; margin-top: calc(36 * var(--u)); }
  .c-aw-ft__col { flex: none; width: calc(511 * var(--u)); padding: calc(36 * var(--u)) calc(64 * var(--u)); border-radius: calc(16 * var(--u)); }
  .c-aw-ft__col h3 { font-size: calc(30 * var(--u)); line-height: calc(40 * var(--u)); }
  .c-aw-ft__col ul { margin-top: calc(12 * var(--u)); }
  .c-aw-ft__col li { gap: calc(16 * var(--u)); padding: calc(12 * var(--u)) 0 calc(13 * var(--u)); font-size: max(13px, calc(19 * var(--u))); line-height: calc(28 * var(--u)); }
  .c-aw-ft__f { margin-top: calc(18 * var(--u)); font-size: calc(30 * var(--u)); line-height: calc(40 * var(--u)); }
  .c-aw-ft__btn { width: max-content; max-width: none; margin-top: calc(36 * var(--u)); padding: calc(16 * var(--u)) calc(36 * var(--u)); font-size: max(13px, calc(22 * var(--u))); line-height: calc(32 * var(--u)); gap: calc(16 * var(--u)); }
  .c-aw-ft__tap { width: calc(32 * var(--u)); height: calc(32 * var(--u)); }
  /* 95 */
  .c-aw-ab__section { flex-direction: row; align-items: center; justify-content: center; gap: calc(70 * var(--u)); width: calc(1248 * var(--u)); margin: 0 auto; padding: calc(70 * var(--u)) 0 calc(90 * var(--u)); }
  .c-aw-ab__photo { flex: none; width: calc(474 * var(--u)); margin: 0; }
  .c-aw-ab__txt { flex: none; width: calc(560 * var(--u)); max-width: none; margin: 0; gap: calc(16 * var(--u)); font-size: max(13px, calc(19 * var(--u))); line-height: calc(28 * var(--u)); }
  .c-aw-ab__k { font-size: max(13px, calc(24 * var(--u))); line-height: calc(34 * var(--u)); }
  .c-aw-ab__h { font-size: calc(44 * var(--u)); line-height: calc(54 * var(--u)); }
  /* 96 */
  .c-aw-fq__section { padding: calc(40 * var(--u)) 0 calc(90 * var(--u)); }
  .c-aw-fq__h { font-size: calc(44 * var(--u)); line-height: calc(54 * var(--u)); }
  .c-aw-fq__list { gap: calc(16 * var(--u)); width: calc(608 * var(--u)); max-width: none; margin-top: calc(28 * var(--u)); }
  .c-aw-fq__list li { padding: calc(18 * var(--u)) calc(32 * var(--u)); font-size: max(13px, calc(22 * var(--u))); line-height: calc(34 * var(--u)); }
  .c-aw-fq__chev { width: calc(28 * var(--u)); height: calc(28 * var(--u)); }
  .c-aw-fq__open summary { padding: calc(18 * var(--u)) calc(32 * var(--u)); }
  .c-aw-fq__open p { padding: 0 calc(32 * var(--u)) calc(26 * var(--u)); font-size: max(13px, calc(19 * var(--u))); line-height: calc(30 * var(--u)); }
}
