/* assets/css/public.css — MITTIVO Pro (public marketing) — v2 */

.mv-public-navbar{
  backdrop-filter: saturate(180%) blur(10px);
  background: rgba(255,255,255,.86);
  border-bottom: 1px solid rgba(98,105,118,.12);
}

[data-bs-theme="dark"] .mv-public-navbar{
  background: rgba(24,36,51,.78);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.mv-hero{
  border-radius: 22px;
  overflow: hidden;
  position: relative;
}

.mv-hero::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(900px 320px at 8% 18%, rgba(32,107,196,.18), transparent 60%),
    radial-gradient(780px 340px at 95% 8%, rgba(66,186,150,.16), transparent 55%),
    radial-gradient(880px 340px at 90% 88%, rgba(255,194,10,.12), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.86));
  pointer-events:none;
}

[data-bs-theme="dark"] .mv-hero::before{
  background:
    radial-gradient(900px 320px at 8% 18%, rgba(32,107,196,.20), transparent 60%),
    radial-gradient(780px 340px at 95% 8%, rgba(66,186,150,.18), transparent 55%),
    radial-gradient(880px 340px at 90% 88%, rgba(255,194,10,.14), transparent 55%),
    linear-gradient(180deg, rgba(24,36,51,.92), rgba(24,36,51,.86));
}

.mv-hero .card-body{ position: relative; }

.mv-card-hover{ transition: transform .15s ease, box-shadow .15s ease; }
.mv-card-hover:hover{ transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,.08); }

.mv-kpi{ display:flex; gap:.75rem; align-items:center; }
.mv-kpi .avatar{ border:1px solid rgba(98,105,118,.18); }

.mv-pill{
  border:1px solid rgba(98,105,118,.16);
  background: rgba(98,105,118,.04);
  padding:.45rem .6rem;
  border-radius:999px;
  display:inline-flex;
  gap:.35rem;
  align-items:center;
  white-space:nowrap;
}

.mv-section{
  margin-top: 3.25rem;
}

.mv-section-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

.mv-soft-panel{
  border: 1px solid rgba(98,105,118,.12);
  background: rgba(98,105,118,.03);
  border-radius: 18px;
}

[data-bs-theme="dark"] .mv-soft-panel{
  border-color: rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}

/* Dropdown grid */
.mv-dd-grid{ display:flex; flex-direction:column; gap:.25rem; }
.mv-dd-item{ display:flex; align-items:center; border-radius:10px; padding:.55rem .6rem; }
.mv-dd-item:hover{ background: rgba(98,105,118,.06); }

/* Hero list */
.mv-checklist{ padding-left: 0; list-style: none; margin: 0; }
.mv-checklist li{ display:flex; gap:.6rem; align-items:flex-start; padding:.28rem 0; }
.mv-checklist i{ margin-top: .12rem; }

/* Screenshot frame */
.mv-shot{
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(98,105,118,.14);
  background: rgba(255,255,255,.7);
}

[data-bs-theme="dark"] .mv-shot{
  background: rgba(24,36,51,.65);
  border-color: rgba(255,255,255,.10);
}