@font-face {
  font-family: 'SomarSans';
  src: url('../font/SomarSans-RegularCondensed.woff2') format('woff2'),
       url('../font/SomarSans-RegularCondensed.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --finscope-primary: #06b6d4;
  --finscope-dark: #0f172a;
}

.finscope-hero {
  background-image: linear-gradient(135deg, #0f172a 0%, #0b223c 50%, #0e7490 100%);
}

h1, h2, h3, .display-1, .landing-page-nav .navbar-nav .nav-item a, .card .card-body h5 {
  font-family: 'SomarSans', 'Segoe UI', sans-serif;
}

.navbar-logo img { height: 28px; }
.logo-mobile img { height: 24px; }

.mini-chart-bars {
  display: flex;
  align-items: flex-end;
  height: 60px;
  gap: 6px;
}
.mini-chart-bars span {
  display: block;
  width: 10px;
  background: var(--finscope-primary);
  opacity: .85;
  border-radius: 2px;
}

.pricing-card.popular {
  border: 2px solid var(--finscope-primary);
  box-shadow: 0 0 0 4px rgba(6, 182, 212, .15);
}

.kpi-grid .card { border: 0; box-shadow: 0 2px 12px rgba(0,0,0,.15); }