:root {
    --primary: #1890ff;
    --primary-dark: #1677ff;
    --border: #e9edf3;
    --bg-soft: #f7f9fc;
    --card-radius: 10px;
    --btn-radius: 12px;
}
body {
    background: #f2f5f9;
    color:#0f172a;
    min-height:100vh;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.hero { padding:88px 0 64px; }
.nav-brand { display:inline-flex; align-items:center; gap:10px; }
.nav-brand i { margin:0 !important; }
.navbar-brand { letter-spacing:-0.02em; }
.hero-sub { font-size:1.05rem; }
.card-flat { border:1px solid var(--border); border-radius:var(--card-radius); box-shadow:0 3px 10px rgba(15,23,42,0.05); background:#fff; }
.btn-primary-flat { background:var(--primary); border-color:var(--primary); border-radius:var(--btn-radius); min-height:42px; padding:9px 16px; font-weight:600; box-shadow:0 10px 24px rgba(37,99,235,0.18); transition:all .25s ease; }
.btn-primary-flat:hover { background:var(--primary-dark); border-color:var(--primary-dark); box-shadow:0 14px 28px rgba(37,99,235,0.22); transform:translateY(-1px); }
.btn-primary-flat:active { transform:translateY(1px) scale(0.99); }
.btn-outline-flat { border:1px solid #d1d5db; border-radius:var(--btn-radius); min-height:42px; padding:9px 16px; font-weight:600; color:#334155; background:rgba(255,255,255,0.9); transition:all .25s ease; }
.btn-outline-flat:hover { background:#f9fafb; border-color:#9ca3af; color:#1f2937; transform:translateY(-1px); }
.btn-outline-flat:active { transform:translateY(1px) scale(0.99); }
.muted { color:#6b7280; }
.lead { font-size:1.05rem; line-height:1.7; }
.kpi-pill { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid #e5e7eb; border-radius:999px; background:#fff; font-weight:600; color:#1f2937; }
.kpi-pill i { color:var(--primary); }
.reveal-on-scroll { opacity: 0; transform: translate3d(0, 18px, 0); will-change: transform, opacity; transition: opacity .55s ease, transform .65s cubic-bezier(.2,.8,.2,1); }
.reveal-in { opacity: 1; transform: translate3d(0, 0, 0); }
@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll { opacity: 1 !important; transform: none !important; transition: none !important; }
}