/* 152: "But if you realize that:" - same composition as the source (60-cta-fit card): dark navy floating card with an arc in the corner, small kicker, big ORANGE headline,
   hairline, three stacked rows, orange closing line, orange CTA. Elevated (design-expert 11 + 13): deep navy gradient + soft orange light, fading gradient border on the rows,
   orange check markers, thin concentric arcs, pill CTA with the label on the right and the icon on the left. White wrapper above and below (floating dark card rule).
   Single accent orange #EC711A. Every text pair >= 3:1. Compact one-screen calibration (10c). Prefix c-aym (checked unique). Noto Sans Hebrew 400-900. Phosphor icons via mask. */
.c-aym { --acc: #ec711a; --acc-t: #f5984f; --ink: #12122c; background: #fff; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; }
.c-aym *, .c-aym *::before, .c-aym *::after { box-sizing: border-box; }
.c-aym :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-aym__sec { padding: 32px 16px; }
.c-aym__card { position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; align-items: center; width: min(1180px, 100%); margin: 0 auto; padding: 44px 18px 40px; border-radius: 32px; background: radial-gradient(ellipse 70% 60% at 85% 0%, rgba(236, 113, 26, .16), rgba(236, 113, 26, 0) 70%), linear-gradient(90deg, #0d0d21 0%, #12122c 50%, #0d0d21 100%); color: #fff; text-align: center; box-shadow: 0 30px 70px rgba(18, 18, 44, .3); }
.c-aym__arcs { position: absolute; z-index: -1; top: 0; left: 0; width: min(380px, 70%); height: auto; color: #8f8fe0; pointer-events: none; }
.c-aym__kicker { font-size: 16px; line-height: 1.3; font-weight: 700; color: #fff; }
.c-aym__title { margin-top: 10px; font-size: clamp(28px, 7.4vw, 34px); line-height: 1.15; font-weight: 900; color: var(--acc-t); text-wrap: balance; }
.c-aym__rule { display: block; width: min(100%, 560px); height: 1px; margin: 22px auto 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent); }
.c-aym__rows { display: grid; gap: 12px; width: min(620px, 100%); margin-top: 26px; }
.c-aym__rows li { position: relative; display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 14px; background: linear-gradient(160deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04)); text-align: right; }
.c-aym__rows li::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(180deg, rgba(245, 152, 79, .7), rgba(245, 152, 79, .06) 80%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.c-aym__rows p { font-size: 17px; line-height: 1.4; font-weight: 700; color: #fff; }
.c-aym__ic { flex: none; position: relative; width: 30px; height: 30px; border-radius: 50%; background: var(--acc); }
.c-aym__ic::before { content: ""; position: absolute; inset: 0; margin: auto; width: 56%; height: 56%; background: #1a0d03; -webkit-mask: url("../assets/icons/ph-check-bold.svg") center / contain no-repeat; mask: url("../assets/icons/ph-check-bold.svg") center / contain no-repeat; }
.c-aym__end { margin-top: 30px; font-size: clamp(21px, 5.6vw, 25px); line-height: 1.25; font-weight: 900; color: var(--acc-t); }
.c-aym__btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; margin-top: 24px; padding: 15px 30px; border-radius: 999px; background: linear-gradient(180deg, #f08a3c 0%, var(--acc) 100%); color: #1a0d03; font-size: 17px; font-weight: 800; line-height: 1.25; text-decoration: none; white-space: nowrap; box-shadow: 0 0 0 1px rgba(255, 255, 255, .25) inset, 0 12px 32px rgba(236, 113, 26, .45); transition: transform .2s, box-shadow .2s; }
.c-aym__btn span { direction: rtl; unicode-bidi: isolate; }
.c-aym__btn b { font-weight: 900; }
.c-aym__btn:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 16px 38px rgba(236, 113, 26, .55); }
.c-aym__btn:focus-visible { outline: 3px solid #ffe44d; outline-offset: 3px; }
.c-aym__tap { flex: none; width: 24px; height: 24px; background: currentColor; -webkit-mask: url("../assets/icons/ph-hand-tap-bold.svg") center / contain no-repeat; mask: url("../assets/icons/ph-hand-tap-bold.svg") center / contain no-repeat; }

@media (min-width: 900px) {
  .c-aym__sec { padding: 48px 32px; }
  .c-aym__card { padding: 56px 40px 52px; border-radius: 44px; }
  .c-aym__kicker { font-size: clamp(17px, 1.3vw, 20px); }
  .c-aym__title { margin-top: 12px; font-size: clamp(36px, 3vw, 48px); }
  .c-aym__rule { margin-top: 28px; }
  .c-aym__rows { gap: 14px; width: min(660px, 100%); margin-top: 32px; }
  .c-aym__rows li { gap: 16px; padding: 19px 24px; border-radius: 16px; }
  .c-aym__rows p { font-size: clamp(17px, 1.3vw, 20px); }
  .c-aym__ic { width: 34px; height: 34px; }
  .c-aym__end { margin-top: 36px; font-size: clamp(26px, 2.1vw, 32px); }
  .c-aym__btn { margin-top: 28px; padding: 17px 44px; font-size: clamp(17px, 1.3vw, 20px); }
}