/* ===================== רגע החתימה: הנייר לפח, הקשר לטלפון ===================== */
.pc{position:relative;background:#000;color:#fff}
.pc-stage{position:relative;height:100vh;height:100svh;overflow:clip}
.pc-in{position:relative;height:100%;max-width:1600px;margin:0 auto;padding:120px var(--gut) 48px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}
.pc-ill{position:absolute;top:118px;right:var(--gut);z-index:8}
.pc-txt{display:flex;flex-direction:column}
.pc-h{display:grid;margin:0;font-weight:900;font-size:clamp(60px,6.4vw,128px);line-height:.95;letter-spacing:-.01em}
.pc-say{grid-area:1/1;display:block}
.pc-end{margin:40px 0 0;font-size:clamp(22px,1.7vw,32px);font-weight:700;line-height:1.35;max-width:22ch;text-wrap:balance}
.pc-vis{position:relative;height:100%;min-height:0;display:grid;place-items:center}
.pc-vis>*{grid-area:1/1}
/* כרטיס הנייר */
.pc-paper{position:relative;z-index:3;width:min(100%,580px);aspect-ratio:7/4;will-change:transform}
.pc-tile{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}
.pc-face{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background:#fff;color:#000;padding:7% 8%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 30px 60px -20px rgba(255,255,255,.12)}
.pc-face .tp{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.pc-face b{display:block;font-size:clamp(28px,2.6vw,46px);font-weight:900;line-height:1}
.pc-face .rl{display:block;margin-top:10px;font-size:clamp(17px,1.2vw,21px);font-weight:300}
.pc-mark{flex:none;width:clamp(40px,3.6vw,60px);aspect-ratio:1;border-radius:12px;box-shadow:inset 0 0 0 2px #000;background:linear-gradient(#000,#000) no-repeat 50% 50%/34% 34%}
.pc-face .ct{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1.5px solid #000;font-size:clamp(16px,1.15vw,20px);font-weight:700;direction:ltr;text-align:right}
.pc-crease{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}
.pc-crease path{fill:none;stroke:rgba(0,0,0,.22);stroke-width:1.5}
.pc-sh{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background:#000;opacity:0}
.pc-ball{position:relative;z-index:4;width:clamp(150px,13vw,230px);aspect-ratio:1;opacity:0;visibility:hidden;will-change:transform}
.pc-ball svg{width:100%;height:100%;overflow:visible}
/* הפח */
.pc-bin{position:relative;z-index:2;align-self:end;width:clamp(130px,11vw,190px);aspect-ratio:190/210;margin-bottom:2svh;will-change:transform}
.pc-bin svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}
.pc-bin .fr{z-index:5}
.pc-bin path,.pc-bin ellipse,.pc-bin line{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pc-bin .fr .body{fill:#000}
/* הטלפון */
.pc-phone{position:relative;z-index:4;height:min(700px,calc(100svh - 190px));aspect-ratio:9/18.6;padding:10px;border-radius:52px;background:#000;box-shadow:inset 0 0 0 2px rgba(255,255,255,.62),0 0 0 7px #000,0 0 0 8.5px rgba(255,255,255,.22),0 50px 100px -30px rgba(255,255,255,.18);will-change:transform}
.pc-scr{position:relative;height:100%;border-radius:42px;background:#fff;color:#000;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}
.pc-isl{position:absolute;top:12px;left:50%;z-index:6;width:96px;height:28px;margin-left:-48px;border-radius:20px;background:#000}
.pc-cov{flex:none;width:100%;height:23%;background:#000 repeating-linear-gradient(135deg,rgba(255,255,255,.09) 0 2px,transparent 2px 14px)}
.pc-av{flex:none;width:92px;height:92px;margin-top:-46px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px #000,0 0 0 5px #fff;display:grid;place-items:center}
.pc-av svg{width:44px;height:44px;fill:none;stroke:#000;stroke-width:2.2;stroke-linecap:round}
.pc-nm{margin:14px 0 0;font-size:26px;font-weight:900;line-height:1.1}
.pc-rl{margin:4px 0 0;font-size:17px;font-weight:300}
.pc-num{position:relative;display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:17px;font-weight:700}
.pc-num svg{width:18px;height:18px;flex:none;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pc-nw{position:relative;display:block;overflow:clip;direction:ltr;padding-block:.1em;margin-block:-.1em}
.pc-n0,.pc-n1{display:block}
.pc-n1{position:absolute;top:.1em;left:0;width:100%;transform:translateY(110%)}
.pc-acts{display:flex;justify-content:center;gap:14px;margin:18px 0 0}
.pc-acts i{width:50px;height:50px;border-radius:50%;background:#000;display:grid;place-items:center}
.pc-acts svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pc-save{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 40px);min-height:56px;margin:20px 0 0;border-radius:999px;background:#000;color:#fff;font-size:17px;font-weight:700;box-shadow:inset 0 0 0 2px #000;transition:background-color .3s var(--ease),color .3s var(--ease)}
.pc-save svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.pc-save:hover{background:#fff;color:#000}}
.pc-save:focus-visible{outline:2px solid #000;outline-offset:3px;background:#fff;color:#000}
.pc-save:active{background:#fff;color:#000}
.pc-more{width:calc(100% - 40px);margin-top:22px;display:flex;flex-direction:column;gap:10px;opacity:.9}
.pc-more>i{display:block;height:12px;border-radius:6px;background:rgba(0,0,0,.12)}
.pc-more>i:nth-child(2){width:72%}
.pc-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.pc-gal i{display:block;aspect-ratio:1;border-radius:10px;background:rgba(0,0,0,.08)}
/* גיליון אנשי הקשר */
.pc-sheet{position:absolute;z-index:5;left:0;bottom:0;width:100%;height:60%;padding:12px 18px 18px;border-radius:30px 30px 0 0;background:#fff;box-shadow:0 -24px 50px rgba(0,0,0,.28),0 -1px 0 rgba(0,0,0,.08);transform:translateY(104%);text-align:right}
.pc-grab{display:block;width:44px;height:5px;margin:0 auto 14px;border-radius:3px;background:rgba(0,0,0,.2)}
.pc-cl{list-style:none;margin:0;padding:0}
.pc-cl li{display:flex;align-items:center;gap:12px;height:56px;border-bottom:1px solid rgba(0,0,0,.08)}
.pc-cl li>i{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.1)}
.pc-cl li>b{display:block;height:11px;border-radius:6px;background:rgba(0,0,0,.14)}
.pc-cl .nw{position:relative}
.pc-cl .nw>i{background:#000;display:grid;place-items:center}
.pc-cl .nw>i svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.pc-cl .nw span{font-size:17px;font-weight:900}
.pc-ok{margin-right:auto;width:26px;height:26px;border-radius:50%;background:#000;display:grid;place-items:center;flex:none}
.pc-ok svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pc-chip{position:absolute;z-index:7;top:0;left:0;display:flex;align-items:center;gap:10px;height:52px;padding:0 18px 0 8px;border-radius:999px;background:#000;color:#fff;font-size:17px;font-weight:900;white-space:nowrap;box-shadow:0 18px 40px -10px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none}
.pc-chip i{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center}
.pc-chip svg{width:20px;height:20px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round}

@media (max-width:1023px){
  .pc-in{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:130px 16px 22px;text-align:center}
  .pc-ill{top:82px;right:0;left:0;width:max-content;margin:0 auto}
  .pc-txt{display:contents}
  .pc-h{grid-row:1;font-size:clamp(40px,10.6vw,64px);justify-items:center}
  .pc-vis{grid-row:2}
  .pc-end{grid-row:3;margin:0 auto;font-size:19px;max-width:28ch;min-height:2.7em}
  .pc-paper{width:min(100%,380px)}
  .pc-face{padding:6% 7%}
  .pc-face b{font-size:26px}
  .pc-face .rl{font-size:16px;margin-top:6px}
  .pc-face .ct{font-size:16px;gap:2px;padding-top:8px}
  .pc-mark{width:36px;border-radius:9px}
  .pc-phone{height:min(600px,100%);padding:8px;border-radius:40px}
  .pc-scr{border-radius:33px}
  .pc-isl{top:9px;width:76px;height:22px;margin-left:-38px}
  .pc-av{width:70px;height:70px;margin-top:-35px}
  .pc-av svg{width:34px;height:34px}
  .pc-nm{font-size:21px;margin-top:10px}
  .pc-rl,.pc-num{font-size:16px}
  .pc-num{margin-top:8px}
  .pc-acts{gap:10px;margin-top:12px}
  .pc-acts i{width:40px;height:40px}
  .pc-acts svg{width:18px;height:18px}
  .pc-save{min-height:48px;margin-top:14px;font-size:16px;width:calc(100% - 24px);gap:8px}
  .pc-more{width:calc(100% - 24px);margin-top:14px;gap:8px}
  .pc-sheet{height:66%;padding:10px 12px 12px;border-radius:24px 24px 0 0}
  .pc-cl li{height:46px;gap:10px}
  .pc-cl li>i{width:32px;height:32px}
  .pc-cl .nw span{font-size:16px}
  .pc-chip{height:44px;font-size:16px;padding:0 14px 0 6px}
  .pc-chip i{width:32px;height:32px}
  .pc-bin{width:110px;margin-bottom:0}
  .pc-ball{width:150px}
}
@media (min-width:900px) and (max-width:1023px){
  .pc-ill{top:100px}
  .pc-in{padding-top:148px}
}
@media (min-width:600px) and (max-width:1023px){
  .pc-paper{width:min(100%,520px)}
  .pc-phone{height:min(780px,100%)}
}
@media (max-width:1023px) and (max-height:700px){
  .pc-more{display:none}
}

/* מצב התחלה כשיש תנועה */
.m .pc-say.s2,.m .pc-end{opacity:0;visibility:hidden}
.m .pc-phone{visibility:hidden}

/* תנועה מופחתת: הנייר והטלפון זה ליד זה, בלי נעילה ובלי פח */
.rm .pc-stage{height:auto}
.rm .pc-in{height:auto;padding-top:150px;padding-bottom:120px}
.rm .pc-h{display:block}
.rm .pc-vis{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;height:auto}
.rm .pc-ball,.rm .pc-bin{display:none}
.rm .pc-paper{width:min(100%,420px);transform:rotate(-4deg)}
.rm .pc-phone{height:min(640px,86svh);visibility:visible}
.rm .pc-scr.saved .pc-sheet{transform:none}
.rm .pc-ill{top:96px}
@media (max-width:1023px){.rm .pc-vis{flex-direction:column;gap:36px}.rm .pc-phone{height:560px}}

/* קישור לכרטיס חי, מעל הטופס */
.ct-live{margin-top:32px}
@media (max-width:899px){.ct-live{margin-top:24px}}