/* ==========================================================================
   CEx DESIGN SYSTEM — SERVICE TEMPLATE                            cex.koeln
   The shared component library for the 32 service and hub pages: hero, nav
   chrome, cards, process, FAQ, proof, forms, cross-links, footer.

   Loaded ONLY by pages built on the service template. The homepage, the
   sitemap and the two legal pages are a different document type and load
   cx-design-system.css alone — do not link this file into them.

   Every value here is the one the majority of template pages already used;
   pages that had drifted were brought onto it. Tokens live in
   cx-design-system.css, which must load before this file.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. BASE
   -------------------------------------------------------------------------- */
* { box-sizing:border-box }
*::before { box-sizing:border-box }
*::after { box-sizing:border-box }
html { -webkit-text-size-adjust:100%; scroll-behavior:auto!important; scroll-padding-top:80px }
body {
  margin:0;
  background:var(--cx-surface);
  color:var(--cx-charcoal);
  font-family:var(--font-sans);
  font-weight:400;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"ss01","cv11";
}
a { color:inherit; text-decoration:none }
.skip-link {
  position:absolute;
  left:0;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  top:0;
  background:var(--acn-black);
  color:#fff;
  padding:12px 16px;
  z-index:999;
  font-weight:500;
  text-decoration:none;
}
.skip-link:focus {
  left:16px;
  top:16px;
  width:auto;
  height:auto;
  overflow:visible;
  clip-path:none;
}




/* --------------------------------------------------------------------------
   2. LAYOUT
   -------------------------------------------------------------------------- */
.container { max-width:var(--container); margin:0 auto; padding:0 var(--container-px) }
.section { padding:var(--section-py) 0 }
.section--white { background:var(--cx-surface) }
.section--paper { background:var(--cx-warm) }
.section--dark { background:var(--cx-band); color:var(--cx-band-ink) }
.section__head { margin-bottom:56px }

/* --------------------------------------------------------------------------
   3. TYPOGRAPHY
   -------------------------------------------------------------------------- */
.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-size:0.75rem;
  font-weight:700;
  letter-spacing:0.22em;
  text-transform:uppercase;
  margin-bottom:20px;
  color:var(--cx-charcoal-3);
}
.eyebrow::before {
  content:"";
  display:inline-block;
  width:24px;
  height:3px;
  background:var(--cx-yellow);
}
.eyebrow--on-dark { color:rgba(255,255,255,0.7) }
.h-section {
  margin:0;
  font-size:clamp(2rem,4vw,3.25rem);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-0.03em;
  text-wrap:balance;
  max-width:22ch;
}
.h-section--on-dark { color:#fff }
.h-lead {
  margin:24px 0 0;
  font-size:clamp(1.0625rem,1.3vw,1.1875rem);
  line-height:1.7;
  color:var(--muted);
  max-width:62ch;
}
.h-lead--on-dark { color:rgba(255,255,255,0.78) }

/* --------------------------------------------------------------------------
   4. NAV & CHROME
   -------------------------------------------------------------------------- */
.nav {
  position:fixed;
  inset:0 0 auto 0;
  z-index:100;
  background:var(--cx-surface)!important;
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  color:#fff;
  border-bottom:1px solid var(--cx-charcoal-3);
  transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);
  animation:acn-enter-from-top 700ms var(--acn-ease) backwards;
  box-shadow:0 1px 0 rgba(30,35,39,0.04), 0 12px 28px -18px rgba(30,35,39,0.18);
}
.nav.is-scrolled { background:rgba(255, 255, 255, 0.94); color:var(--acn-ink); border-bottom-color:var(--line) }
.nav__inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding:14px var(--container-px);
  height:64px;
  padding-top:0;
  padding-bottom:0;
}
.nav__brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.125rem;
  letter-spacing:-0.02em;
  color:inherit;
}
.nav__brand-mark {
  display:inline-flex;
  width:28px;
  height:28px;
  color:var(--cx-yellow);
  background:var(--cx-charcoal);
  padding:4px;
  transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);
}
.nav.is-scrolled.nav__brand-mark { background:var(--cx-charcoal); color:var(--cx-yellow) }
.nav__brand-mark svg { width:100%; height:100% }
.nav__brand-text { font-weight:700; letter-spacing:0.02em }
.nav__cta-group { display:flex; align-items:center; gap:10px }
.nav.is-scrolled.nav__desktop-cta { background:var(--acn-black); border-color:var(--acn-black); color:#fff }
.nav.nav__desktop-cta {
  background:rgba(255, 255, 255, 0.12);
  border-color:rgba(255, 255, 255, 0.3);
  color:#fff;
  backdrop-filter:blur(8px);
}
.nav.nav__desktop-cta:hover { background:var(--acn-purple); border-color:var(--acn-purple) }
.nav.is-scrolled.nav__desktop-cta:hover { background:var(--acn-purple); border-color:var(--acn-purple) }
.cx-menu-btn {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 14px 8px 11px;
  background:rgba(30,35,39,0.04);
  border:1px solid var(--line, rgba(0,0,0,0.18));
  color:var(--cx-charcoal);
  font-family:inherit;
  font-weight:700;
  font-size:0.8125rem;
  letter-spacing:-0.005em;
  cursor:pointer;
  transition:background 280ms cubic-bezier(0.85,0,0,1),
 border-color 280ms cubic-bezier(0.85,0,0,1),
 color 280ms cubic-bezier(0.85,0,0,1);
}
.cx-menu-btn:hover { background:var(--cx-charcoal); color:#fff; border-color:var(--cx-charcoal) }
.cx-menu-btn:hover .cx-menu-btn__icon span { background:var(--cx-yellow) }
.cx-menu-btn[aria-expanded="true"] { background:var(--cx-charcoal); color:#fff; border-color:var(--cx-charcoal) }
.cx-menu-btn[aria-expanded="true"] .cx-menu-btn__icon span { background:var(--cx-yellow) }
.cx-menu-btn[aria-expanded="true"] .cx-menu-btn__icon span:nth-child(1) { transform:translateY(4.5px) rotate(45deg) }
.cx-menu-btn[aria-expanded="true"] .cx-menu-btn__icon span:nth-child(2) { opacity:0 }
.cx-menu-btn[aria-expanded="true"] .cx-menu-btn__icon span:nth-child(3) { transform:translateY(-4.5px) rotate(-45deg) }
.cx-drawer {
  position:fixed;
  top:0;
  left:0;
  right:0;
  background:var(--cx-surface, var(--cx-surface));
  border-bottom:1px solid var(--line, rgba(0,0,0,0.18));
  z-index:75;
  box-shadow:0 24px 48px -24px rgba(30,35,39,0.18);
  max-height:0;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  transition:max-height 380ms cubic-bezier(0.85,0,0,1),
 opacity 220ms cubic-bezier(0.85,0,0,1),
 visibility 0s linear 220ms;
  padding-top:64px;
}
.cx-drawer.is-open {
  max-height:100vh;
  opacity:1;
  visibility:visible;
  transition:max-height 480ms cubic-bezier(0.85,0,0,1),
 opacity 220ms cubic-bezier(0.85,0,0,1) 80ms,
 visibility 0s linear;
}
.cx-drawer__inner {
  max-width:var(--container, 1280px);
  margin:0 auto;
  padding:32px var(--container-px, clamp(24px,5vw,88px)) 36px;
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:clamp(28px, 4vw, 56px);
}
.cx-drawer__section { display:flex; flex-direction:column; gap:8px }
.cx-drawer__label {
  font-family:inherit;
  font-size:0.6875rem;
  font-weight:700;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--cx-charcoal-3);
  padding-bottom:14px;
  border-bottom:1px solid var(--line, rgba(0,0,0,0.18));
  margin-bottom:6px;
}
.cx-drawer__link {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:14px 16px;
  background:transparent;
  border:1px solid transparent;
  text-decoration:none;
  color:inherit;
  transition:background 280ms cubic-bezier(0.85,0,0,1),
 border-color 280ms cubic-bezier(0.85,0,0,1),
 transform 280ms cubic-bezier(0.85,0,0,1);
}
.cx-drawer__link:hover { background:var(--cx-warm-2); border-color:var(--line, rgba(0,0,0,0.18)); transform:translateX(2px) }
.cx-drawer__num {
  font-family:inherit;
  font-size:0.6875rem;
  font-weight:800;
  color:var(--cx-yellow);
  background:var(--cx-charcoal);
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  letter-spacing:0.04em;
}
.cx-drawer__title {
  font-size:0.9375rem;
  font-weight:700;
  color:var(--cx-charcoal);
  letter-spacing:-0.01em;
  line-height:1.3;
}
.cx-drawer__arrow { color:var(--cx-charcoal-3); font-size:1.125rem; transition:color 280ms cubic-bezier(0.85,0,0,1),
 transform 280ms cubic-bezier(0.85,0,0,1) }
.cx-drawer__link:hover .cx-drawer__arrow { color:var(--cx-yellow); transform:translateX(3px) }
.cx-drawer__footer {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  padding:20px 24px;
  background:var(--cx-charcoal);
  color:#fff;
  align-self:start;
}
.cx-drawer__footer-label {
  font-size:0.6875rem;
  font-weight:700;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--cx-yellow);
}
.cx-drawer__footer-h {
  margin:6px 0 12px;
  font-size:1.125rem;
  font-weight:700;
  letter-spacing:-0.01em;
  line-height:1.3;
}
.cx-drawer__footer-p {
  margin:0 0 18px;
  font-size:0.875rem;
  line-height:1.55;
  color:rgba(255,255,255,0.78);
}
.cx-drawer__cta {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  background:var(--cx-yellow);
  color:var(--cx-charcoal);
  font-size:0.8125rem;
  font-weight:700;
  letter-spacing:0.04em;
  text-decoration:none;
  transition:background 280ms cubic-bezier(0.85,0,0,1), transform 280ms cubic-bezier(0.85,0,0,1);
}
.cx-drawer__cta:hover { background:var(--cx-yellow-soft); transform:translateY(-1px) }
.cx-drawer__cta-arrow { font-size:1rem }
.cx-drawer__close-hint {
  font-size:0.6875rem;
  font-weight:600;
  color:rgba(255,255,255,0.55);
  letter-spacing:0.08em;
}
.cx-drawer__close-hint kbd {
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:0.6875rem;
  background:rgba(255,255,255,0.1);
  padding:2px 7px;
  border:1px solid rgba(255,255,255,0.2);
  margin:0 3px;
}
.cx-drawer-scrim {
  position:fixed;
  inset:0;
  background:rgba(30,35,39,0.42);
  backdrop-filter:blur(2px);
  z-index:70;
  opacity:0;
  visibility:hidden;
  transition:opacity 220ms cubic-bezier(0.85,0,0,1),
 visibility 0s linear 220ms;
}
.cx-drawer-scrim.is-open { opacity:1; visibility:visible; transition:opacity 220ms cubic-bezier(0.85,0,0,1) }
.nav::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:var(--cx-yellow);
  transform-origin:left;
  transform:scaleX(var(--scroll-progress, 0));
  z-index:2;
}
.nav__cta-group.nav__desktop-cta { order:1 }
.nav__cta-group.cx-menu-btn { order:2 }
.cx-drawer__section--mobile { display:none }
.cx-drawer__jump {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border:1px solid transparent;
  font-size:0.9375rem;
  font-weight:700;
  letter-spacing:-0.005em;
  color:var(--cx-charcoal);
  text-decoration:none;
  transition:background 280ms cubic-bezier(0.85,0,0,1), border-color 280ms cubic-bezier(0.85,0,0,1), transform 280ms cubic-bezier(0.85,0,0,1);
}
.cx-drawer__jump:hover { background:var(--cx-warm-2); border-color:var(--line); transform:translateX(2px) }
.cx-drawer__jump span { color:var(--cx-charcoal-3); transition:color 280ms cubic-bezier(0.85,0,0,1), transform 280ms cubic-bezier(0.85,0,0,1) }
.cx-drawer__jump:hover span { color:var(--cx-yellow); transform:translateX(3px) }

/* --------------------------------------------------------------------------
   5. HERO
   -------------------------------------------------------------------------- */















/* --------------------------------------------------------------------------
   6. BUTTONS
   -------------------------------------------------------------------------- */
.btn {
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:14px 18px 14px 22px;
  background:var(--cx-yellow);
  color:var(--cx-charcoal);
  font-weight:700;
  letter-spacing:-0.005em;
  font-size:0.9375rem;
  transition:background var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.btn:hover { background:var(--cx-yellow-soft); transform:translateY(-1px) }
.btn__icon {
  display:inline-flex;
  width:26px;
  height:26px;
  background:var(--cx-charcoal);
  color:var(--cx-yellow);
  align-items:center;
  justify-content:center;
}
.btn--ghost { background:transparent; color:#fff; border:1px solid rgba(255,255,255,0.32) }
.btn--ghost:hover { background:rgba(255,255,255,0.05) }
.btn--ghost.btn__icon { background:var(--line-on-band); color:#fff }
.final-cta {
  background:var(--cx-charcoal);
  color:#fff;
  padding:var(--section-py) 0;
  position:relative;
  overflow:hidden;
}
.final-cta::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 50% 0%,var(--band-glow) 0%,transparent 55%);
  pointer-events:none;
}
.final-cta__inner {
  position:relative;
  max-width:780px;
  text-align:center;
  margin:0 auto;
}
.final-cta h2 {
  margin:14px 0 18px;
  font-size:clamp(2.25rem,5vw,3.5rem);
  font-weight:800;
  line-height:1.04;
  letter-spacing:-0.035em;
  color:#fff;
}
.final-cta h2.accent { color:var(--cx-yellow) }
.final-cta p {
  margin:0 auto 36px;
  font-size:1.0625rem;
  line-height:1.65;
  color:rgba(255,255,255,0.82);
  max-width:60ch;
}

/* --------------------------------------------------------------------------
   7. CARDS
   -------------------------------------------------------------------------- */
.problem-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:32px;
  margin-top:48px;
}
.problem-card {
  padding:32px;
  background:var(--cx-warm-2);
  border:1px solid var(--line);
  position:relative;
}
.problem-card__num {
  font-size:0.875rem;
  font-weight:800;
  letter-spacing:0.16em;
  padding-left:0.16em; /* gleicht den Sperrabstand hinter der letzten Ziffer aus */
  color:var(--cx-charcoal);
  background:var(--cx-yellow);
  display:inline-flex;
  width:32px;
  height:32px;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
}
.problem-card h3 {
  margin:0 0 10px;
  font-size:1.0625rem;
  font-weight:700;
  letter-spacing:-0.01em;
  line-height:1.3;
}
.problem-card p {
  margin:0;
  font-size:0.9375rem;
  line-height:1.6;
  color:var(--muted);
}
.problem-conclusion {
  margin-top:48px;
  padding:32px 40px;
  background:var(--cx-charcoal);
  color:#fff;
  border-left:4px solid var(--cx-yellow);
  font-size:1.0625rem;
  line-height:1.6;
}
.problem-conclusion strong { color:var(--cx-yellow); font-weight:700 }
.services-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px;
  margin-top:48px;
}
.service-card {
  padding:36px 32px;
  background:var(--cx-warm-2);
  border:1px solid var(--line);
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.service-card:hover { transform:translateY(-4px); border-color:var(--line-strong); box-shadow:0 32px 48px -28px rgba(0,0,0,0.18) }
.service-card__num {
  font-size:2.25rem;
  font-weight:800;
  letter-spacing:-0.03em;
  padding-right:0.03em; /* negative Sperrung kippt nach rechts, Ausgleich rechts */
  color:var(--cx-yellow);
  background:var(--cx-charcoal);
  width:64px;
  height:64px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:24px;
}
.service-card h3 {
  margin:0 0 12px;
  font-size:1.25rem;
  font-weight:700;
  letter-spacing:-0.01em;
  line-height:1.2;
}
.service-card p {
  margin:0;
  font-size:0.9375rem;
  line-height:1.65;
  color:var(--muted);
}
.uses-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
  margin-top:48px;
}
.use-card {
  padding:24px 28px;
  background:var(--cx-warm-2);
  border:1px solid var(--line);
  display:grid;
  gap:8px;
}
.use-card__tag {
  font-size:0.6875rem;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--cx-charcoal-3);
  display:flex;
  align-items:center;
  gap:10px;
}
.use-card__tag::before {
  content:"";
  display:inline-block;
  width:14px;
  height:2px;
  background:var(--cx-yellow);
}
.use-card h3 {
  margin:0;
  font-size:1.0625rem;
  font-weight:700;
  letter-spacing:-0.01em;
  line-height:1.3;
}
.use-card p {
  margin:6px 0 0;
  font-size:0.875rem;
  line-height:1.55;
  color:var(--muted);
}
.industries {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:32px;
  margin-top:48px;
}
.industry-card { padding:32px; background:var(--cx-warm-2); border-left:3px solid var(--cx-yellow) }
.industry-card h3 {
  margin:0 0 10px;
  font-size:1.125rem;
  font-weight:700;
  letter-spacing:-0.01em;
}
.industry-card p {
  margin:0;
  font-size:0.9375rem;
  line-height:1.65;
  color:var(--muted);
}
.industry-card span {
  background:var(--cx-yellow-tint);
  padding:0 6px;
  font-weight:700;
  color:var(--cx-charcoal);
}
.diff-list {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:32px;
  margin-top:48px;
}
.diff-item {
  display:grid;
  grid-template-columns:48px 1fr;
  gap:20px;
  align-items:start;
}
.diff-item__num {
  font-size:1.5rem;
  font-weight:800;
  color:var(--cx-yellow);
  background:var(--cx-charcoal);
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  letter-spacing:-0.02em;
}
.diff-item h3 {
  margin:0 0 8px;
  font-size:1.0625rem;
  font-weight:700;
  letter-spacing:-0.01em;
  line-height:1.3;
}
.diff-item p {
  margin:0;
  font-size:0.9375rem;
  line-height:1.6;
  color:var(--muted);
}
.card { padding:28px }

/* --------------------------------------------------------------------------
   8. PROCESS
   -------------------------------------------------------------------------- */
.method {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:0;
  margin-top:56px;
  border-top:1px solid var(--line-on-dark);
}
.method-step {
  padding:32px 28px;
  border-right:1px solid var(--line-on-dark);
  border-bottom:1px solid var(--line-on-dark);
  position:relative;
}
.method-step__num {
  font-family:var(--font-sans);
  font-size:0.6875rem;
  font-weight:700;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--cx-yellow);
  margin-bottom:14px;
}
.method-step__when {
  font-size:0.75rem;
  color:var(--cx-yellow-soft);
  margin-bottom:14px;
  letter-spacing:0.04em;
}
.method-step__title {
  margin:0 0 8px;
  font-size:1.125rem;
  font-weight:700;
  color:#fff;
  letter-spacing:-0.01em;
  line-height:1.2;
}
.method-step__body {
  margin:0;
  font-size:0.875rem;
  line-height:1.6;
  color:rgba(255,255,255,0.72);
}
/* .method-step:last-child border-right entfernt: die Phasenkarten stehen mit
   Abstand nebeneinander und umbrechen in eine zweite Zeile — eine Karte ohne
   rechte Kante war genau der offene Rahmen, den Johannes bemaengelt hat. */

/* --------------------------------------------------------------------------
   9. FAQ
   -------------------------------------------------------------------------- */
.faq {
  margin-top:48px;
  display:grid;
  gap:12px;
  max-width:920px;
}
.faq__item { background:var(--cx-warm-2); border:1px solid var(--line); transition:border-color var(--dur) var(--ease) }
.faq__item[open] { border-color:var(--line-strong) }
.faq__item summary {
  cursor:pointer;
  padding:24px 32px;
  font-size:1.0625rem;
  font-weight:700;
  letter-spacing:-0.01em;
  line-height:1.4;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  list-style:none;
}
.faq__item summary::after {
  content:"+";
  font-size:1.5rem;
  font-weight:400;
  color:var(--cx-charcoal-3);
  transition:transform var(--dur) var(--ease);
}
.faq__item[open] summary::after { content:"−" }
.faq__item summary::-webkit-details-marker { display:none }
.faq__answer {
  padding:0 32px 28px;
  font-size:0.9375rem;
  line-height:1.65;
  color:var(--muted);
}
.faq__answer span {
  background:var(--cx-yellow-tint);
  padding:0 6px;
  font-weight:700;
  color:var(--cx-charcoal);
}
.cx-faq-block {
  background:#fff;
  color:var(--cx-charcoal);
  padding:64px 0 56px;
  border-top:1px solid rgba(30,35,39,0.06);
}
.cx-faq-block.container { max-width:780px; margin:0 auto; padding:0 24px }
.cx-faq-block__h {
  font-family:Inter,"Inter Fallback",system-ui,sans-serif;
  font-size:clamp(1.375rem,2.4vw,1.875rem);
  font-weight:800;
  letter-spacing:-0.018em;
  margin:0 0 28px;
}
.cx-faq-block__list { display:flex; flex-direction:column; gap:20px }
.cx-faq-block__item summary {
  font-family:Inter,"Inter Fallback",system-ui,sans-serif;
  font-size:1.0625rem;
  font-weight:700;
  margin:0 0 8px;
  color:var(--cx-charcoal);
  cursor:pointer;
  list-style:none;
}
.cx-faq-block__item summary::-webkit-details-marker { display:none }
.cx-faq-block__item summary::after { content:" ▾"; color:var(--cx-charcoal-3) }
.cx-faq-block__item[open] summary::after { content:" ▴" }
.cx-faq-block__item p {
  font-size:0.9375rem;
  line-height:1.65;
  color:var(--cx-charcoal-2);
  margin:0;
}

/* --------------------------------------------------------------------------
   10. PROOF & TRUST
   -------------------------------------------------------------------------- */
.trust-item { display:grid; gap:6px }
.trust-item__num {
  font-size:1.875rem;
  font-weight:800;
  letter-spacing:-0.02em;
  color:var(--cx-yellow);
  line-height:1;
}
.trust-item__label { font-size:0.8125rem; color:rgba(255,255,255,0.7); line-height:1.4 }
.cx-proof { background:var(--cx-warm); padding:clamp(72px,8vw,112px) 0 }
.cx-proof__head { max-width:780px; margin:0 auto 36px; text-align:center }
.cx-proof__eyebrow {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:0.72rem;
  font-weight:800;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--cx-charcoal-3);
  margin-bottom:14px;
}
.cx-proof__eyebrow::before {
  content:"";
  display:inline-block;
  width:22px;
  height:3px;
  background:var(--cx-yellow);
}
.cx-proof__h {
  margin:0;
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.08;
  letter-spacing:-0.03em;
  color:var(--cx-charcoal);
}
.cx-proof__lead {
  margin:18px auto 0;
  max-width:66ch;
  font-size:1.05rem;
  line-height:1.7;
  color:var(--muted);
}
.cx-proof__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:22px }
.cx-proof__card { background:#fff; border:1px solid var(--line); padding:28px }
.cx-proof__card h3 {
  margin:0 0 10px;
  font-size:1.05rem;
  line-height:1.3;
  color:var(--cx-charcoal);
}
.cx-proof__card p {
  margin:0;
  font-size:0.94rem;
  line-height:1.65;
  color:var(--muted);
}
.cx-trust {
  background:var(--cx-surface);
  color:var(--cx-charcoal);
  padding:var(--section-py) 0;
  border-top:1px solid rgba(30,35,39,0.08);
}
.cx-trust__grid { display:grid; grid-template-columns:1fr; gap:48px }
.cx-trust__eyebrow {
  font-family:ui-monospace,Menlo,monospace;
  font-size:11px;
  font-weight:800;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--cx-charcoal-3);
  margin-bottom:14px;
}
.cx-trust__h {
  font-family:Inter,"Inter Fallback",system-ui,sans-serif;
  font-size:clamp(1.5rem,2.6vw,2.125rem);
  font-weight:800;
  letter-spacing:-0.018em;
  line-height:1.15;
  margin:0 0 18px;
}
.cx-trust__lead {
  font-size:1rem;
  line-height:1.65;
  color:var(--cx-charcoal-2);
  margin:0 0 22px;
  max-width:48ch;
}
.cx-trust__founders {
  display:flex;
  gap:22px;
  margin:26px 0 22px;
  flex-wrap:wrap;
  align-items:flex-start;
}
.cx-trust__founders figure { margin:0; text-align:center; max-width:150px }
.cx-trust__founders img {
  width:150px;
  height:150px;
  object-fit:cover;
  border-radius:0;
  display:block;
  margin:0 auto 10px;
  background:var(--cx-warm-3);
}
.cx-trust__founders b {
  display:block;
  font-size:1.02rem;
  line-height:1.25;
  color:var(--cx-charcoal);
}
.cx-trust__founders span {
  display:block;
  margin-top:3px;
  font-size:0.84rem;
  line-height:1.35;
  color:var(--muted);
}
.cx-trust__creds {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:1fr;
  gap:2px;
  font-size:0.9375rem;
}
.cx-trust__creds li { padding:8px 0; color:var(--cx-charcoal-2) }
.cx-trust__creds b {
  display:block;
  color:var(--cx-charcoal);
  font-weight:800;
  font-size:1.125rem;
}

/* --------------------------------------------------------------------------
   11. FORMS
   -------------------------------------------------------------------------- */
.cx-form {
  background:var(--cx-warm-2);
  border:1px solid rgba(30,35,39,0.10);
  border-radius:0;
  padding:28px 28px 24px;
  box-shadow:0 16px 40px -20px rgba(30,35,39,0.16);
}
.cx-form__eyebrow {
  font-family:ui-monospace,Menlo,monospace;
  font-size:10px;
  font-weight:800;
  letter-spacing:0.18em;
  text-transform:uppercase;
  /* Was #0F8C61 — the base of the green polish.css was overriding at !important.
     Both are gone; the eyebrow is secondary ink like every other one. */
  color:var(--muted);
  margin-bottom:8px;
}
.cx-form__h {
  font-family:Inter,"Inter Fallback",system-ui,sans-serif;
  font-size:1.25rem;
  font-weight:800;
  letter-spacing:-0.014em;
  line-height:1.2;
  margin:0 0 18px;
}
.cx-form__row { display:block; margin-bottom:12px }
.cx-form__row span {
  display:block;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:var(--cx-charcoal-3);
  margin-bottom:5px;
}
.cx-form__row input {
  width:100%;
  padding:11px 13px;
  font-size:16px;
  font-family:inherit;
  color:var(--cx-charcoal);
  background:var(--cx-surface);
  border:1px solid rgba(30,35,39,0.14);
  border-radius:0;
  box-sizing:border-box;
}
.cx-form__row textarea {
  width:100%;
  padding:11px 13px;
  font-size:16px;
  font-family:inherit;
  color:var(--cx-charcoal);
  background:var(--cx-surface);
  border:1px solid rgba(30,35,39,0.14);
  border-radius:0;
  box-sizing:border-box;
}
.cx-form__row input:focus { outline:none; border-color:var(--cx-charcoal-3); background:#fff }
.cx-form__row textarea:focus { outline:none; border-color:var(--cx-charcoal-3); background:#fff }
.cx-form__consent {
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:14px 0 18px;
  font-size:11.5px;
  line-height:1.5;
  color:var(--cx-charcoal-3);
}
.cx-form__consent input {
  flex-shrink:0;
  margin-top:2px;
  min-width:18px;
  min-height:18px;
}
.cx-form__consent a { color:var(--cx-charcoal-3); text-decoration:underline }
.cx-form__submit {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:14px 22px;
  background:var(--cx-charcoal);
  color:var(--cx-surface);
  font-family:inherit;
  font-weight:800;
  font-size:14px;
  letter-spacing:-0.01em;
  border:none;
  border-radius:0;
  cursor:pointer;
  transition:background 0.2s;
}
/* Was #000 — the one pure black on the site. The ink is #1E2327. */
.cx-form__submit:hover { background:var(--cx-charcoal-2) }
.cx-form__hint { font-size:11px; color:var(--cx-charcoal-3); margin-top:10px }

/* --------------------------------------------------------------------------
   12. CROSS-LINKS
   -------------------------------------------------------------------------- */
.cross-links {
  margin-top:64px;
  padding-top:48px;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}
.cross-link {
  padding:20px 24px;
  background:var(--cx-warm-2);
  border:1px solid var(--line);
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.cross-link:hover { border-color:var(--cx-charcoal); transform:translateY(-2px) }
.cross-link__tag {
  font-size:0.6875rem;
  font-weight:700;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--cx-charcoal-3);
  margin-bottom:6px;
}
.cross-link__title {
  font-size:1rem;
  font-weight:700;
  letter-spacing:-0.01em;
  color:var(--cx-charcoal);
  line-height:1.3;
}
.cross-link__arrow { margin-top:8px; color:var(--cx-charcoal-3); font-size:0.875rem }

/* --------------------------------------------------------------------------
   13. TABLES & MISC
   -------------------------------------------------------------------------- */
.compliance-block {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:24px;
  margin-top:48px;
}
.compliance-item { padding:32px; background:rgba(255,255,255,0.04); border:1px solid var(--line-on-dark) }
.compliance-item h3 {
  margin:0 0 12px;
  font-size:1.125rem;
  font-weight:700;
  color:var(--cx-yellow);
  letter-spacing:-0.01em;
}
.compliance-item p {
  margin:0;
  font-size:0.9375rem;
  line-height:1.65;
  color:rgba(255,255,255,0.78);
}

/* --------------------------------------------------------------------------
   14. COMPONENTS (other shared)
   -------------------------------------------------------------------------- */
.cex-migrated-page.cex-static-site .nav {
  background:var(--cx-surface) !important;
  -webkit-backdrop-filter:saturate(170%) blur(16px);
  backdrop-filter:saturate(170%) blur(16px);
  border-bottom:1px solid rgba(30, 35, 39, 0.07);
  box-shadow:none;
  transition:background-color 320ms cubic-bezier(0.4, 0, 0.2, 1),
              border-color 320ms cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 320ms cubic-bezier(0.4, 0, 0.2, 1);
  animation:cx-nav-enter 640ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.cex-migrated-page.cex-static-site .nav.is-scrolled { background:var(--cx-surface) !important; border-bottom-color:rgba(30, 35, 39, 0.11); box-shadow:0 1px 0 rgba(30, 35, 39, 0.02),
              0 12px 32px -16px rgba(30, 35, 39, 0.18) }
.cex-migrated-page.cex-static-site .nav__lead { gap:34px }
.cex-migrated-page.cex-static-site .nav__primary { gap:26px }
.cex-migrated-page.cex-static-site .nav__actions { gap:12px }
.cex-migrated-page.cex-static-site .nav__primary a {
  position:relative;
  display:inline-block;
  padding:8px 1px;
  font-size:0.8125rem;
  font-weight:600;
  letter-spacing:0.01em;
  color:var(--cx-charcoal-3);
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cex-migrated-page.cex-static-site .nav__primary a::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:2px;
  background:var(--cx-yellow);
  transform:scaleX(0);
  transform-origin:0 50%;
  transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cex-migrated-page.cex-static-site .nav__primary a:hover { color:var(--cx-charcoal) }
.cex-migrated-page.cex-static-site .nav__primary a:focus-visible { color:var(--cx-charcoal) }
.cex-migrated-page.cex-static-site .nav__primary a.is-active { color:var(--cx-charcoal) }
.cex-migrated-page.cex-static-site .nav__primary a:hover::after { transform:scaleX(1) }
.cex-migrated-page.cex-static-site .nav__primary a:focus-visible::after { transform:scaleX(1) }
.cex-migrated-page.cex-static-site .nav__primary a.is-active::after { transform:scaleX(1) }
.cex-migrated-page.cex-static-site .nav .nav__cta {
  gap:10px;
  min-height:44px;
  padding:0 14px 0 18px;
  font-size:0.8125rem;
  font-weight:700;
  letter-spacing:0.01em;
  border-radius:0 !important;
  background:var(--cx-charcoal) !important;
  border:1px solid var(--cx-charcoal) !important;
  color:var(--cx-surface) !important;
  box-shadow:0 1px 2px rgba(30, 35, 39, 0.10);
  transform:translateY(0);
  transition:background-color 220ms cubic-bezier(0.4, 0, 0.2, 1),
              border-color 220ms cubic-bezier(0.4, 0, 0.2, 1),
              color 220ms cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 220ms cubic-bezier(0.4, 0, 0.2, 1),
              transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cex-migrated-page.cex-static-site .nav .nav__cta:hover {
  background:var(--cx-yellow) !important;
  border-color:var(--cx-yellow) !important;
  color:var(--cx-charcoal) !important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px -8px rgba(255, 122, 0, 0.55);
}
.cex-migrated-page.cex-static-site .nav .nav__cta:focus-visible {
  background:var(--cx-yellow) !important;
  border-color:var(--cx-yellow) !important;
  color:var(--cx-charcoal) !important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px -8px rgba(255, 122, 0, 0.55);
}
.cex-migrated-page.cex-static-site .nav .nav__cta:active {
  background:var(--cx-yellow-2, var(--cx-accent-2)) !important;
  border-color:var(--cx-yellow-2, var(--cx-accent-2)) !important;
  transform:translateY(0);
  box-shadow:0 3px 10px -6px rgba(255, 122, 0, 0.5);
}
.cex-migrated-page.cex-static-site .nav .nav__cta .btn__icon {
  width:22px;
  height:22px;
  flex-shrink:0;
  border-radius:0;
  background:var(--cx-yellow);
  color:var(--cx-charcoal);
  transition:transform 220ms cubic-bezier(0.4, 0, 0.2, 1),
              background-color 220ms cubic-bezier(0.4, 0, 0.2, 1),
              color 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cex-migrated-page.cex-static-site .nav .nav__cta:hover .btn__icon { background:var(--cx-charcoal); color:var(--cx-yellow); transform:translateX(2px) }
.cex-migrated-page.cex-static-site .nav .nav__cta:focus-visible .btn__icon { background:var(--cx-charcoal); color:var(--cx-yellow); transform:translateX(2px) }
.cex-migrated-page.cex-static-site .nav .cx-menu-btn {
  gap:9px;
  min-height:44px;
  min-width:44px;
  padding:0 16px 0 13px;
  background:transparent;
  border:1px solid rgba(30, 35, 39, 0.16);
  border-radius:0;
  color:var(--cx-charcoal);
  font-size:0.8125rem;
  font-weight:600;
  letter-spacing:0.01em;
  transition:background-color 220ms cubic-bezier(0.4, 0, 0.2, 1),
              border-color 220ms cubic-bezier(0.4, 0, 0.2, 1),
              color 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
.cex-migrated-page.cex-static-site .nav .cx-menu-btn:hover { background:var(--cx-charcoal); border-color:var(--cx-charcoal); color:#fff }
.cex-migrated-page.cex-static-site .nav .cx-menu-btn[aria-expanded="true"] { background:var(--cx-charcoal); border-color:var(--cx-charcoal); color:#fff }
.cex-migrated-page.cex-static-site .nav .cx-menu-btn__icon {
  display:inline-flex;
  flex-direction:column;
  justify-content:space-between;
  width:16px;
  height:12px;
}
.cex-migrated-page.cex-static-site .nav .cx-menu-btn__icon span {
  display:block;
  width:100%;
  height:1.5px;
  border-radius:0;
  background:currentColor;
  transition:transform 280ms cubic-bezier(0.85, 0, 0, 1),
              opacity 280ms cubic-bezier(0.85, 0, 0, 1),
              background-color 280ms cubic-bezier(0.85, 0, 0, 1);
}
.cex-migrated-page.cex-static-site .nav .cx-menu-btn:hover .cx-menu-btn__icon span { background:var(--cx-yellow) }
.cex-migrated-page.cex-static-site .nav .cx-menu-btn[aria-expanded="true"] .cx-menu-btn__icon span { background:var(--cx-yellow) }
.cex-migrated-page.cex-static-site .nav .cx-menu-btn[aria-expanded="true"] .cx-menu-btn__icon span:nth-child(1) { transform:translateY(5.25px) rotate(45deg) }
.cex-migrated-page.cex-static-site .nav .cx-menu-btn[aria-expanded="true"] .cx-menu-btn__icon span:nth-child(2) { opacity:0 }
.cex-migrated-page.cex-static-site .nav .cx-menu-btn[aria-expanded="true"] .cx-menu-btn__icon span:nth-child(3) { transform:translateY(-5.25px) rotate(-45deg) }

/* --------------------------------------------------------------------------
   15. FOOTER
   -------------------------------------------------------------------------- */
.footer__inner {
  display:flex;
  flex-wrap:wrap;
  gap:14px 32px;
  justify-content:space-between;
  align-items:center;
  font-size:0.8125rem;
}

/* --------------------------------------------------------------------------
   16. MOTION
   -------------------------------------------------------------------------- */
.reveal {
  opacity:1!important;
  transform:none!important;
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);
  visibility:visible!important;
}
.reveal.is-visible { opacity:1; transform:none }
.reveal.h-section { opacity:1!important; transform:none!important; visibility:visible!important }
.reveal.h-lead { opacity:1!important; transform:none!important; visibility:visible!important }
.reveal.benefit { opacity:1!important; transform:none!important; visibility:visible!important }
.reveal.faq-item { opacity:1!important; transform:none!important; visibility:visible!important }
.reveal.journey-step { opacity:1!important; transform:none!important; visibility:visible!important }
.reveal.outcomes__panel-inner { opacity:1!important; transform:none!important; visibility:visible!important }
.reveal.footer__brand-wrap { opacity:1!important; transform:none!important; visibility:visible!important }
.reveal.footer__col { opacity:1!important; transform:none!important; visibility:visible!important }
.reveal.eyebrow__bar { width:24px!important }
@keyframes cx-nav-enter { from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: translateY(0); } }


/* ==========================================================================
   17. RESPONSIVE — min-width first, then max-width descending.
   The mobile block is LAST so it wins on source order.
   ========================================================================== */

@media (min-width: 921px) {
  .cex-migrated-page.cex-static-site .nav__inner { height:68px; min-height:0; transition:height 320ms cubic-bezier(0.4, 0, 0.2, 1) }
  .cex-migrated-page.cex-static-site .nav.is-scrolled .nav__inner { height:58px }
}

@media (min-width:921px) {
  
  
  
  
  
  body.cex-migrated-page .method {
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;
    border:1px solid var(--line-on-dark)!important;
    border-bottom:0!important;
  }
  body.cex-migrated-page .method-step {
    min-width:0;
    padding:22px 14px;
    border:0!important;
    border-right:1px solid var(--line-on-dark)!important;
    border-bottom:1px solid var(--line-on-dark)!important;
  }
  body.cex-migrated-page .method-step__title { font-size:.98rem }
  body.cex-migrated-page .method-step__body { font-size:.78rem; line-height:1.5 }
  /* siehe oben: kein Sonderfall fuer die letzte Karte */
}

@media(min-width:880px) {
  .cx-trust__grid { grid-template-columns:1.05fr 1fr; gap:64px; align-items:start }
}

@media(min-width:600px) {
  .cards:has(>:last-child:nth-child(4)) { grid-template-columns:repeat(2,1fr)!important }
  .problem-grid:has(>:last-child:nth-child(4)) { grid-template-columns:repeat(2,1fr)!important }
  .services-grid:has(>:last-child:nth-child(4)) { grid-template-columns:repeat(2,1fr)!important }
  .diff-list:has(>:last-child:nth-child(4)) { grid-template-columns:repeat(2,1fr)!important }
  .uses-grid:has(>:last-child:nth-child(4)) { grid-template-columns:repeat(2,1fr)!important }
  .industries:has(>:last-child:nth-child(4)) { grid-template-columns:repeat(2,1fr)!important }
  .compliance-block:has(>:last-child:nth-child(4)) { grid-template-columns:repeat(2,1fr)!important }
}

@media (max-width: 1199px) {
  .cex-migrated-page.cex-static-site .nav .cx-menu-btn {
    width:44px;
    padding:0;
    gap:0;
    justify-content:center;
  }
}

@media (max-width: 980px) {
  .nav__desktop-cta { display:none }
}



@media (max-width: 920px) {
  .cex-migrated-page.cex-static-site .nav .nav__cta {
    width:44px;
    padding:0;
    gap:0;
    justify-content:center;
  }
  .cex-migrated-page.cex-static-site .nav .nav__cta .btn__icon {
    width:100%;
    height:100%;
    border-radius:0;
    background:transparent;
    color:var(--cx-surface);
  }
  .cex-migrated-page.cex-static-site .nav .nav__cta:hover .btn__icon { background:transparent; color:var(--cx-charcoal); transform:none }
  .cex-migrated-page.cex-static-site .nav .nav__cta:focus-visible .btn__icon { background:transparent; color:var(--cx-charcoal); transform:none }
  .cex-migrated-page.cex-static-site .nav .nav__cta .btn__icon svg { width:15px; height:15px }
}

@media (max-width:920px) {
  body.cex-migrated-page .method { border:0!important }
  body.cex-migrated-page .method-step { border:1px solid var(--line-on-dark)!important }
}

@media (max-width: 880px) {
  .cx-drawer__inner { grid-template-columns:1fr; gap:24px; padding:20px var(--container-px, clamp(24px,5vw,88px)) 28px }
  .cx-drawer__section--mobile { display:flex; flex-direction:column; gap:6px }
  .cx-drawer__footer { padding:18px 20px }
  .cx-drawer__footer-p { display:none }
}

@media (max-width: 820px) {
  h1 {
    text-align:center;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
  }
  h2 {
    text-align:center;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
  }
  h3 {
    text-align:center;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
  }
  
  
  
  
  [class*="card"] { text-align:center }
  [class*="card"] p { text-align:center }
  [class*="card"] li { text-align:center }
  footer { text-align:center }
  .footer { text-align:center }
  .footer__inner { text-align:center }
  footer p { text-align:center }
  footer li { text-align:center }
  .cx-form {
    text-align:center;
    width:100%!important;
    max-width:100%!important;
    min-width:0;
    box-sizing:border-box;
  }
  .cx-form__eyebrow { text-align:center }
  .cx-form__h { text-align:center }
  .cx-form__row { text-align:center }
  .cx-form__hint { text-align:center }
  form { text-align:center }
  form p { text-align:center }
  form label { text-align:center }
  .method { text-align:center; grid-template-columns:1fr!important }
  .method-steps { text-align:center; grid-template-columns:1fr!important }
  .method-step { text-align:center }
  .method-step__body { text-align:center }
  .method-step__title { text-align:center }
  .method-step__when {
    text-align:center;
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
  }
  .diff-item {
    text-align:center;
    grid-template-columns:1fr!important;
    justify-items:center;
    gap:14px;
  }
  .use-card { text-align:center }
  .industry-card { text-align:center }
  .compliance-item { text-align:center }
  .bv-phase { text-align:center }
  .step-card { text-align:center }
  .method-step__num {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .service-card__num {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .problem-card__num {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .diff-item__num {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .use-card__tag {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .bv-phase-num {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .bv-phase-range {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .ph-tag {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .svc-tag {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .ws-tag {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .ph-tag-wrap { justify-content:center!important }
  .problem-grid { grid-template-columns:1fr!important }
  .services-grid { grid-template-columns:1fr!important }
  .uses-grid { grid-template-columns:1fr!important }
  .industries { grid-template-columns:1fr!important }
  .diff-list { grid-template-columns:1fr!important }
  .compliance-block { grid-template-columns:1fr!important }
  .diff-item > div:not(.diff-item__num) { text-align:center }
  .h-section {
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
  }
  .cx-proof__h {
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
  }
  
  .section__head {
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
  }
  .cx-trust__creds {
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:1fr!important;
    text-align:center;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-items:center;
  }
  .cx-trust__creds li {
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
    text-align:center;
  }
  .cx-trust__creds b {
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
    text-align:center;
  }
  .cx-trust { text-align:center }
  .cx-trust__grid {
    text-align:center;
    width:100%!important;
    max-width:100%!important;
    min-width:0;
    box-sizing:border-box;
  }
  .cx-trust__col {
    text-align:center;
    width:100%!important;
    max-width:100%!important;
    min-width:0;
    box-sizing:border-box;
  }
  .cx-trust__eyebrow { text-align:center }
  .cx-trust__h { text-align:center }
  .cx-trust__lead { text-align:center; margin-left:auto!important; margin-right:auto!important }
  .cx-trust__byline { text-align:center; margin-left:auto!important; margin-right:auto!important }
  .tree-major-summary b { white-space:normal!important; overflow-wrap:anywhere }
  .tree-branch-summary b { white-space:normal!important; overflow-wrap:anywhere }
  .tree-actions { margin-left:0!important; justify-content:center; flex-wrap:wrap }
  .eyebrow {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  [class*="__eyebrow"] {
    display:flex!important;
    width:fit-content;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  
  .final-cta__inner {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  
  
  html { max-width:100%; overflow-x:hidden }
  body { max-width:100%; overflow-x:hidden }
  
  
  
  
  
  
  
  
  .faq {
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .faq__item {
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .faq__item summary {
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .faq__answer {
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .cx-form__consent { justify-content:center }
  form input { margin-left:auto; margin-right:auto }
  form textarea { margin-left:auto; margin-right:auto }
  form select { margin-left:auto; margin-right:auto }
  .cx-form__row input { margin-left:auto; margin-right:auto }
  .cx-form__row textarea { margin-left:auto; margin-right:auto }
  .cx-form__row select { margin-left:auto; margin-right:auto }
}

@media (max-width:720px) {
  
  .h-section { font-size:clamp(1.625rem,7vw,2.25rem) }
}

@media (max-width: 560px) {
  .cx-menu-btn { padding:8px 10px }
}

@media(max-width:560px) {
  .cx-trust__founders { justify-content:center }
  .cx-trust__founders figure { max-width:170px }
  .cx-trust__founders img { width:170px; height:170px }
}

@media (max-width: 540px) {
  .cx-menu-btn { padding:8px 10px }
}