/* =========================================================
   ARKANSOFT MEDISOFTWARE V8 SALES + CHATBOT / HESTIA
   ========================================================= */
.msv8-hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 16%,rgba(52,170,255,.16),transparent 26%),
    linear-gradient(135deg,#06142c 0%,#0b1f43 40%,#0d2c5a 100%)!important;
}
.msv8-title{
  max-width:720px!important;
  line-height:.95!important;
  letter-spacing:-3.2px!important;
}
.msv8-title .msv8-accent{
  display:block;
  color:#23c9ff;
}
.msv8-lead{
  max-width:680px!important;
  color:#d7e5f1!important;
  font-size:18px!important;
  line-height:1.6!important;
}
.msv8-top-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(24,206,255,.28);
  background:rgba(5,164,214,.10);
  color:#4ae2ff;
  font-size:12px;
  font-weight:900;
}
.msv8-top-badge:before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:#0fd5ff;
  box-shadow:0 0 0 4px rgba(15,213,255,.12);
}

.msv8-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}
.msv8-btn{
  min-height:54px;
  padding:0 22px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:950;
  text-decoration:none!important;
  transition:.18s ease;
}
.msv8-btn:hover{transform:translateY(-2px)}
.msv8-btn-primary{
  background:linear-gradient(135deg,#14d49a,#12d37f)!important;
  color:#021c14!important;
  box-shadow:0 14px 32px rgba(20,212,154,.18);
}
.msv8-btn-secondary{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.msv8-pill-price{
  margin-left:10px;
  padding:4px 8px;
  border-radius:9px;
  background:#00d6ff;
  color:#01253a;
  font-size:12px;
  font-weight:950;
}

.msv8-microtrust{
  margin-top:18px;
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.msv8-microtrust span{
  position:relative;
  padding-left:18px;
  color:#9cd2ff;
  font-size:12px;
  font-weight:800;
}
.msv8-microtrust span:before{
  content:"◉";
  position:absolute;
  left:0;top:0;
  color:#12d49a;
  font-size:10px;
  line-height:1.8;
}
.msv8-risk{
  margin-top:22px;
  max-width:720px;
  border:1px solid rgba(255,145,54,.34);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(45,17,8,.78),rgba(41,14,9,.65));
  padding:18px 20px;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.msv8-risk-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.msv8-risk-icon{
  width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(255,166,69,.12);
  color:#ffb234;
  font-size:18px;
  flex:0 0 auto;
}
.msv8-risk h4{
  margin:0 0 8px!important;
  color:#ffd156!important;
  font-size:14px!important;
  line-height:1.4!important;
}
.msv8-risk p{
  margin:0!important;
  color:#ffe7cf!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.msv8-risk a{
  display:inline-block;
  margin-top:10px;
  color:#ffc752!important;
  font-size:12px;
  font-weight:900;
  text-decoration:underline!important;
}

/* right sales card */
.msv8-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(92,132,188,.26)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(20,37,70,.95),rgba(17,33,60,.97))!important;
  color:#fff!important;
  box-shadow:0 28px 70px rgba(0,0,0,.28)!important;
}
.msv8-card *{box-sizing:border-box}
.msv8-card h2,.msv8-card h3,.msv8-card h4{color:#fff!important}
.msv8-card p{color:#b8cbe0!important}
.msv8-card .msv8-card-top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;
}
.msv8-card .msv8-card-top .tag{
  color:#22d0ff;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.7px;
}
.msv8-card .msv8-card-top h3{
  margin:2px 0 0!important;
  font-size:18px!important;
  line-height:1.2!important;
}
.msv8-card .uptime{
  text-align:right;
}
.msv8-card .uptime span{
  display:block;
  color:#8ea7be;
  font-size:10px;
  font-weight:800;
}
.msv8-card .uptime strong{
  display:block;
  margin-top:2px;
  color:#21e085;
  font-size:24px;
  font-weight:950;
}
.msv8-card .hero-visual{
  position:relative;
  min-height:225px;
  border-radius:20px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(10,67,110,.22),rgba(5,20,38,.36)),
    radial-gradient(circle at 30% 25%,rgba(111,227,255,.22),transparent 24%),
    linear-gradient(135deg,#26486d,#0c1d38 60%,#18345b);
  border:1px solid rgba(122,188,255,.18);
}
.msv8-card .hero-visual:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 0%,transparent 60%,rgba(0,0,0,.48) 100%);
}
.msv8-card .hero-visual .overlay{
  position:absolute;
  inset:auto 14px 14px 14px;
  z-index:2;
}
.msv8-card .hero-visual .overlay b{
  display:block;
  font-size:16px;
  color:#fff;
}
.msv8-card .hero-visual .overlay span{
  display:block;
  margin-top:2px;
  color:#bdd4e8;
  font-size:12px;
}
.msv8-card .mini-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
.msv8-card .mini-item{
  border:1px solid rgba(104,139,191,.16);
  background:rgba(12,27,52,.65);
  border-radius:16px;
  padding:14px;
}
.msv8-card .mini-item b{
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.2;
}
.msv8-card .mini-item span{
  display:block;
  margin-top:4px;
  color:#9db4cb;
  font-size:12px;
  line-height:1.35;
}
.msv8-card .protect{
  margin-top:14px;
  border:1px solid rgba(14,198,255,.24);
  border-radius:18px;
  background:linear-gradient(135deg,#062247,#0b315f);
  padding:16px;
}
.msv8-card .protect .topline{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
}
.msv8-card .protect .topline .label{
  color:#21d2ff;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.8px;
}
.msv8-card .protect .topline .bcv{
  padding:4px 10px;
  border-radius:8px;
  background:#0c5b3b;
  color:#62ef9f;
  font-size:11px;
  font-weight:950;
}
.msv8-card .protect h4{
  margin:12px 0 2px!important;
  color:#fff!important;
  font-size:16px!important;
}
.msv8-card .protect p{
  margin:0!important;
  color:#9db4cb!important;
  font-size:12px!important;
}
.msv8-card .protect .price-row{
  margin-top:10px;
  display:flex;justify-content:space-between;align-items:flex-end;gap:12px;
}
.msv8-card .protect .price{
  color:#fff;
  font-size:18px;
  font-weight:950;
}
.msv8-card .protect .price strong{
  font-size:42px;
  line-height:1;
}
.msv8-card .protect .price small{
  color:#9db4cb;
  font-size:14px;
}
.msv8-card .protect a{
  margin-top:14px;
  min-height:46px;
  display:flex;align-items:center;justify-content:center;
  border-radius:13px;
  background:linear-gradient(135deg,#14d49a,#12d37f);
  color:#021c14!important;
  font-size:14px;font-weight:950;
  text-decoration:none!important;
}

/* floating whatsapp */
#msv8-wa-float{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:99980;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  display:flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,#16d7a0,#0fd18f);
  color:#011911;
  font-size:14px;
  font-weight:950;
  text-decoration:none!important;
  box-shadow:0 14px 30px rgba(0,0,0,.25);
}
#msv8-wa-float .dot{
  width:10px;height:10px;border-radius:50%;background:#031c14;
}
#msv8-wa-float .bubble{
  font-size:18px;line-height:1;
}

/* chatbot */
#arkanbot-wrap{
  position:fixed;
  right:22px;
  bottom:74px;
  z-index:99990;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
#arkanbot-launcher{
  width:58px;height:58px;border:0;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;
  background:linear-gradient(145deg,#40c9ff,#176dff);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  position:relative;
  transition:.18s ease;
}
#arkanbot-launcher:hover{transform:translateY(-2px) scale(1.03)}
#arkanbot-launcher .bot-face{
  width:34px;height:28px;border-radius:9px;background:#fff;position:relative;
}
#arkanbot-launcher .bot-face:before,
#arkanbot-launcher .bot-face:after{
  content:"";position:absolute;top:9px;width:5px;height:5px;border-radius:50%;background:#0c4f91;
}
#arkanbot-launcher .bot-face:before{left:8px}
#arkanbot-launcher .bot-face:after{right:8px}
#arkanbot-launcher .bot-ant{
  position:absolute;width:2px;height:8px;background:#fff;top:7px;left:28px;
}
#arkanbot-launcher .bot-ant:before{
  content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;top:-3px;left:-1.5px;
}
#arkanbot-badge{
  position:absolute;right:-2px;top:-2px;width:18px;height:18px;border-radius:50%;
  display:grid;place-items:center;background:#25d366;color:#052514;border:2px solid #fff;font-size:10px;font-weight:950;
}
#arkanbot-teaser{
  position:absolute;right:68px;bottom:8px;width:205px;padding:10px 12px;border-radius:13px;
  background:#fff;color:#10203a;box-shadow:0 12px 34px rgba(0,0,0,.18);font-size:11px;font-weight:800;line-height:1.35;
}
#arkanbot-teaser:after{
  content:"";position:absolute;right:-7px;bottom:14px;border-width:7px 0 7px 8px;border-style:solid;border-color:transparent transparent transparent #fff;
}
#arkanbot-panel{
  display:none;position:absolute;right:0;bottom:72px;width:360px;max-height:560px;overflow:hidden;
  border-radius:20px;background:#fff;color:#10203a;box-shadow:0 25px 70px rgba(0,0,0,.30);border:1px solid #e5edf5;
}
#arkanbot-panel.open{display:block}
.arkanbot-head{
  padding:16px 17px;background:linear-gradient(135deg,#071a39,#0b3c72);color:#fff;display:flex;align-items:center;gap:11px;
}
.arkanbot-mini{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#40c9ff,#176dff);font-size:21px;
}
.arkanbot-head b{display:block;font-size:14px}
.arkanbot-head small{display:block;margin-top:2px;color:#bcd4e8;font-size:10px}
.arkanbot-close{
  margin-left:auto;width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.10);color:#fff;cursor:pointer;font-size:17px;
}
.arkanbot-body{
  padding:15px;max-height:425px;overflow:auto;background:#f7fafd;
}
.arkanbot-msg{
  margin-bottom:11px;max-width:92%;padding:10px 12px;border-radius:13px 13px 13px 4px;background:#fff;border:1px solid #e6edf4;color:#30445c;font-size:12px;line-height:1.45;
}
.arkanbot-msg strong{color:#0b315d}
.arkanbot-options{display:grid;gap:7px}
.arkanbot-q{
  border:1px solid #dce8f3;border-radius:11px;padding:10px 11px;background:#fff;color:#12385f;
  font-size:11px;font-weight:850;cursor:pointer;text-align:left;transition:.15s ease;
}
.arkanbot-q:hover{background:#edf8ff;border-color:#a8dfff}
.arkanbot-answer{
  margin-top:10px;padding:11px 12px;border-radius:12px;background:#eaf7ff;color:#25445f;font-size:11px;line-height:1.45;
}
.arkanbot-answer strong{color:#0a3561}
.arkanbot-wa{
  margin-top:10px;min-height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#25d366;color:#052514!important;text-decoration:none!important;font-size:11px;font-weight:950;
}
.arkanbot-foot{
  padding:9px 13px;background:#fff;border-top:1px solid #e8eef4;color:#7a8da0;font-size:9px;text-align:center;
}

@media(max-width:900px){
  .msv8-card .mini-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .msv8-title{font-size:clamp(42px,12vw,57px)!important;letter-spacing:-2px!important}
  .msv8-lead{font-size:16px!important}
  .msv8-actions{flex-direction:column}
  .msv8-actions .msv8-btn{width:100%}
  .msv8-card .protect .price-row{flex-direction:column;align-items:flex-start}
  #arkanbot-wrap{right:12px;bottom:72px}
  #arkanbot-panel{position:fixed;left:10px;right:10px;bottom:138px;width:auto;max-height:62vh}
  #arkanbot-teaser{display:none}
  #msv8-wa-float{left:10px;right:10px;justify-content:center}
}