/* @u */
/* Figma GlmA8Imvvz1h39NlsK5M4u node 2014:238: 108 "but what if..." promise box (dark card on a tilted amber plate with glow, two tilted clocks, 3 chevrons). Frame 1206. Fonts: Noto Sans Hebrew. */
.c-ck { --u: calc(min(100vw, 1206px) / 1206); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; background: #1a1100; color: #fff6e3; overflow-x: clip; display: flow-root; }
.c-ck :where(h2, p) { margin: 0; padding: 0; }
.c-ck__sec { position: relative; box-sizing: border-box; padding: 40px 16px 56px; }
.c-ck__plate { display: none; }
.c-ck__box { position: relative; z-index: 1; box-sizing: border-box; max-width: 560px; margin: 0 auto; padding: 36px 20px 34px; border: 3px solid rgba(201, 135, 0, .06); border-radius: 20px; background: #1a1100; text-align: center; box-shadow: 0 0 0 4px #ffac00, 0 0 28px #ffac00; }
.c-ck__h { font-size: clamp(20px, 5.4vw, 26px); font-weight: 900; line-height: 1.4; letter-spacing: .03em; color: #fff7e6; }
.c-ck__chevs { display: flex; flex-direction: column; align-items: center; gap: 0; margin: 20px 0 14px; }
.c-ck__chevs img { display: block; width: 34px; height: auto; margin-top: -6px; }
.c-ck__pro { font-size: clamp(18px, 4.8vw, 22px); font-weight: 400; line-height: 1.5; background: linear-gradient(90deg, #ffac00, #ffce6a 37%, #ffce6a 77%, #ffac00); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.c-ck__pro b { font-weight: 800; }
.c-ck__txt { margin-top: 22px; font-size: 16px; font-weight: 400; line-height: 1.65; color: #fff6e3; }
.c-ck__clock { position: absolute; z-index: 2; width: 70px; height: auto; }
.c-ck__clock--a { top: 14px; right: 6px; transform: rotate(-17.8deg); }
.c-ck__clock--b { bottom: 30px; left: 6px; transform: rotate(-17.8deg); }

@media (min-width: 1280px) {
  .c-ck__sec { width: calc(1206 * var(--u)); max-width: none; height: calc(693 * var(--u)); margin: 0 auto; padding: 0; }
  .c-ck__plate { display: block; position: absolute; left: calc(83 * var(--u)); top: calc(97 * var(--u)); width: calc(1038 * var(--u)); height: calc(521 * var(--u)); background: #ffac00; box-shadow: 0 0 calc(30 * var(--u)) #ffac00; transform: rotate(4.09deg); transform-origin: 50% 50%; }
  .c-ck__box { position: absolute; left: calc(84 * var(--u)); top: calc(100 * var(--u)); width: calc(1037 * var(--u)); height: calc(516 * var(--u)); max-width: none; margin: 0; padding: 0; border-radius: calc(20 * var(--u)); box-shadow: none; }
  .c-ck__h { position: absolute; top: calc(55 * var(--u)); left: calc(91 * var(--u)); width: calc(855 * var(--u)); font-size: calc(29 * var(--u)); line-height: calc(40 * var(--u)); }
  .c-ck__chevs { position: absolute; top: calc(164 * var(--u)); left: calc(494 * var(--u)); margin: 0; gap: calc(3 * var(--u)); }
  .c-ck__chevs img { width: calc(48 * var(--u)); height: calc(22 * var(--u)); margin: 0; }
  .c-ck__pro { position: absolute; top: calc(268 * var(--u)); left: 0; right: 0; margin: 0 auto; width: calc(719 * var(--u)); font-size: calc(28 * var(--u)); line-height: calc(35 * var(--u)); }
  .c-ck__txt { position: absolute; top: calc(380 * var(--u)); left: calc(175 * var(--u)); width: calc(688 * var(--u)); margin: 0; font-size: max(13px, calc(23 * var(--u))); line-height: calc(34 * var(--u)); }
  .c-ck__clock { width: calc(120 * var(--u)); }
  .c-ck__clock--a { left: calc(1049 * var(--u)); right: auto; top: calc(14 * var(--u)); }
  .c-ck__clock--b { left: 0; right: auto; bottom: auto; top: calc(531 * var(--u)); width: calc(113 * var(--u)); }
}