:root{
  --bg0:#0b1220;
  --bg1:#0f1b33;
  --txt:#0b1220;
  --muted:#5b6785;
  --card:rgba(255,255,255,.75);
  --stroke:rgba(15, 27, 51, .12);
  --shadow:0 14px 40px rgba(0,0,0,.12);
}

body{
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(79,124,255,.18) 0%, transparent 60%),
    radial-gradient(1000px 600px at 90% 10%, rgba(32,58,107,.16) 0%, transparent 55%),
    linear-gradient(180deg, #f7f8fb, #eef2ff);
  color: var(--txt);
}

.mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.nav-glass{
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,27,51,.12);
}

.brand-dot{
  display:inline-block;
  width:.65rem;height:.65rem;
  border-radius:999px;
  background:#4f7cff;
  margin-right:.55rem;
  transform: translateY(-1px);
}

.hero{
  padding: 3rem 0 1rem;
}

.section{
  padding: 3.5rem 0;
}

.pill{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.35rem .8rem;
  border-radius:999px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(15,27,51,.10);
}

.badge-soft{
  background: rgba(79,124,255,.10);
  border: 1px solid rgba(79,124,255,.18);
  color: #1d3c9a;
  font-weight: 600;
}

.card-glass{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,27,51,.10);
  border-radius: 1.25rem;
  box-shadow: var(--shadow);
}

.mini-stat{
  background: rgba(11,18,32,.04);
  border: 1px solid rgba(15,27,51,.10);
  border-radius: 1rem;
}

.kpi{
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.accordion-button{
  background: rgba(255,255,255,.78);
}
.accordion-button:not(.collapsed){
  color:#0b1220;
  box-shadow:none;
}
.accordion-item{
  border-radius: 1rem;
  overflow: hidden;
}

.footer{
  border-top: 1px solid rgba(15,27,51,.12);
  background: rgba(255,255,255,.55);
}