:root{
  --brand:#5b7cfa;
  --ink:#0b1021;
  --mint:#14b8a6;
}
html{scroll-behavior:smooth;}
.glass{background:rgba(255,255,255,0.06);backdrop-filter:blur(12px)}
.section{padding-top:4rem;padding-bottom:4rem}
.btn-primary{background:var(--brand);color:white;padding:.6rem 1rem;border-radius:.8rem}
.btn-primary:hover{filter:brightness(1.05)}
.btn-ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:.6rem 1rem;border-radius:.8rem}
.nav-pill{display:block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:.6rem .9rem;border-radius:.8rem}
.link{color:#a5b4fc}
.link:hover{text-decoration:underline}
.blob{position:absolute;inset:-1.5rem;background:radial-gradient(600px 200px at 80% 10%, rgba(99,102,241,.25), transparent 60%), radial-gradient(600px 200px at 0% 100%, rgba(20,184,166,.2), transparent 60%);filter:blur(20px);border-radius:24px}
.kpi{font-weight:600;font-size:1.3rem}
.kpi-sub{font-size:.7rem;color:#94a3b8}
.glass-tile{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:1rem;padding:1rem}
.tile-stat{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:1rem;padding:1rem;text-align:center}
.stat{font-weight:700;font-size:1.8rem}
.stat-sub{font-size:.8rem;color:#94a3b8}
.h2{font-family:'Playfair Display',serif;font-size:1.8rem}
.pill-card{border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:1rem;background:rgba(255,255,255,.05)}
.pill-title{font-weight:600}
.pill-desc{font-size:.9rem;color:#cbd5e1}
.input{width:100%;margin-top:.25rem;border-radius:.8rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:.6rem}
.tile-mini{border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:1rem;background:rgba(255,255,255,.05)}
.mini-label{font-size:.75rem;color:#94a3b8}
.mini-value{font-weight:600}
.card{border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:1rem;background:rgba(255,255,255,.05)}
.active-link{color:#a5b4fc}