/* ==========================================================================
   LeadVector — popup «Нашли N компаний в этом сегменте»
   Markup: Bootstrap 5.2.3 modal (.modal > .modal-dialog > .modal-content).
   Load after css/bootstrap.min.css.
   ========================================================================== */

/* ---------- Demo page (popup.html only) ---------- */
.lv-popup-demo{min-height:100vh;margin:0;background:#f5f6fa;font-family:Onest,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.lv-popup-demo-btn{position:fixed;left:24px;top:24px}

/* ---------- Bootstrap modal → LeadVector popup ---------- */
/* Backdrop: dark blue, 68%, light blur (instead of Bootstrap's black 50%) */
.modal-backdrop{--bs-backdrop-bg:rgba(8,13,31,.68);--bs-backdrop-opacity:1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.modal-backdrop.fade{transition:opacity .18s ease}

.lv-rfm{--bs-modal-margin:28px}
.lv-rfm .modal-dialog{max-width:none;width:min(820px,calc(100vw - 56px));margin:var(--bs-modal-margin) auto}
.lv-rfm.fade .modal-dialog{transform:translateY(8px) scale(.992);transition:transform .18s ease}
.lv-rfm.show .modal-dialog{transform:none}
.lv-rfm.fade{transition:opacity .18s ease}

/* ---------- Popup card ---------- */
.rfm-modal{display:block;min-height:430px;padding:44px 46px 40px;position:relative;overflow:hidden;
  background:#fff;border:1px solid #e4e8f0;border-radius:14px;box-shadow:0 28px 80px rgba(8,13,31,.28);
  color:#171B26;font-family:Onest,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:normal;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.rfm-close{position:absolute;right:22px;top:18px;z-index:3;width:36px;height:36px;padding:0;border:0;background:transparent;color:#98a2b3;cursor:pointer}
.rfm-close:before,.rfm-close:after{content:"";position:absolute;left:17px;top:6px;width:2px;height:25px;border-radius:2px;background:currentColor}
.rfm-close:before{transform:rotate(45deg)}
.rfm-close:after{transform:rotate(-45deg)}
.rfm-close:hover{color:#667085}
.rfm-close:focus-visible{outline:2px solid #4450B2;outline-offset:2px;border-radius:6px}

.rfm-content{width:min(440px,100%);position:relative;z-index:2}
.rfm-title{margin:0 0 24px;color:#202636;font:650 31px/1.16 Onest,sans-serif;letter-spacing:-.035em}
.rfm-copy{margin:0 0 18px;color:#475467;font:450 15px/1.55 Onest,sans-serif}

.rfm-primary-link{position:relative;display:flex;align-items:center;justify-content:center;width:390px;max-width:100%;height:46px;
  border:1px solid #4450B2;border-radius:8px;background:#4450B2;color:#fff;font:600 14px Onest,sans-serif;letter-spacing:0;
  text-decoration:none;box-shadow:0 5px 12px rgba(56,68,155,.16);cursor:pointer;transition:.15s}
.rfm-primary-link:hover{background:#3D48A4;border-color:#3D48A4;color:#fff;transform:translateY(-1px)}
.rfm-primary-link:active{transform:translateY(0)}
.rfm-primary-link:focus-visible{outline:2px solid #4450B2;outline-offset:3px}

.rfm-login{width:390px;max-width:100%;margin-top:18px;text-align:left;color:#667085;font:500 13px/1.45 Onest,sans-serif}
.rfm-login a{display:inline-block;margin:0;color:#4450B2;font:600 13px Onest,sans-serif;text-decoration:none}
.rfm-login a:hover{color:#4450B2;text-decoration:underline}

.rfm-legal{width:390px;max-width:100%;margin:38px 0 0;text-align:left;color:#98a2b3;font:450 11px/1.5 Onest,sans-serif}

/* Product screenshot in the bottom-right corner */
.rfm-visual{position:absolute;right:-58px;bottom:-64px;width:410px;height:310px;overflow:hidden;
  background:#fff;border:1px solid #e3e7ef;border-radius:12px 0 0 0;box-shadow:0 14px 34px rgba(20,30,65,.10);
  transform:rotate(5deg);transform-origin:center center}
.rfm-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;border-radius:11px 0 0 0;vertical-align:baseline}

@media (max-width:760px){
  .rfm-modal{padding:40px 28px 32px}
  .rfm-title{font-size:26px}
  .rfm-content{width:100%}
  .rfm-visual{display:none}
}
@media (prefers-reduced-motion:reduce){
  .lv-rfm.fade .modal-dialog,.rfm-primary-link{transition:none}
}
