/* 299 form G (zebra teal, scalloped bottom, ticket form), 300 form H (charcoal and gold, round bump on the bottom edge, chat form), 301 form I (lilac, parallelogram, floating labels). Session 101.
   Transitions are special on purpose (Liav): scallops, a circle breaking the edge, a leaning block. Wrappers are white; forms stacked; inputs rtl/right. */
/* ---------- 299 ---------- */
.c-fmg { --brand: #0f766e; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #fff; color: #fff; padding-bottom: 28px; }
.c-fmg :where(h2, p, form) { margin: 0; padding: 0; }
.c-fmg__sec { position: relative; display: flex; flex-direction: column; align-items: center; padding: 56px 20px 64px; background: var(--brand); text-align: center; }
.c-fmg__sec::after { content: ""; position: absolute; left: 0; top: 100%; width: 100%; height: 24px; background: radial-gradient(circle at 50% 0, var(--brand) 0 21px, rgba(15, 118, 110, 0) 22px) 0 0 / 48px 24px repeat-x; pointer-events: none; }
.c-fmg__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #fff; }
.c-fmg__thin { display: block; font-weight: 300; }
.c-fmg__bold { display: block; font-weight: 900; }
.c-fmg__ticket { box-sizing: border-box; width: min(500px, 100%); margin-top: 36px; overflow: hidden; border-radius: 26px; background: #fff; color: #0b2e2a; text-align: start; box-shadow: 0 14px 34px rgba(4, 38, 34, .35); }
.c-fmg__head { padding: 18px 24px; background: #0b4d47; }
.c-fmg__ht { display: block; font-size: 20px; font-weight: 800; line-height: 1.3; color: #fff; }
.c-fmg__body { padding: 26px 24px 8px; }
.c-fmg__f { display: block; margin-bottom: 18px; }
.c-fmg__l { display: block; margin-bottom: 8px; font-size: 18px; font-weight: 700; color: #0b2e2a; }
.c-fmg__i { direction: rtl; text-align: right; box-sizing: border-box; width: 100%; height: 56px; padding: 0 18px; border: 1.5px solid #b7d6d2; border-radius: 14px; background: #f1f9f8; font: inherit; font-size: 18px; color: #0b2e2a; }
.c-fmg__i::placeholder { color: #5d7a76; }
.c-fmg__i:focus-visible { outline: 3px solid #0f766e; outline-offset: 2px; border-color: #0f766e; background: #fff; }
.c-fmg__foot { margin-top: 10px; padding: 24px 24px 22px; border-top: 2px dashed #b7d6d2; }
.c-fmg__btn { display: block; width: 100%; padding: 18px 24px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #14958b, #0b5c55); color: #fff; font: inherit; font-size: 19px; font-weight: 900; cursor: pointer; box-shadow: 0 10px 26px rgba(11, 92, 85, .35), inset 0 1px 0 rgba(255, 255, 255, .22); transition: transform .2s; }
.c-fmg__btn:hover { transform: translateY(-2px); }
.c-fmg__btn:focus-visible { outline: 3px solid #0b2e2a; outline-offset: 4px; }
.c-fmg__note { margin-top: 14px; font-size: 16px; line-height: 1.5; color: #355652; text-align: center; }
@media (min-width: 900px) {
  .c-fmg__sec { padding: 104px 32px 112px; }
  .c-fmg__sec::after { height: 36px; background-size: 72px 36px; background-image: radial-gradient(circle at 50% 0, var(--brand) 0 32px, rgba(15, 118, 110, 0) 33px); }
  .c-fmg { padding-bottom: 40px; }
  .c-fmg__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-fmg__ticket { width: min(560px, 100%); margin-top: 52px; border-radius: 30px; }
  .c-fmg__head { padding: 22px 36px; }
  .c-fmg__ht { font-size: 24px; }
  .c-fmg__body { padding: 36px 36px 12px; }
  .c-fmg__f { margin-bottom: 24px; }
  .c-fmg__l { font-size: 20px; }
  .c-fmg__i { height: 64px; font-size: 20px; }
  .c-fmg__foot { padding: 32px 36px 30px; }
  .c-fmg__btn { padding: 22px 24px; font-size: 22px; }
  .c-fmg__note { font-size: 17px; }
}
/* ---------- 300 ---------- */
.c-fmh { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #fff; color: #fff; padding-bottom: 56px; }
.c-fmh :where(h2, p, form) { margin: 0; padding: 0; }
.c-fmh__sec { position: relative; display: flex; flex-direction: column; align-items: center; padding: 56px 20px 88px; background: #17181c; text-align: center; }
.c-fmh__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #fff; }
.c-fmh__thin { display: block; font-weight: 300; }
.c-fmh__bold { display: block; font-weight: 900; }
.c-fmh__chat { display: flex; flex-direction: column; gap: 14px; box-sizing: border-box; width: min(560px, 100%); margin-top: 36px; text-align: start; }
.c-fmh__ask { display: flex; flex-direction: row-reverse; align-items: flex-end; gap: 12px; }
.c-fmh__av { position: relative; flex: 0 0 52px; width: 52px; height: 52px; box-sizing: border-box; overflow: hidden; border: 3px solid #e5b83b; border-radius: 50%; background: #2a2b31; }
.c-fmh__av img { position: absolute; left: -8px; top: -46px; width: 150px; max-width: none; height: auto; }
.c-fmh__q { max-width: 80%; padding: 14px 20px; border-radius: 22px 22px 22px 6px; background: #2a2b31; font-size: 18px; font-weight: 600; line-height: 1.5; color: #fff; }
.c-fmh__ans { display: block; align-self: flex-start; width: 88%; margin-bottom: 8px; }
.c-fmh__l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.c-fmh__i { direction: rtl; text-align: right; box-sizing: border-box; width: 100%; height: 56px; padding: 0 22px; border: 0; border-radius: 22px 22px 6px 22px; background: #fff; font: inherit; font-size: 18px; color: #17181c; }
.c-fmh__i::placeholder { color: #5f6068; }
.c-fmh__i:focus-visible { outline: 3px solid #e5b83b; outline-offset: 3px; }
.c-fmh__btn { display: block; width: 100%; margin-top: 10px; padding: 18px 24px; border: 0; border-radius: 999px; background: #e5b83b; color: #111; font: inherit; font-size: 19px; font-weight: 900; cursor: pointer; box-shadow: 0 10px 28px rgba(229, 184, 59, .28); transition: transform .2s; }
.c-fmh__btn:hover { transform: translateY(-2px); }
.c-fmh__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.c-fmh__note { margin-top: 6px; font-size: 16px; line-height: 1.5; color: #d4d4d8; text-align: center; }
.c-fmh__bump { position: absolute; left: 50%; bottom: 0; display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: #e5b83b; box-shadow: 0 0 0 10px #fff, 0 12px 28px rgba(0, 0, 0, .25); transform: translate(-50%, 50%); transition: transform .25s; }
.c-fmh__bump:hover { transform: translate(-50%, 50%) translateY(4px); }
.c-fmh__bump:focus-visible { outline: 3px solid #17181c; outline-offset: 14px; }
.c-fmh__arrow { display: block; width: 30px; height: 30px; background: #111; -webkit-mask: url(../assets/icons/ph-arrow-down-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-arrow-down-bold.svg) center / contain no-repeat; }
@media (min-width: 900px) {
  .c-fmh { padding-bottom: 72px; }
  .c-fmh__sec { padding: 104px 32px 144px; }
  .c-fmh__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-fmh__chat { gap: 18px; width: min(640px, 100%); margin-top: 56px; }
  .c-fmh__av { flex-basis: 64px; width: 64px; height: 64px; }
  .c-fmh__av img { left: -9px; top: -56px; width: 184px; }
  .c-fmh__q { padding: 18px 26px; font-size: 21px; }
  .c-fmh__ans { width: 84%; margin-bottom: 10px; }
  .c-fmh__i { height: 64px; padding: 0 28px; font-size: 20px; }
  .c-fmh__btn { margin-top: 12px; padding: 22px 24px; font-size: 22px; }
  .c-fmh__note { font-size: 17px; }
  .c-fmh__bump { width: 96px; height: 96px; box-shadow: 0 0 0 12px #fff, 0 14px 32px rgba(0, 0, 0, .25); }
  .c-fmh__arrow { width: 38px; height: 38px; }
}
/* ---------- 301 ---------- */
.c-fmi { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #fff; color: #2e1065; }
.c-fmi :where(h2, p, form) { margin: 0; padding: 0; }
.c-fmi__sec { display: flex; flex-direction: column; align-items: center; padding: calc(56px + clamp(24px, 6vw, 90px)) 20px calc(56px + clamp(24px, 6vw, 90px)); background: #ede9fe; clip-path: polygon(0 clamp(24px, 6vw, 90px), 100% 0, 100% calc(100% - clamp(24px, 6vw, 90px)), 0 100%); text-align: center; }
.c-fmi__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #2e1065; }
.c-fmi__thin { display: block; font-weight: 300; }
.c-fmi__bold { display: block; font-weight: 900; color: #6d28d9; }
.c-fmi__lead { margin-top: 16px; font-size: 18px; line-height: 1.6; color: #44336b; }
.c-fmi__form { box-sizing: border-box; width: min(520px, 100%); margin-top: 36px; text-align: start; }
.c-fmi__f { position: relative; display: block; margin-bottom: 16px; }
.c-fmi__l { position: absolute; z-index: 1; top: 10px; inset-inline-start: 22px; font-size: 14px; font-weight: 800; letter-spacing: .02em; color: #6d28d9; pointer-events: none; }
.c-fmi__i { direction: rtl; text-align: right; box-sizing: border-box; width: 100%; height: 68px; padding: 26px 22px 0; border: 1.5px solid #cdbdf5; border-radius: 18px; background: #fff; font: inherit; font-size: 19px; color: #2e1065; }
.c-fmi__i::placeholder { color: #7a6c9c; }
.c-fmi__i:focus-visible { outline: 3px solid #6d28d9; outline-offset: 2px; border-color: #6d28d9; }
.c-fmi__btn { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; height: 64px; margin-top: 10px; padding: 0 28px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #7c3aed, #5b21b6); color: #fff; font: inherit; font-size: 19px; font-weight: 900; cursor: pointer; box-shadow: 0 10px 28px rgba(91, 33, 182, .32), inset 0 1px 0 rgba(255, 255, 255, .22); transition: transform .2s; }
.c-fmi__btn:hover { transform: translateY(-2px); }
.c-fmi__btn:focus-visible { outline: 3px solid #2e1065; outline-offset: 4px; }
.c-fmi__ar { flex: none; width: 24px; height: 24px; background: #fff; -webkit-mask: url(../assets/icons/ph-arrow-left-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-arrow-left-bold.svg) center / contain no-repeat; }
.c-fmi__note { margin-top: 16px; font-size: 16px; line-height: 1.5; color: #44336b; text-align: center; }
@media (min-width: 900px) {
  .c-fmi__sec { padding: calc(88px + clamp(24px, 6vw, 90px)) 32px calc(88px + clamp(24px, 6vw, 90px)); }
  .c-fmi__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-fmi__lead { margin-top: 20px; font-size: 21px; }
  .c-fmi__form { width: min(580px, 100%); margin-top: 52px; }
  .c-fmi__f { margin-bottom: 20px; }
  .c-fmi__l { top: 12px; inset-inline-start: 26px; font-size: 15px; }
  .c-fmi__i { height: 78px; padding: 30px 26px 0; font-size: 21px; }
  .c-fmi__btn { height: 72px; padding: 0 36px; font-size: 22px; }
  .c-fmi__note { font-size: 17px; }
}