/* Colvatel / NAP UI helpers (shared) */
:root{
  --col-blue-1:#0b4fa3;
  --col-blue-2:#0a66c2;
  --col-ink:#0f172a;
  --col-muted:#64748b;
  --col-border:rgba(15,23,42,.10);
  --col-card:#ffffff;
  --col-bg:#f4f7fb;
}
.brand-logo{
  height:34px;
  width:auto;
  object-fit:contain;
  filter: drop-shadow(0 6px 14px rgba(2,6,23,.18));
}
.brand-logo.on-light{
  filter:none;
}
.nap-topbar .brand-logo{
  height:36px;
}
.nap-topbar .brand{
  line-height:1.1;
}
.nap-hero{
  background:
    radial-gradient(1200px 500px at 10% 10%, rgba(255,255,255,.16), transparent 55%),
    radial-gradient(800px 500px at 90% 0%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(90deg, var(--col-blue-1), var(--col-blue-2));
  color:#fff;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow: 0 16px 38px rgba(2,6,23,.16);
  padding:18px 18px;
}
.nap-hero .kicker{
  font-size:.86rem;
  opacity:.92;
}
.nap-hero .title{
  font-weight:800;
  letter-spacing:.2px;
  margin:0;
}
.nap-hero .desc{
  margin:6px 0 0 0;
  opacity:.92;
}
.nap-card{
  backdrop-filter: saturate(1.05);
}
.nap-section-title{
  display:flex;
  align-items:center;
  gap:.55rem;
}
.nap-section-title::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(180deg, var(--col-blue-2), var(--col-blue-1));
  box-shadow: 0 8px 18px rgba(10,102,194,.25);
}
.nap-footer-note{
  color: var(--col-muted);
  font-size:.86rem;
}

/* Core NAP-style shell */
body.nap-body{ background: var(--col-bg); color: var(--col-ink); }
.nap-container{ max-width: 1100px; }
.nap-topbar{
  background: linear-gradient(90deg, var(--col-blue-1), var(--col-blue-2));
  color:#fff;
  box-shadow: 0 6px 18px rgba(2,6,23,.12);
}
.btn-soft{
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.28);
  color:#fff;
}
.btn-soft:hover{ background: rgba(255,255,255,.22); color:#fff; }