/* WARIANT C — „Jasne zaufanie": jasne tło, granat i złoto, czytelność jak w nowoczesnej bankowości */
:root {
  --bg: #F6F8FB;
  --surface: #FFFFFF;
  --surface-2: #ECF1F7;
  --ink: #16293F;
  --muted: #5B6B7E;
  --accent: #17497E;
  --accent-ink: #FFFFFF;
  --good: #157A50;
  --bad: #C62A33;
  --line: #DDE5EE;
  --logo: #A8842C;
  --radius: 16px;
  --btn-radius: 12px;
  --shadow: 0 10px 30px rgba(22, 41, 63, .08);
  --thumb-a: #17497E;
  --thumb-b: #0E2C4E;
  --artink: #3C4C60;
  --font-display: 'Lora', Georgia, serif;
  --font-body: 'Manrope', -apple-system, 'Segoe UI', sans-serif;
}
.site { background: rgba(255, 255, 255, .9); }
.hero {
  background:
    radial-gradient(80% 100% at 50% -40%, rgba(23, 73, 126, .1), transparent 60%),
    var(--bg);
}
.hero h1 { font-weight: 600; }
.hero-grid h1 { font-size: clamp(30px, 3.6vw, 44px); }
.hero { padding-bottom: 70px; }
.hero h1 .acc { color: var(--good); }
.eyebrow { color: var(--logo); }
.trustbar { background: #FFFFFF; }
.trustbar li::before { background: var(--good); }
.field .val { color: var(--accent); }
.field input[type=number], .f input, .f textarea { background: #FFFFFF; }
.suma { background: var(--good); }
.beforeafter .cell.po b { color: var(--good); }
.suma small { opacity: .9; }
.step::before { background: var(--surface-2); color: var(--accent); border: 2px solid var(--accent); }
.foot { background: #10233A; color: #B9C6D6; border-top: 0; }
.foot a { color: #B9C6D6; }
.switcher { box-shadow: 0 6px 24px rgba(22, 41, 63, .18); }