/* Как в navigator: палитра банка общая для продуктов и обоих шагов заявки. */
.bank-context,
.bank-context .hero {
  --product-accent: var(--bank-accent);
  --product-soft: var(--bank-tint);
  --blue: var(--bank-accent);
  --blue-dark: var(--bank-dark);
  --bank-action: color-mix(in srgb, var(--bank-accent) 35%, var(--bank-dark));
  --bank-line: color-mix(in srgb, var(--bank-accent) 20%, white);
  --line: var(--bank-line);
  --shadow: 0 22px 60px color-mix(in srgb, var(--bank-accent) 12%, transparent);
}

.bank-context .hero,
.bank-context.next-page {
  background:
    radial-gradient(circle at 82% 22%, color-mix(in srgb, var(--bank-accent) 18%, transparent), transparent 35%),
    linear-gradient(135deg, white, var(--bank-tint) 60%, white);
}
.bank-context .hero-proof div,
.bank-context .site-header,
.bank-context .lead-card,
.bank-context .details-card,
.bank-context .application-summary { border-color: var(--bank-line); }
.bank-context .lead-card,
.bank-context .details-card { border-top-color: var(--bank-accent); box-shadow: var(--shadow); }
.bank-context .eyebrow span { border-color: var(--bank-line); }
.bank-context .step-badge,
.bank-context .form-microproof { color: var(--bank-dark); background: var(--bank-tint); border-color: var(--bank-line); }
.bank-context .form-microproof > div + div { border-color: var(--bank-line); }
.bank-context .form-microproof > div > span,
.bank-context .product-option.active::after,
.bank-context .product-selected { color: white; background: var(--bank-action); }
.bank-context .product-option.active { color: var(--bank-dark); background: var(--bank-tint); }
.bank-context .product-option.active > span:last-child { color: var(--bank-dark); }
.bank-context .product-option:has(input:focus-visible),
.bank-context .product-card:focus-visible { outline-color: var(--bank-accent); }

.bank-context .primary-button:not(:disabled):not(.is-disabled) {
  color: white;
  background: var(--bank-action);
  box-shadow: 0 12px 24px color-mix(in srgb, var(--bank-accent) 25%, transparent);
}
.bank-context .primary-button:not(:disabled):not(.is-disabled):active { box-shadow: 0 7px 16px color-mix(in srgb, var(--bank-accent) 25%, transparent); }
@media (hover: hover) and (pointer: fine) {
  .bank-context .primary-button:not(:disabled):not(.is-disabled):hover {
    background: var(--bank-dark);
    box-shadow: 0 17px 34px color-mix(in srgb, var(--bank-accent) 30%, transparent),
      0 0 0 4px color-mix(in srgb, var(--bank-accent) 11%, transparent);
  }
}
.bank-context .primary-button:focus-visible { outline: 3px solid var(--bank-accent); outline-offset: 3px; }
.bank-context .header-nav .header-action { color: white; background: var(--bank-action); border-color: var(--bank-action); }
.bank-context .lead-consents a,
.bank-context .form-kicker,
.bank-context .section-kicker,
.bank-context .summary-head button,
.bank-context .details-title > div > span,
.bank-context .next-progress { color: var(--bank-dark); }
.bank-context .select-shell:focus-within,
.bank-context .summary-editor input:focus,
.bank-context .summary-editor select:focus {
  border-color: var(--bank-accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--bank-accent) 11%, transparent);
}
.bank-context .next-progress > span { background: var(--bank-tint); }
.bank-context .next-progress i { background: linear-gradient(90deg, var(--bank-accent), var(--bank-dark)); }
.bank-context .summary-editor > button { background: var(--bank-action); }
.bank-context .data-trust,
.bank-context .next-explainer { background: var(--bank-tint); border-color: var(--bank-line); }
.bank-context .data-trust b { color: var(--bank-dark); }
.bank-context .data-trust small { color: var(--muted); }
.bank-context .data-trust > span,
.bank-context .shield-mark,
.bank-context .field-success,
.bank-context .field-success i { color: white; background: var(--bank-action); }
.bank-context .field:not(.has-error) .input-shell.valid,
.bank-context .field:not(.has-error) .select-shell.valid {
  border-color: color-mix(in srgb, var(--bank-accent) 45%, white);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--bank-accent) 7%, transparent);
}

.bank-context .faq-section,
.bank-context .next-footer,
.bank-context .site-footer { background: var(--bank-tint); border-color: var(--bank-line); }
.bank-context .faq-list details { border-color: var(--bank-line); }
.bank-context .faq-list summary span { color: var(--bank-dark); background: var(--bank-tint); }
.bank-context .footer-brand .brand-copy strong em { color: var(--bank-dark); }
.bank-context .support-visual,
.bank-context .sticky-cta-icon { background: linear-gradient(135deg, var(--bank-accent), var(--bank-dark)); box-shadow: var(--shadow); }
.bank-context .support-label { color: color-mix(in srgb, var(--bank-accent) 40%, white); }
.bank-context .support-card::after { background: color-mix(in srgb, var(--bank-accent) 12%, transparent); }
.bank-context .support-card button { color: var(--bank-dark); background: var(--bank-tint); }
.bank-context .mobile-sticky-cta { border-color: var(--bank-line); background: var(--bank-tint); box-shadow: var(--shadow); }
.bank-context .sticky-cta-arrow,
.bank-context .chat-return button,
.bank-context .chat-compose button { color: white; background: var(--bank-action); }
.bank-context .chat-launcher,
.bank-context .chat-panel-head { background: var(--bank-action); }
.bank-context .chat-avatar { color: var(--bank-dark); background: var(--bank-tint); border-color: var(--bank-line); }