:root {
  --su-bg: #f4f7fb;
  --su-ink: #14223a;
  --su-accent: #0b6efd;
  --su-accent-soft: #d9e8ff;
  --su-success: #198754;
}

body {
  background: radial-gradient(circle at top right, #e6f0ff 0, #f7f9fc 35%, #f4f7fb 100%);
  color: var(--su-ink);
  min-height: 100vh;
}

.hero {
  background: linear-gradient(135deg, #0d1b3e, #17448d);
  color: #fff;
}

.card {
  backdrop-filter: blur(2px);
}

.brand-pill {
  border-radius: 999px;
  padding: 0.3rem 0.75rem;
  background: var(--su-accent-soft);
  color: #0a2f6e;
  font-weight: 600;
}

.landing-wrap {
  max-width: 560px;
  margin: 0 auto;
}

.store-btn {
  display: block;
  width: 100%;
  margin-bottom: 0.75rem;
}

.chart-svg {
  width: 100%;
  height: 220px;
}

.small-muted {
  font-size: 0.88rem;
  color: #5b6780;
}