:root {
  --emerald-50: #ecfdf5;
  --emerald-600: #059669;
  --emerald-700: #047857;
  --paper: #fcfdfc;
  --slate-200: #e2e8f0;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-900: #0f172a;
  --white: #ffffff;
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--paper); scroll-behavior: smooth; }
body { margin: 0; color: var(--slate-900); font: 400 17px/1.65 var(--font-sans); }
a { color: var(--emerald-700); text-underline-offset: 0.15em; }
a:focus-visible, button:focus-visible { outline: 3px solid #10b981; outline-offset: 3px; }
.skip-link { position: absolute; left: 1rem; top: -5rem; z-index: 2; background: var(--white); padding: .5rem .75rem; }
.skip-link:focus { top: 1rem; }
.site-header { border-bottom: 1px solid var(--slate-200); background: var(--white); }
.site-header__inner, .site-footer__inner { display: flex; width: min(1200px, calc(100% - 3rem)); margin: auto; align-items: center; gap: 1.5rem; padding: 1rem 0; }
.wordmark { color: var(--slate-900); font-size: 1.25rem; font-weight: 700; text-decoration: none; }
.primary-nav { display: flex; align-items: center; gap: 1rem; margin-left: auto; }
.primary-nav a, .language-nav a { display: inline-flex; min-height: 44px; align-items: center; font-size: .9rem; font-weight: 600; text-decoration: none; }
.button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; border-radius: 8px; padding: .5rem .9rem; }
.button--primary { background: var(--emerald-700); color: var(--white); }
.button--primary:hover { background: #065f46; }
.language-nav { display: flex; gap: .5rem; font-size: .8rem; }
.language-nav a { font-size: .8rem; }
.language-nav a[aria-current="page"] { color: var(--slate-900); font-weight: 700; }
.page-shell, .article-shell { width: min(760px, calc(100% - 3rem)); margin: 0 auto; padding: 4rem 0 5rem; }
.breadcrumbs { margin: 0 0 1.5rem; color: var(--slate-600); font-size: .875rem; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.breadcrumbs li + li::before { content: "/"; margin-right: .5rem; color: var(--slate-400); }
.breadcrumbs a { color: var(--emerald-700); }
.page-shell.marketing-page { width: min(1200px, calc(100% - 3rem)); padding-top: 0; }
.page-shell h1, .article-shell h1 { font-size: clamp(2.125rem, 6vw, 3.25rem); line-height: 1.12; letter-spacing: -.03em; }
.page-shell h2, .article-shell h2 { margin-top: 3rem; font-size: clamp(1.75rem, 3vw, 2.3rem); line-height: 1.2; }
.lead { color: var(--slate-600); font-size: 1.2rem; }
.hero { margin: 0 calc((min(1200px, calc(100vw - 3rem)) - 100vw) / 2); padding: clamp(4rem, 9vw, 7rem) max(1.5rem, calc((100vw - 1200px) / 2)); }
.hero--dark { background: radial-gradient(circle at 85% 0%, #064e3b 0, var(--slate-900) 43rem); color: var(--white); }
.hero--dark .lead { max-width: 48rem; color: var(--slate-200); }
.hero--dark .eyebrow { color: #a7f3d0; }
.editorial-section { max-width: 760px; padding: clamp(4rem, 8vw, 6rem) 0; }
.editorial-section--tinted { max-width: none; margin: 0 calc((min(1200px, calc(100vw - 3rem)) - 100vw) / 2); padding-right: max(1.5rem, calc((100vw - 1200px) / 2)); padding-left: max(1.5rem, calc((100vw - 1200px) / 2)); background: var(--slate-50, #f8fafc); }
.eyebrow { margin: 0 0 .75rem; color: var(--emerald-700); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.workflow-study-cta { margin-top: 2rem; }
.workflow-study-cta__note { margin: .6rem 0 0; color: var(--slate-600); font-size: .8125rem; }
.hero--dark .workflow-study-cta__note { color: var(--slate-200); }
.planned-capability { margin: 2rem 0; border-left: 4px solid var(--emerald-600); background: var(--emerald-50); padding: 1.25rem 1.5rem; }
.planned-capability p:last-child { margin-bottom: 0; }
.empty-state { border-left: 4px solid var(--emerald-600); background: var(--emerald-50); padding: 1.25rem 1.5rem; }
.site-footer { border-top: 1px solid var(--slate-200); color: var(--slate-600); font-size: .875rem; }
.site-footer__inner { display: block; padding: 2rem 0; }
.site-footer p { margin: .25rem 0; }
.footer-nav { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-top: 1rem; }
.footer-nav a { font-weight: 600; }
@media (max-width: 760px) { .site-header__inner { align-items: flex-start; flex-wrap: wrap; } .primary-nav { order: 3; width: 100%; margin-left: 0; flex-wrap: wrap; } .language-nav { margin-left: auto; } .hero { margin-right: -1.5rem; margin-left: -1.5rem; padding: 4rem 1.5rem; } .editorial-section--tinted { margin-right: -1.5rem; margin-left: -1.5rem; padding-right: 1.5rem; padding-left: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }