/* Pricing page: four plans and the localization service.
   Colours are the visual-identity tokens (docs/visual-identity.md) only. */
.public-page .pricing-hero h1 span { background: none; color: #016dc6; -webkit-text-fill-color: currentColor; }
.public-page .pricing-hero > p:last-child { max-width: 720px; color: #173b75; }
.public-page .pricing-grid--plans { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.public-page .pricing-card { min-height: 0; padding: 26px; border-color: #e8f1f7; border-radius: 14px; }
.public-page .pricing-card--featured { border-color: #016dc6; box-shadow: none; }
.public-page .pricing-popular { background: #e8f1f7; color: #173b75; }
.public-page .pricing-card ul { color: #173b75; }
.public-page .pricing-card li::before { color: #016dc6; }
.public-page .pricing-description,
.public-page .pricing-tax,
.public-page .pricing-price span { color: #173b75; }
.public-page .pricing-action { background: #016dc6; box-shadow: none; }
.public-page .pricing-action:hover,
.public-page .pricing-action:focus-visible { background: #173b75; color: #fff; }
.public-page .pricing-action:focus-visible { outline: 3px solid #016dc6; outline-offset: 2px; }
.public-page .pricing-action--secondary { border: 1px solid #016dc6; background: #fff; color: #016dc6; }
.public-page .pricing-localization {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 24px;
  margin-top: 26px; padding: 26px; border: 1px solid #e8f1f7; border-radius: 14px; background: #f5f9fd;
}
.public-page .pricing-localization h2 { margin: 4px 0 0; color: #173b75; font-size: 23px; }
.public-page .pricing-localization p { margin: 0 0 10px; color: #173b75; font-size: 14px; line-height: 1.6; }
.public-page .pricing-details { border-color: #e8f1f7; background: #f5f9fd; }
.public-page .pricing-details span { color: #173b75; }

@media (max-width: 1100px) {
  .public-page .pricing-grid--plans { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .public-page .pricing-grid--plans,
  .public-page .pricing-localization { grid-template-columns: 1fr; }
}