/* ===================== פתיחה: בואו נדבר, והטלפון שמצלצל ===================== */
.cx{position:relative;background:#000;color:#fff;padding:190px var(--gut) 140px;overflow:clip}
.cx-grid{position:relative;max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:96px;align-items:center}
.cx-h1{margin:0;font-weight:900;font-size:clamp(76px,8.6vw,172px);line-height:.9;letter-spacing:-.015em;text-wrap:balance}
.cx-lead{margin:36px 0 0;font-size:clamp(20px,1.4vw,26px);font-weight:300;line-height:1.55;color:var(--fg-72);max-width:42ch;text-wrap:pretty}
.cx .btns{margin-top:48px}
.cx-hrs{display:flex;align-items:center;gap:14px;margin:30px 0 0;font-size:18px;line-height:1.5;color:var(--fg-72);max-width:46ch}
.cx-hrs::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:#fff}

/* הכרטיס: כל השטח הוא קישור לחיוג */
.cx-call{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:28px;width:100%;max-width:500px;aspect-ratio:9/10;margin-inline-start:auto;padding:40px 36px 44px;border-radius:36px;background:#000;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);overflow:clip;isolation:isolate;text-align:center;transition:background-color .45s var(--ease),color .45s var(--ease),box-shadow .45s var(--ease)}
.cx-lab{font-size:18px;font-weight:700;color:currentColor;opacity:.72}
.cx-hs{position:relative;display:grid;place-items:center;width:168px;height:168px}
.cx-hs b{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#fff;color:#000;transition:background-color .45s var(--ease),color .45s var(--ease)}
.cx-hs svg{width:62px;height:62px;fill:currentColor;will-change:transform}
.cx-rg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;opacity:0;pointer-events:none;will-change:transform,opacity}
.cx-num{display:block;direction:ltr;font-weight:900;font-size:clamp(40px,3.5vw,66px);line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (hover:hover){
  .cx-call:hover{background:#fff;color:#000;box-shadow:inset 0 0 0 1.5px #fff}
  .cx-call:hover .cx-hs b{background:#000;color:#fff}
}
.cx-call:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:36px;background:#fff;color:#000}
.cx-call:focus-visible .cx-hs b{background:#000;color:#fff}
.cx-call:active{background:#fff;color:#000}
.cx-call:active .cx-hs b{background:#000;color:#fff}

/* ===================== מה קורה אחרי שפונים ===================== */
.nx .steps{margin-top:72px}
.nx .stp2 p{max-width:32ch}

/* ===================== הטופס, והעמודה שלידו ===================== */
.ct{padding-top:150px}
.side{display:flex;flex-direction:column;gap:40px}
.meet{padding:34px 32px 32px;border-radius:28px;background:var(--card);box-shadow:inset 0 0 0 1px var(--fg-06)}
.meet h3{margin:0;font-size:clamp(26px,2vw,36px);font-weight:900;line-height:1.08}
.meet p{margin:14px 0 26px;font-size:19px;line-height:1.5;color:var(--fg-72)}
.addr h3{margin:0 0 14px;font-size:18px;font-weight:700;color:var(--fg-72)}
.addr p{margin:0;padding:22px 4px;border-top:1px solid var(--fg-24);border-bottom:1px solid var(--fg-24);font-size:clamp(22px,1.6vw,28px);font-weight:700;line-height:1.3}

@media (max-width:1023px){
  .cx-grid{grid-template-columns:1fr;gap:64px}
  .cx-call{margin-inline:0;max-width:460px}
}
@media (max-width:899px){
  .cx{padding:130px 16px 100px}
  .cx-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:center}
  .cx-txt{display:contents}
  .cx-e{order:1;align-self:center}.cx-h1{order:2}.cx-lead{order:3}.cx-call{order:4}.cx-b{order:5}.cx-hrs{order:6}
  .cx .eyebrow{justify-content:center}
  .cx-h1{font-size:clamp(64px,19vw,104px)}
  .cx-lead{margin:26px auto 0;font-size:19px;max-width:32ch}
  .cx .btns{margin-top:36px}
  .cx-hrs{display:block;margin:26px auto 0;max-width:30ch}
  .cx-hrs::before{display:inline-block;width:8px;height:8px;margin-left:10px;vertical-align:middle}
  /* במובייל הכרטיס שוכב: השפופרת מימין, המספר משמאל, ישר מתחת למשפט */
  .cx-call{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;row-gap:6px;align-items:center;margin:36px auto 0;max-width:420px;aspect-ratio:auto;padding:22px 20px;border-radius:28px;text-align:right}
  .cx-hs{grid-column:1;grid-row:1/3;width:84px;height:84px}
  .cx-hs svg{width:34px;height:34px}
  .cx-lab{grid-column:2;grid-row:1;align-self:end}
  .cx-num{grid-column:2;grid-row:2;align-self:start;text-align:right;font-size:clamp(28px,8.4vw,38px)}
  .nx .steps{margin-top:48px}
  .ct{padding-top:110px}
  .side{text-align:center}
  .meet{padding:28px 20px}
  .meet .btn{width:100%;max-width:360px;justify-content:center}
}
/* תנועה מופחתת: הכרטיס שקט, טבעת אחת קבועה */
.rm .cx-rg:first-of-type{opacity:.3;transform:scale(1.3)}