/* Approved Slovak theme; the earlier white/green version does not load it. */
:root { --alternative-black: #111; --alternative-muted: #d7d7d7; }
.site-header, .hero, .services-section, .experience-section, .contact-section { background: var(--brand-yellow); color: var(--ink); }
.service-overview, .process-section, .about-section, .site-footer, .use-cases-section { background: var(--alternative-black); color: #fff; }
.experience-section, .contact-section { border-color: #c8c08d; }
.experience-item { border-color: var(--green); }
.experience-section .small-label, .experience-item > p:not(.small-label),
.contact-section .eyebrow, .contact-text { color: var(--muted); }
.about-story > p, .about-story .about-intro, .about-story strong { color: #fff; }
.about-section .stats, .site-footer .footer-legal { border-color: #666; }
.about-section .stats { grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }
.stats dd { font-size: 1.25rem; line-height: 1.6; color: #fff; }
.process-text, .site-footer p, .footer-legal, .use-cases-status { color: var(--alternative-muted); }
.process-link > .arrow, .about-section .arrow, .use-cases-section .arrow { filter: invert(1); }
.process-link:focus-visible, .about-section a:focus-visible, .site-footer a:focus-visible, .use-cases-section a:focus-visible { outline-color: var(--brand-yellow); }

/* Yellow nodes mark the active step against the black route. */
.process-number { background: var(--alternative-black); color: var(--brand-yellow); border-color: #8d906e; }
.process-link.is-complete .process-number { background: #33372b; color: var(--brand-yellow); border-color: var(--brand-yellow); }
.process-link:is(.is-active, :hover, :focus-visible) .process-number { background: var(--brand-yellow); color: var(--alternative-black); border-color: var(--brand-yellow); }
.process-list li:not(:last-child)::before { background: #77795b; }
.process-list li:has(.is-complete)::before { background: var(--brand-yellow); }

.services-grid-four .service-result p { font-family: var(--heading-font); font-size: 2rem; line-height: 1.3; min-height: 0; overflow-wrap: anywhere; text-wrap: balance; font-synthesis: none; }
.services-grid-four .service-result strong { font-weight: 400; }
.experience-section .section-heading { flex-direction: column; align-items: start; gap: 16px; }
.use-cases-link { text-decoration: underline; text-underline-offset: 5px; }
.use-cases-page { min-height: 100svh; display: flex; flex-direction: column; background: var(--alternative-black); }
.use-cases-page main { flex: 1; }
.use-cases-section h1 { margin-block: 40px 24px; }
.use-cases-status { font-size: 1.25rem; }

@media (max-width: 600px) {
  .services-grid-four .service-result p { font-size: 1.75rem; }
  .stats dd, .use-cases-status { font-size: 1.125rem; }
}

@media print {
  .site-header, .hero, .services-section, .process-section, .about-section, .site-footer,
  .experience-section, .contact-section, .use-cases-page, .use-cases-section { background: white; color: black; }
  .experience-section .small-label, .experience-item > p:not(.small-label),
  .contact-section h2, .contact-section .eyebrow, .contact-text, .about-story > p,
  .about-story .about-intro, .about-story strong, .stats dd, .process-text,
  .site-footer p, .footer-legal, .use-cases-status { color: black; }
}