/* Светлая палитра в логике 1С: рабочий синий + жёлтый акцент. */
:root {
  --ink: #17324d;
  --ink-2: #24557d;
  --paper: #f6f9fc;
  --white: #fff;
  --coral: #ffd400;
  --coral-dark: #f4be00;
  --cyan: #dceeff;
  --mint: #e8f3fc;
  --line: #d6e3ee;
  --muted: #62768a;
}

.topline { background: #124a7a; color: #dceaf5; }
.topline a span { color: #bed7e9; }
.site-header { background: rgba(255, 255, 255, .92); }
.site-header.is-scrolled { box-shadow: 0 8px 24px rgba(18, 74, 122, .08); }
.brand__mark { color: var(--ink); }
.button { color: var(--ink); box-shadow: 0 10px 20px rgba(255, 212, 0, .25); }
.button:hover { background: var(--coral-dark); box-shadow: 0 16px 24px rgba(244, 190, 0, .3); }
.section-dark { background: #124a7a; }

/* Hero deliberately stays bright: the yellow CTA reads as the first action. */
.hero { background: linear-gradient(135deg, #f8fcff 0%, #e5f2fc 58%, #d8ebf8 100%); color: var(--ink); }
.hero__grid { background-image: linear-gradient(rgba(29, 112, 183, .10) 1px, transparent 1px), linear-gradient(90deg, rgba(29, 112, 183, .10) 1px, transparent 1px); }
.hero__grid::before { border-color: rgba(29, 112, 183, .18); box-shadow: 0 0 0 88px rgba(29, 112, 183, .035), 0 0 0 176px rgba(29, 112, 183, .02); }
.eyebrow--light { color: #52718b; }
.hero h1 em { color: #1d70b7; }
.hero__lead { color: #48647d; }
.text-link--light { color: #315b7e; }
.hero__proof>div:not(:last-child)::after { background: #b6cfdf; }
.hero__proof small, .hero__bottom p { color: #5c7790; }
.hero__bottom { border-color: #bdd4e5; }
.ticker span { color: #315b7e; }
.orb { border-color: rgba(29, 112, 183, .32); }
.orb--two { border-color: rgba(255, 212, 0, .8); }
.orb--three { box-shadow: 0 0 0 7px rgba(255, 212, 0, .25), 0 0 30px var(--coral); }
.hero-visual>img { filter: drop-shadow(0 25px 25px rgba(29, 93, 143, .19)); }
.mini-icon--coral { background: #fff4c5; color: #9c7600; }
.avatar { background: #e3f0fa; color: #1d70b7; }

.intro h2 em { color: #1d70b7; }
.pain-card { border: 1px solid #e2ebf1; }
.pain-card--accent { background: #e8f3fc; }
.pain-card--accent::after { border-color: #a7cbe7; }
.pain-card--accent p { color: #3e6889; }
.services { background: #eaf3fb; }
.service-card { background: rgba(255, 255, 255, .85); border-color: #fff; }
.service-card--featured, .service-card--featured:hover { background: #124a7a; }
.service-card__icon { background: #e6f2fb; color: #1d70b7; }
.service-card--featured .service-card__icon { color: var(--ink); }
.service-card>a:hover { color: var(--ink); }

.control { background: linear-gradient(135deg, #174f7d, #0e3d67); }
.control h2 em, .contact h2 em, .process-step:hover, .process-step.is-active { color: var(--coral); }
.control__intro>p { color: #c7def0; }
.process-step span { color: #9fc6e3; }
.process-step i { color: #c2daec; }
.dashboard { background: linear-gradient(160deg, rgba(37, 96, 145, .9), rgba(10, 55, 96, .8)); border-color: rgba(218, 239, 255, .35); }
.dashboard::before { background: var(--coral); }

.segment-panel { background: #e8f3fc; }
.segment-panel::after { border-color: rgba(29, 112, 183, .2); }
.segment-panel li { color: #27628f; }
.segment-tabs button.is-selected { background: #1d70b7; border-color: #1d70b7; }
.cases { background: #f7fafd; }
.case-card { background: #dcecf9; }
.case-card--wide { background: #d9ebf7; }
.case-card--coral { background: #1d70b7; }
.quote-mark, .case-card a span { color: var(--coral); }
.case-card--coral p { color: #d6eafb; }
.case-card p { color: #c7e4fa; }
.industry-row span, .accordion, .accordion details { border-color: #d6e3ee; }
.accordion summary span { color: #d9a800; }

.contact { background: linear-gradient(135deg, #174f7d, #0e3d67); }
.contact__flare { background: var(--coral); opacity: .75; }
.contact__copy>p:not(.eyebrow) { color: #c6ddec; }
.contact-phone small { color: #bad4e8; }
.form-dot { background: var(--coral); box-shadow: 0 0 0 4px #fff5c9; }
.lead-form input:focus, .lead-form textarea:focus { border-color: #1d70b7; }
.footer { background: #103f68; }
.footer__legal a { color: #c5dceb; }
.success-icon { background: #e8f3fc; color: #1d70b7; }

/* Local SVG illustrations inherit the lighter blue environment and stay crisp. */
.hero-visual>img, .segment-panel img, .case-card img, .dashboard img { filter: saturate(.88) hue-rotate(2deg); }
@media(max-width:680px) { .nav { background: #fff; box-shadow: 0 20px 25px rgba(18, 74, 122, .12); } }