/* PulsePoint — ultra-simple one-page */
:root{
  --bg:#0f1115; --bg2:#1a1d22; --text:#E8ECEF; --muted:#AAB4BE;
  --brand:#00ADB5; --brand2:#12D6DF; --line:#232834; --focus:#7fdce1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--brand);text-decoration:none} a:hover{color:var(--brand2)}
.container{width:min(1100px,92vw); margin-inline:auto}
header{position:sticky; top:0; z-index:10; background:rgba(15,17,21,.8); backdrop-filter: blur(6px); border-bottom:1px solid var(--line)}
.nav{display:flex; align-items:center; gap:18px; padding:10px 0}
.nav .brand img{width:130px; height:auto}
.nav .spacer{flex:1}
.nav a{color:var(--text); opacity:.95}
.btn{display:inline-flex; align-items:center; gap:8px; padding:.8rem 1rem; border-radius:12px; border:1px solid #2a2e36; background:#0e1216; color:var(--text); font-weight:700}
.btn.primary{background:linear-gradient(180deg,var(--brand),var(--brand2)); color:#001315; border:none}
.hero{padding: clamp(70px, 10vw, 120px) 0 50px}
.hero h1{font-size: clamp(32px, 4.8vw, 52px); line-height:1.08; margin:.2rem 0 .6rem}
.hero p{color:var(--muted); font-size: clamp(16px, 2.2vw, 20px)}
.grid{display:grid; gap:22px; grid-template-columns:1fr}
@media (min-width:900px){ .grid{grid-template-columns:1.1fr .9fr} }
.card{background:linear-gradient(180deg,#10141a,#0b0e12); border:1px solid var(--line); border-radius:16px; padding:20px}
.section{padding:56px 0}
.section h2{font-size: clamp(24px,3.2vw,36px); margin:.2rem 0 1rem}
.lead{color:var(--muted); max-width:68ch}
.cards{display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:14px}
.kpis{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.kpi{background:#11151b; border:1px solid var(--line); border-radius:14px; padding:16px; text-align:center}
.kpi strong{display:block; font-size:24px}
.table{width:100%; border-collapse: collapse; border:1px solid var(--line); border-radius:12px; overflow:hidden}
.table th,.table td{border-bottom:1px solid var(--line); padding:.75rem 1rem; text-align:left}
.table th{background:#0b0f13}
footer{padding:36px 0 56px; border-top:1px solid var(--line); background:#0e1014}
.small,.muted{color:var(--muted)}