/* ВекторДела: a blue digital services catalogue. */
:root { --paper: #f1f4fb; --ink: #23335e; --muted: #6b7894; --line: #d7dfef; }
.service-bar { background: #e6ebf6; border-color: #d6dfef; color: #5e6d8d; }
.topbar { background: #263c77; color: #fff; border-color: #263c77; }
.brand-mark { background: #fff; color: #334da4; border: 0; border-radius: 7px; }
.brand-text > span { color: #d0d9ef; }
.header-action { background: #fff; color: #334da4; border-color: #fff; border-radius: 4px; }
.nav a:hover { color: #d0defe; }
#top-solutions .section-head { align-items: center; }
#top-solutions .section-label { color: #4667bc; }
.rating-title { font-size: clamp(34px,3.4vw,47px); max-width: 600px; letter-spacing: -1.7px; }
#top-solutions .top-card { padding: 0 28px 28px; border-radius: 9px; border-color: #d1daee; overflow: hidden; }
#top-solutions .top-card.is-alpha { border: 1px solid #8eaae4; }
#top-solutions .top-head { margin: 0 -28px; padding: 20px 28px; background: #f8faff; border-bottom: 1px solid #dce5f6; }
#top-solutions .is-alpha .top-head { background: #eaf0ff; }
#top-solutions .rank-number, #top-solutions .is-alpha .rank-number { color: #334da4; font-size: 22px; font-weight: 600; }
#top-solutions .bank-subtitle { margin-top: 23px; }
#top-solutions .top-columns { grid-template-columns: minmax(0,1fr) 300px; }
#top-solutions .criteria-list > div, #top-solutions .bank-meta > div { padding-left: 12px; padding-right: 12px; border-bottom: 0; }
#top-solutions .criteria-list > div:nth-child(odd), #top-solutions .bank-meta > div:nth-child(odd) { background: #f4f7fc; }
#top-solutions .side-panel { background: #eef3ff; border-color: #d7e2ff; border-radius: 6px; }
#top-solutions .badge.alpha { color: #334da4; background: #e7eefe; }
#top-solutions .btn-alpha, .calculator-output .btn, .cta-shell .btn-alpha { background: #334da4; color: #fff; border-radius: 5px; }
#top-solutions .btn-alpha:hover { background: #283f8b; }
.calc-card { background: #23335e; border-radius: 9px; }
.field select { background: #344778; border-color: #687fac; }
.compare-item { border-color: #6a7fa6; }
.compare-item.is-top { border-color: #c4d4ff; }
.section-label { color: #4667bc; }
.support-card { border-top-color: #5371be; }
.cta-shell { background: #e3ebff; border-color: #cbd9fa; border-left: 4px solid #334da4; border-radius: 7px; }
@media(max-width:760px) { #top-solutions .top-card { padding: 0 18px 21px; } #top-solutions .top-head { padding: 18px; margin: 0 -18px; } #top-solutions .top-columns { grid-template-columns: 1fr; } .rating-title { font-size: 34px; } .topbar .nav { border-color: #49619a; } }