/* 02 · Nordic Clarity — severský fintech: chladná bílá, sytá modrá, ostřejší hrany. */
:root{
  --ink:#0A1020; --ink-2:#141B2E; --ink-3:#2B3550;
  --paper:#FFFFFF; --surface:#FFFFFF; --soft:#F4F6FA; --soft-2:#E6EAF3;
  --brand:#1B4DE4; --brand-700:#1740BE; --brand-100:#E1E8FE; --brand-50:#F3F6FF;
  --brass:#1B4DE4; --muted:#4E5A75; --muted-2:#8892A8;
  --line:rgba(10,16,32,.10); --line-2:rgba(10,16,32,.18); --danger:#C62828;
  --r-sm:8px; --r:10px; --r-lg:14px; --r-xl:18px;
  --shadow-sm:0 1px 2px rgba(10,16,32,.06);
  --shadow:0 1px 3px rgba(10,16,32,.08),0 12px 28px -16px rgba(10,16,32,.24);
  --shadow-lg:0 24px 60px -28px rgba(10,16,32,.40);
  --header-bg:rgba(255,255,255,.92); --sticky-bg:rgba(255,255,255,.97);
}
.h1{font-weight:700;letter-spacing:-.042em}
.h2{font-weight:700;letter-spacing:-.036em}
.h3,.card-title,.feat-title,.step-title,.fstep-title{font-weight:600;letter-spacing:-.025em}
.eyebrow{color:var(--brand);letter-spacing:.1em}
.btn{border-radius:10px}
.btn-primary{box-shadow:none}
.btn-primary:hover{box-shadow:0 10px 24px -14px rgba(27,77,228,.9)}
.site-header{border-bottom:1px solid var(--line)}
.site-header.is-stuck{box-shadow:0 1px 0 var(--line)}
.nav-link{border-radius:8px}
.hero::before{background:radial-gradient(55% 55% at 50% 50%,rgba(27,77,228,.10),transparent 70%)}
.hero-bullets .icon,.check-list .icon,.chk-yes .icon,.form-points .icon,.fmicro .icon,.ocard-foot .icon{color:var(--brand)}
.card{border-radius:14px}
.card:hover{transform:none;border-color:var(--brand);box-shadow:0 10px 30px -18px rgba(27,77,228,.45)}
.card-ico,.feat-ico{border-radius:10px}
.cmp-col,.chk-col,.ex-col,.ref,.formcard,.prose-aside,.stat{border-radius:14px}
.cmp-col.brand{box-shadow:0 20px 50px -30px rgba(27,77,228,.5)}
.ex-frame,.mega{border-radius:18px}
.mega-card,.mega-aside,.mega-ico{border-radius:10px}
.photo-ph{background:repeating-linear-gradient(135deg,rgba(10,16,32,.03) 0 12px,transparent 12px 24px),linear-gradient(150deg,#E6EAF3,#DDE6FF)}
.photo-ph,.hero-photo,.ocard{border-radius:14px}
.step-num{border-radius:8px}
.input,.chip span{border-radius:8px}
.input{background:#fff}
.fdone-ico{border-radius:14px}
.trustbar .icon{color:#7FA0FF}
.section.brandsoft{background:var(--brand-50)}

/* --- doladění tmavých bloků a detailů do modré palety --- */
.section.ink .eyebrow{color:#8FA9FF}
.section.ink .feat-ico{background:rgba(255,255,255,.10);color:#A8BEFF}
.section.ink .btn-primary{background:#3B6BFF;color:#fff}
.section.ink .btn-primary:hover{background:#5C85FF;box-shadow:none}
.section.ink .step-num{background:#fff;color:#0A1020}
.site-footer .logo-mark{color:#8FA9FF}
.ctaband .btn-light{color:#0A1020}
.ex-col.brand,.section.ink .ex-col.brand{background:#1B4DE4}
.section.ink .ex-col.brand .ex-num,.section.ink .ex-col.brand .ex-total strong{color:#fff}
.section.ink .ex-col.brand .ex-row.zero .ex-num{color:#BFD0FF}
.section.ink .ex-frame{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14)}
.person-role,.ref-meta{color:var(--brand)}
.pullquote{border-left-color:var(--brand)}
.bigquote-author,.ocard-badge{color:var(--muted-2)}