/* WCIS Popups (front) — redesigned hero + glass header */
.wcis-popup-root{ position:fixed; inset:0; z-index:999999; display:flex; align-items:center; justify-content:center; padding:18px; }
.wcis-popup-root[data-position="bottom_right"]{ align-items:flex-end; justify-content:flex-end; }
.wcis-popup-backdrop{ position:absolute; inset:0; background:rgba(15,23,42,.55); backdrop-filter: blur(2px); }
.wcis-popup-modal{ position:relative; width:100%; background:rgba(255,255,255,.86); border:1px solid rgba(226,232,240,1); box-shadow: 0 18px 50px rgba(2,6,23,.20); padding:0; overflow:hidden; border-radius:18px; }
.wcis-popup-root[data-position="bottom_right"] .wcis-popup-modal{ max-width: 520px !important; transform: translateY(12px); animation: wcisSlideIn .35s ease-out forwards; padding:18px; background:#fff; border-radius:18px; }
@keyframes wcisSlideIn{ to { transform: translateY(0); } }

.wcis-popup-close{ position:absolute; top:12px; right:12px; width:36px; height:36px; border-radius:999px; border:1px solid rgba(226,232,240,1); background:rgba(255,255,255,.9); cursor:pointer; font-size:22px; line-height:1; z-index:3; }
.wcis-popup-close:hover{ background:#fff; }

.wcis-popup-hero{ position:relative; width:100%; height:220px; background: radial-gradient(1200px 520px at 20% 20%, rgba(255,255,255,.30), rgba(255,255,255,0) 50%),
                  linear-gradient(135deg, rgba(11,92,255,.95), rgba(37,99,235,.75) 55%, rgba(14,165,233,.55));
                  display:flex; align-items:flex-end; }
.wcis-popup-hero[data-hero="image"]{ background-repeat:no-repeat; background-size: auto, auto, cover; background-position:center; }
.wcis-popup-hero:before{ content:""; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(2,6,23,.08), rgba(2,6,23,.35)); }
.wcis-popup-hero-inner{ position:relative; padding:18px 18px 16px 18px; width:100%; }
.wcis-popup-hero[data-align="center"] .wcis-popup-hero-inner{ text-align:center; }
.wcis-popup-badge{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:7px 10px; border-radius:999px;
  background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.22); color:#fff; font-weight:800; letter-spacing:.06em; font-size:12px;
  backdrop-filter: blur(10px);
}
.wcis-popup-hero-title{ margin-top:10px; font-size:34px; line-height:1.05; font-weight:900; color:#fff; text-shadow: 0 10px 30px rgba(2,6,23,.25); }
.wcis-popup-hero-sub{ margin-top:8px; font-size:15px; color:rgba(255,255,255,.88); max-width: 680px; }
.wcis-popup-hero[data-align="center"] .wcis-popup-hero-sub{ margin-left:auto; margin-right:auto; }

.wcis-popup-content{ padding:16px 18px 18px; background:rgba(255,255,255,.86); backdrop-filter: blur(12px); }
.wcis-popup-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }

.wcis-popup-card{ display:flex; flex-direction:column; gap:8px; text-decoration:none; border:1px solid rgba(226,232,240,1);
  border-radius:16px; padding:14px; background:rgba(255,255,255,.92);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  color: inherit;
}
.wcis-popup-card:hover{ transform: translateY(-1px); box-shadow: 0 14px 34px rgba(2,6,23,.10); border-color: rgba(148,163,184,.45); }
.wcis-popup-ic{ font-size:22px; width:22px; height:22px; color:#0b5cff; margin-top:2px; }
.wcis-popup-card-title{ font-weight:900; color:#0f172a; font-size:15px; }
.wcis-popup-card-desc{ font-size:13px; color:#475569; min-height: 34px; }
.wcis-popup-card-btn{ margin-top:auto; display:inline-flex; align-items:center; justify-content:center; padding:11px 12px;
  border-radius:14px; background:#0b5cff; color:#fff; font-weight:900; font-size:13px;
}

@media (max-width: 940px){
  .wcis-popup-hero-title{ font-size:28px; }
}
@media (max-width: 840px){
  .wcis-popup-grid{ grid-template-columns: 1fr; }
  .wcis-popup-card-desc{ min-height:auto; }
}


.wcis-popup-logo{
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  opacity:.95;
  filter: drop-shadow(0 10px 18px rgba(2,6,23,.20));
}

.wcis-popup-watermark{
  position:absolute;
  right:16px;
  top:4px;
  font-weight:900;
  letter-spacing:.02em;
  font-size:86px;
  line-height:1;
  color:rgba(255,255,255,.14);
  pointer-events:none;
  z-index:0;
  transform: translateY(18px);
  user-select:none;
}

.wcis-popup-hero-inner{ position:relative; z-index:1; }