/* page 02 new pain sections 329 (receipt, light) and 330 (inner voice, dark) - Session 102. Copy is placeholders. */
.c-rcp, .c-ivb { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #fff; }
.c-rcp :where(h2, p, ul, li), .c-ivb :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-rcp__sec, .c-ivb__sec { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; text-align: center; }

/* 329 receipt, S-curve */
.c-rcp__sec { padding: 72px 20px calc(72px + clamp(56px, 8vw, 120px)); background: #eaeff6; color: #14202f;
  -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - clamp(56px, 8vw, 120px) + 1px) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V14C1000 14 440 112 0 112Z'/%3E%3C/svg%3E") bottom / 100% clamp(56px, 8vw, 120px) no-repeat;
  mask: linear-gradient(#000, #000) top / 100% calc(100% - clamp(56px, 8vw, 120px) + 1px) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V14C1000 14 440 112 0 112Z'/%3E%3C/svg%3E") bottom / 100% clamp(56px, 8vw, 120px) no-repeat; }
.c-rcp__h { font-size: clamp(30px, 7.6vw, 54px); line-height: 1.18; text-wrap: balance; }
.c-rcp__thin { display: block; font-weight: 300; }
.c-rcp__key { display: block; font-weight: 900; color: #b91c1c; }
.c-rcp__ticket { box-sizing: border-box; width: min(100%, 720px); margin-top: 44px; padding: 12px 24px 8px; border-radius: 18px; background: #fff; box-shadow: 0 24px 54px rgba(20, 32, 47, .16); text-align: start; position: relative; }
.c-rcp__ticket::before, .c-rcp__ticket::after { content: ""; position: absolute; left: 0; right: 0; height: 10px; background: radial-gradient(circle at 10px 0, transparent 7px, #fff 7.5px) 0 0 / 20px 10px repeat-x; }
.c-rcp__ticket::before { top: -9px; transform: scaleY(-1); }
.c-rcp__ticket::after { bottom: -9px; }
.c-rcp__rows { display: grid; }
.c-rcp__row { display: flex; align-items: baseline; gap: 10px; padding: 20px 0; }
.c-rcp__l { flex: none; max-width: 70%; font-size: clamp(18px, 4.6vw, 22px); line-height: 1.4; font-weight: 600; }
.c-rcp__dots { flex: 1; min-width: 20px; height: 0; border-bottom: 3px dotted rgba(20, 32, 47, .35); transform: translateY(-4px); }
.c-rcp__v { flex: none; font-family: Poppins, sans-serif; font-weight: 800; font-size: clamp(22px, 5.6vw, 30px); color: #b91c1c; }
.c-rcp__total { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-top: 6px; padding: 22px 0 18px; border-top: 3px solid #14202f; }
.c-rcp__tl { font-size: clamp(21px, 5.2vw, 26px); font-weight: 800; }
.c-rcp__tv { font-family: Poppins, sans-serif; font-weight: 800; font-size: clamp(36px, 9vw, 52px); line-height: 1; color: #b91c1c; }
.c-rcp__close { margin-top: 36px; max-width: 22ch; font-size: clamp(22px, 5.6vw, 32px); line-height: 1.35; font-weight: 700; text-wrap: balance; }

/* 330 inner voice, trapezoid platform */
.c-ivb__sec { padding: 72px 20px calc(72px + clamp(40px, 6vw, 88px)); background: radial-gradient(60% 40% at 50% 0%, rgba(99, 102, 241, .22), transparent 72%), #101226; color: #fff;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - clamp(40px, 6vw, 88px)), 78% calc(100% - clamp(40px, 6vw, 88px)), 68% 100%, 32% 100%, 22% calc(100% - clamp(40px, 6vw, 88px)), 0 calc(100% - clamp(40px, 6vw, 88px))); }
.c-ivb__h { font-size: clamp(30px, 7.6vw, 54px); line-height: 1.18; text-wrap: balance; }
.c-ivb__thin { display: block; font-weight: 300; }
.c-ivb__key { display: block; font-weight: 900; color: #a5b4fc; }
.c-ivb__list { display: grid; gap: 26px; width: min(100%, 860px); margin-top: 48px; }
.c-ivb__b { position: relative; box-sizing: border-box; width: min(100%, 560px); padding: 22px 26px; border: 2px solid transparent; border-radius: 28px; font-size: clamp(19px, 4.8vw, 24px); line-height: 1.5; font-weight: 600; text-align: start; background: linear-gradient(#1b1e3d, #1b1e3d) padding-box, linear-gradient(225deg, rgba(165, 180, 252, .95), rgba(255, 255, 255, .18) 45%, rgba(165, 180, 252, .05)) border-box; }
.c-ivb__b--r { justify-self: start; border-top-right-radius: 6px; }
.c-ivb__b--l { justify-self: end; border-top-left-radius: 6px; }
.c-ivb__close { margin-top: 56px; max-width: 20ch; font-size: clamp(26px, 6.4vw, 40px); line-height: 1.3; font-weight: 800; text-wrap: balance; color: #fff; }
@media (min-width: 900px) {
  .c-rcp__sec, .c-ivb__sec { padding-top: 104px; }
  .c-rcp__ticket { padding: 18px 40px 12px; }
  .c-ivb__list { gap: 30px; }
}