:root{
  --bg: #fbfbf9;
  --surface: #ffffff;
  --ink: #222425;
  --muted: #6c757d;
  --sage: #7fa59b;       /* accent */
  --sage-dark: #5f8e82;
  --line: rgba(0,0,0,.08);
  --shadow: 0 12px 28px rgba(0,0,0,.06);
  --radius: 18px;
}

body { background: var(--bg); color: var(--ink); }
a { text-decoration: none; }
.link-muted { color: var(--muted); }
.link-muted:hover { color: var(--ink); }

.nav-glass{
  background: rgba(251,251,249,.82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}

.brand-mark{
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border-radius: 12px;
  background: rgba(127,165,155,.12);
  color: var(--sage-dark);
}

.btn-primary{
  background: var(--sage-dark);
  border-color: var(--sage-dark);
}
.btn-primary:hover{ filter: brightness(.95); }

.card-soft{
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.hero{
  border-bottom: 1px solid var(--line);
  background: radial-gradient(900px 400px at 20% 10%, rgba(127,165,155,.16), transparent 60%),
              radial-gradient(700px 350px at 80% 30%, rgba(127,165,155,.10), transparent 55%);
}

.kpi-tile{
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px 14px;
  background: #fff;
}

.pill{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.8);
}

.timeline{
  position: relative;
  padding-left: 22px;
}
.timeline:before{
  content:"";
  position:absolute;
  left: 9px; top: 4px; bottom: 4px;
  width: 2px; background: rgba(127,165,155,.25);
  border-radius: 999px;
}
.tl-item{
  position: relative;
  padding: 12px 0 12px 18px;
}
.tl-item:before{
  content:"";
  position:absolute;
  left: 2px; top: 18px;
  width: 16px; height: 16px;
  background: rgba(127,165,155,.25);
  border: 2px solid rgba(127,165,155,.45);
  border-radius: 999px;
}

.subtle-float{
  transform: translateY(0);
  transition: transform .35s ease;
}
.subtle-float:hover{ transform: translateY(-4px); }