:root {
  --ct-page-bg: #f4f7fb;
  --ct-surface: #ffffff;
  --ct-surface-alt: #eef3f8;
  --ct-surface-dark: #0f1728;
  --ct-surface-dark-2: #16243a;
  --ct-ink-900: #102038;
  --ct-ink-700: #42516a;
  --ct-ink-600: #54647d;
  --ct-ink-500: #66758d;
  --ct-line: rgba(16, 32, 56, 0.12);
  --ct-line-strong: rgba(16, 32, 56, 0.18);
  --ct-accent: #14c8b5;
  --ct-accent-strong: #0d9f92;
  --ct-accent-soft: rgba(20, 200, 181, 0.12);
  --ct-shadow-soft: 0 18px 52px rgba(12, 23, 43, 0.08);
  --ct-shadow-card: 0 18px 38px rgba(12, 23, 43, 0.06);
  --ct-shadow-strong: 0 24px 72px rgba(6, 17, 34, 0.18);
  --ct-radius-lg: 28px;
  --ct-radius-md: 20px;
  --ct-radius-sm: 14px;
  --ct-container: min(1200px, calc(100vw - 48px));
  --ct-copy: min(760px, 100%);
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: "Fraunces", Georgia, "Times New Roman", serif;

  /* Typography tokens */
  --font-size-nav: 1rem;
  --font-size-body-lg: 1.25rem;
  --font-size-body: 1.125rem;
  --font-size-body-sm: 1rem;
  --font-size-label: 0.875rem;
  --font-size-h1-hero: 3.5rem;
  --font-size-h1: 3rem;
  --font-size-h2: 2.25rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.375rem;
  --font-size-footer-heading: 1rem;
  --font-size-footer-link: 0.9375rem;
  --font-size-legal: 0.875rem;

  --line-height-tight: 1.14;
  --line-height-heading: 1.22;
  --line-height-body: 1.6667;
  --line-height-body-sm: 1.625;
  --line-height-label: 1.4286;

  /* Spacing tokens */
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 6rem;

  --container-max: 1200px;
  --content-max: 760px;
  --header-height: 80px;
  --section-y: var(--space-80);
  --section-y-lg: var(--space-96);
  --card-padding: var(--space-32);
  --card-padding-tight: var(--space-24);
  --grid-gap: var(--space-24);
}

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 28%),
    linear-gradient(180deg, #f7f9fc 0%, #f2f6fb 100%);
  color: var(--ct-ink-900);
  text-rendering: optimizeLegibility;
}

body,
.brx-body {
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

.brxe-section,
.brxe-container,
.brxe-block {
  color: var(--ct-ink-900);
}

.brxe-text-basic,
.brxe-text,
.brxe-heading {
  max-width: 100%;
}

.brxe-text-basic,
.brxe-text,
.brxe-text-basic p,
.brxe-text p,
.brxe-heading,
.brxe-heading a,
.brxe-text-basic a {
  color: inherit;
}

p,
li {
  color: var(--ct-ink-700);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

h1,
.brxe-heading h1 {
  font-size: var(--font-size-h1);
  line-height: calc(56 / 48);
  letter-spacing: -0.04em;
}

h2,
.brxe-heading h2 {
  font-size: var(--font-size-h2);
  line-height: calc(44 / 36);
  letter-spacing: -0.03em;
}

h3,
.brxe-heading h3 {
  font-size: var(--font-size-h3);
  line-height: calc(36 / 28);
  letter-spacing: -0.025em;
}

h4,
.brxe-heading h4 {
  font-size: var(--font-size-h4);
  line-height: calc(30 / 22);
  letter-spacing: -0.02em;
}

.brxe-button {
  border-radius: 999px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  box-shadow: none;
}

.ct-page-hero h1,
.ct-page-hero .brxe-heading h1 {
  font-size: var(--font-size-h1-hero);
  line-height: calc(64 / 56);
  letter-spacing: -0.045em;
}

.ct-page-hero {
  position: relative;
  overflow: hidden;
}

.ct-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(20, 200, 181, 0.18), transparent 28%),
    radial-gradient(circle at 85% 10%, rgba(74, 134, 255, 0.15), transparent 22%),
    linear-gradient(135deg, #0f1730 0%, #13233e 55%, #182f4d 100%);
  pointer-events: none;
}

.ct-page-hero > .brxe-container,
.ct-page-hero > .ct-shell {
  position: relative;
  z-index: 1;
}

.ct-surface-light,
.ct-card,
.ct-team-card,
.ct-faq-card,
.ct-calendly-shell,
.ct-metric-card,
.ct-usecase-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(16, 32, 56, 0.1);
  box-shadow: var(--ct-shadow-card);
  backdrop-filter: blur(12px);
}

.ct-surface-light,
.ct-card,
.ct-team-card,
.ct-faq-card,
.ct-calendly-shell,
.ct-metric-card,
.ct-usecase-card,
.ct-surface-light *,
.ct-card *,
.ct-team-card *,
.ct-faq-card *,
.ct-calendly-shell *,
.ct-metric-card *,
.ct-usecase-card * {
  color: var(--ct-ink-900);
}

.ct-surface-light p,
.ct-card p,
.ct-team-card p,
.ct-faq-card p,
.ct-calendly-shell p,
.ct-metric-card p,
.ct-usecase-card p,
.ct-surface-light li,
.ct-card li,
.ct-team-card li,
.ct-faq-card li,
.ct-calendly-shell li,
.ct-metric-card li,
.ct-usecase-card li {
  color: var(--ct-ink-700);
}

.ct-surface-dark {
  background: linear-gradient(180deg, var(--ct-surface-dark) 0%, var(--ct-surface-dark-2) 100%);
  color: rgba(255, 255, 255, 0.94);
}

.ct-surface-dark *,
.ct-surface-dark .brxe-text-basic,
.ct-surface-dark .brxe-text,
.ct-surface-dark .brxe-heading {
  color: inherit;
}

.ct-surface-dark p,
.ct-surface-dark li {
  color: rgba(255, 255, 255, 0.76);
}

.ct-shell {
  width: var(--ct-container);
  margin-inline: auto;
}

.ct-site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  padding: var(--space-24) 0 var(--space-12);
}

.ct-block-header > .brxe-container {
  max-width: 1072px !important;
}

.ct-site-header__inner {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  min-height: var(--header-height);
  gap: var(--space-24);
  padding: 15px 15px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.ct-site-header__inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  left: 15px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: 0 20px 50px rgba(12, 23, 43, 0.08);
  backdrop-filter: blur(18px);
  pointer-events: none;
  z-index: 0;
}

.ct-site-header__inner > * {
  position: relative;
  z-index: 1;
}

.ct-site-brand {
  color: var(--ct-ink-900);
  font-family: var(--font-display);
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.ct-site-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(0.875rem, 1.5vw, 1.25rem);
  min-width: 0;
}

.ct-site-nav a,
.ct-site-lang {
  position: relative;
  color: var(--ct-ink-700);
  font-size: var(--font-size-nav);
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: color 180ms ease;
}

.ct-site-nav a::after,
.ct-site-lang::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ct-accent), rgba(20, 200, 181, 0));
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: transform 180ms ease, opacity 180ms ease;
}

.ct-site-nav a:hover,
.ct-site-lang:hover {
  color: var(--ct-ink-900);
}

.ct-site-nav a:hover::after,
.ct-site-lang:hover::after {
  transform: scaleX(1);
  opacity: 1;
}

.ct-site-nav a.ct-site-nav__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 var(--space-16);
  border-radius: 999px;
  background: rgba(20, 200, 181, 0.12);
  border: 1px solid rgba(20, 200, 181, 0.28);
  color: var(--ct-accent-strong);
  font-weight: 600;
}

.ct-site-nav a.ct-site-nav__cta::after {
  display: none;
}

.ct-site-nav a.ct-site-nav__cta:hover {
  background: rgba(20, 200, 181, 0.18);
  color: #0a7f75;
}

.ct-site-lang {
  display: none;
}

@media (min-width: 1024px) {
  #brx-header .brxe-container {
    width: min(calc(100vw - 48px), 1072px);
    max-width: 1072px;
    margin-left: auto;
    margin-right: auto;
  }

  .ct-site-header__inner {
    padding: 15px 18px 15px 30px;
  }
}

.ct-site-footer {
  display: grid;
  gap: 0;
  padding: var(--space-64) var(--space-32) var(--space-48);
  border-radius: var(--ct-radius-lg);
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--ct-line);
  box-shadow: var(--ct-shadow-card);
  backdrop-filter: blur(12px);
}

.ct-site-footer__grid {
  display: grid;
  grid-template-columns: 1.7fr repeat(4, minmax(0, 1fr));
  gap: var(--space-32);
}

.ct-site-footer .ct-card-meta {
  font-size: var(--font-size-label);
  line-height: var(--line-height-label);
  letter-spacing: 0.14em;
}

.ct-site-footer__brand h2 {
  margin-bottom: var(--space-16);
  color: var(--ct-ink-900);
  font-size: 1.75rem;
  line-height: 1.22;
  letter-spacing: -0.028em;
  font-weight: 600;
}

.ct-site-footer__brand p {
  max-width: 420px;
  color: var(--ct-ink-700);
  font-size: var(--font-size-body-sm);
  line-height: var(--line-height-body-sm);
}

.ct-site-footer__meta {
  display: flex;
  justify-content: space-between;
  gap: var(--space-24);
  flex-wrap: wrap;
  color: var(--ct-ink-500);
  font-size: var(--font-size-legal);
  line-height: var(--line-height-label);
}

.ct-site-footer--compact {
  gap: 24px;
  padding: 28px 32px 24px;
}

.ct-footer-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px 24px;
  align-items: center;
  padding: 22px 24px;
  border-radius: 24px;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background:
    radial-gradient(circle at top right, rgba(20, 200, 181, 0.12), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 249, 253, 0.96) 100%);
  box-shadow: 0 20px 44px rgba(12, 23, 43, 0.06);
}

.ct-footer-band__copy {
  display: grid;
  gap: 10px;
  max-width: 50ch;
}

.ct-footer-band__copy h2 {
  margin: 0;
  color: var(--ct-ink-900);
  font-size: clamp(1.42rem, 1.75vw, 1.8rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.ct-footer-band__copy p {
  margin: 0;
  color: var(--ct-ink-700);
  font-size: 0.92rem;
  line-height: 1.55;
}

.ct-footer-band__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.ct-footer-band .ct-btn-primary,
.ct-footer-band .ct-btn-secondary {
  min-height: 42px;
  padding: 0 16px;
  font-size: 0.9rem;
}

.ct-footer-band .ct-btn-secondary {
  background: #ffffff;
  border: 1px solid rgba(16, 32, 56, 0.12);
  color: var(--ct-ink-900);
}

.ct-footer-band .ct-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.86);
  color: var(--ct-ink-900);
}

.ct-footer-main {
  display: grid;
  grid-template-columns: minmax(220px, 270px) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.ct-footer-brand {
  display: grid;
  gap: 12px;
}

.ct-footer-brand h3 {
  margin: 0;
  color: var(--ct-ink-900);
  font-size: 1.16rem;
  line-height: 1.14;
  letter-spacing: -0.028em;
}

.ct-footer-brand p,
.ct-footer-brand strong {
  margin: 0;
}

.ct-footer-brand p {
  color: var(--ct-ink-700);
  font-size: 0.86rem;
  line-height: 1.56;
}

.ct-footer-brand strong {
  color: var(--ct-ink-500);
  font-size: 0.76rem;
  line-height: var(--line-height-label);
  font-weight: 500;
}

.ct-footer-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(110px, 1fr));
  gap: 14px 22px;
}

.ct-footer-column {
  display: grid;
  align-content: start;
  gap: 10px;
}

.ct-footer-column .ct-card-meta {
  margin-bottom: 0;
  font-size: 0.68rem;
}

.ct-footer-column .ct-footer-link-list {
  gap: 8px;
  align-content: start;
}

.ct-footer-column .ct-footer-link-list a {
  font-size: 0.86rem;
  line-height: 1.4;
}

.ct-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(16, 32, 56, 0.08);
}

.ct-footer-bottom span {
  color: var(--ct-ink-500);
  font-size: 0.74rem;
  line-height: var(--line-height-label);
}

.ct-kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--space-12);
  margin-bottom: var(--space-12);
  font-size: var(--font-size-label);
  line-height: var(--line-height-label);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ct-accent);
}

.ct-kicker::before {
  content: "";
  width: 24px;
  height: 1px;
  background: currentColor;
  opacity: 0.7;
}

.ct-hero-copy {
  max-width: var(--content-max);
}

.ct-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
  gap: var(--space-48);
  align-items: center;
}

.ct-hero-copy p,
.ct-hero-copy .brxe-text-basic {
  font-size: var(--font-size-body-lg);
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.76);
}

.ct-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
  margin-top: var(--space-32);
}

.ct-proof-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12);
  margin-top: var(--space-24);
}

.ct-roi-banner {
  display: grid;
  gap: var(--space-16);
  margin-top: var(--space-32);
  padding: var(--space-24);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 18px 42px rgba(5, 12, 25, 0.12);
}

.ct-roi-banner p {
  margin: 0;
  max-width: 62ch;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  color: rgba(255, 255, 255, 0.82);
}

.ct-roi-banner strong {
  color: #ffffff;
}

.ct-proof-item {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 var(--space-16);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.84);
  font-size: var(--font-size-body-sm);
  line-height: 1.2;
}

.ct-btn-primary,
.ct-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 var(--space-24);
  border-radius: 999px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.ct-btn-primary {
  background: var(--ct-accent);
  border: 1px solid var(--ct-accent);
  color: #072226;
  box-shadow: 0 16px 36px rgba(20, 200, 181, 0.26);
}

.ct-btn-primary:hover {
  transform: translateY(-2px);
  background: #4fe3d4;
}

.ct-btn-secondary {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.ct-btn-secondary:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.14);
}

.ct-control-panel {
  position: relative;
  min-height: 420px;
  padding: var(--card-padding);
  border-radius: var(--ct-radius-lg);
  background:
    linear-gradient(180deg, rgba(20, 31, 56, 0.92) 0%, rgba(15, 22, 41, 0.96) 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: var(--ct-shadow-strong);
  overflow: hidden;
}

.ct-control-panel::before,
.ct-control-panel::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  filter: blur(20px);
}

.ct-control-panel::before {
  width: 220px;
  height: 220px;
  top: -60px;
  right: -50px;
  background: rgba(20, 200, 181, 0.16);
}

.ct-control-panel::after {
  width: 180px;
  height: 180px;
  bottom: -40px;
  left: -30px;
  background: rgba(74, 134, 255, 0.18);
}

.ct-control-stack {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-16);
}

.ct-control-chip,
.ct-control-node {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.92);
}

.ct-control-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-12);
  width: fit-content;
  padding: var(--space-12) var(--space-16);
  font-size: var(--font-size-label);
  line-height: var(--line-height-label);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.ct-control-node {
  display: grid;
  gap: var(--space-8);
  padding: var(--space-24);
}

.ct-control-node strong,
.ct-control-node span {
  color: inherit;
}

.ct-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-24);
  margin-top: var(--space-24);
}

.ct-section {
  padding: var(--section-y) 0;
}

.ct-section-lg,
.ct-block-hero,
.ct-block-cta {
  padding-top: var(--section-y-lg);
  padding-bottom: var(--section-y-lg);
}

.ct-section-content,
.ct-block-problem,
.ct-block-capabilities,
.ct-block-metrics,
.ct-block-services,
.ct-block-process,
.ct-block-why,
.ct-block-cards,
.ct-block-benefits,
.ct-block-delivery,
.ct-block-pillars,
.ct-block-tasks,
.ct-block-examples,
.ct-block-mission,
.ct-block-team,
.ct-block-principles,
.ct-block-kontakt-neu,
.ct-block-faq {
  padding-top: var(--section-y);
  padding-bottom: var(--section-y);
}

.ct-section-case-studies,
.ct-block-use-cases {
  padding-top: var(--section-y);
  padding-bottom: var(--section-y-lg);
}

.ct-section-knowledge-hub,
.ct-block-blog,
.ct-block-wissen {
  padding-top: var(--section-y-lg);
  padding-bottom: var(--section-y);
}

.ct-block-header.ct-section-tight {
  padding: 16px 0 10px;
}

.ct-block-footer.ct-section-tight {
  padding: 40px 0 28px;
}

.ct-section-tight {
  padding: var(--space-64) 0;
}

.ct-section-head {
  display: grid;
  gap: var(--space-24);
  margin-bottom: var(--space-32);
  max-width: 760px;
}

.ct-section-head p {
  font-size: var(--font-size-body-lg);
  line-height: 1.6;
}

.ct-grid-2,
.ct-grid-3,
.ct-grid-4 {
  display: grid;
  gap: var(--grid-gap);
}

.ct-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ct-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ct-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ct-card,
.ct-team-card,
.ct-usecase-card,
.ct-metric-card,
.ct-faq-card {
  border-radius: var(--ct-radius-md);
  padding: var(--card-padding);
}

.ct-card p,
.ct-metric-card p,
.ct-usecase-card p,
.ct-team-card p,
.ct-process-card p,
.ct-calendly-shell p,
.ct-faq-answer p {
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

.ct-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-24);
}

.ct-process-card {
  display: grid;
  gap: var(--space-16);
}

.ct-process-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: var(--ct-accent-soft);
  color: var(--ct-accent-strong);
  font-size: var(--font-size-body-sm);
  font-weight: 700;
}

.ct-dual-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: var(--space-32);
  align-items: start;
}

.ct-dual-panel--booking {
  grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);
  gap: 30px;
}

.ct-cta-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-24);
  align-items: center;
  padding: var(--card-padding);
  border-radius: var(--ct-radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.03) 100%);
}

.ct-cta-band p {
  max-width: 620px;
}

.ct-block-cta.ct-surface-dark {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 52%, rgba(20, 200, 181, 0.16), transparent 24%),
    linear-gradient(180deg, var(--ct-surface-dark) 0%, var(--ct-surface-dark-2) 100%) !important;
}

.ct-block-cta.ct-surface-dark .ct-cta-band {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
}

.ct-block-cta.ct-surface-dark .ct-kicker,
.ct-block-cta.ct-surface-dark h2 {
  color: #ffffff;
}

.ct-block-cta.ct-surface-dark p {
  color: rgba(255, 255, 255, 0.78);
}

.ct-block-cta.ct-surface-dark .ct-hero-actions {
  justify-content: flex-end;
}

.ct-card h3,
.ct-team-card h3,
.ct-usecase-card h3,
.ct-metric-card h3 {
  margin: 0 0 var(--space-12);
}

.ct-card p:last-child,
.ct-team-card p:last-child,
.ct-usecase-card p:last-child,
.ct-metric-card p:last-child,
.ct-faq-card p:last-child {
  margin-bottom: 0;
}

.ct-roi-section {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: var(--space-32);
  align-items: stretch;
}

.ct-roi-section__copy,
.ct-roi-section__panel {
  padding: var(--card-padding);
  border-radius: 28px;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--ct-shadow-card);
}

.ct-roi-section__copy {
  display: grid;
  gap: var(--space-24);
}

.ct-roi-section__copy p,
.ct-roi-section__panel p {
  margin: 0;
}

.ct-roi-points {
  display: grid;
  gap: var(--space-12);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ct-roi-points li {
  position: relative;
  padding-left: var(--space-24);
  color: var(--ct-ink-700);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

.ct-roi-points li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--ct-accent);
  box-shadow: 0 0 0 4px rgba(20, 200, 181, 0.14);
}

.ct-roi-section__panel {
  display: grid;
  align-content: start;
  gap: var(--space-16);
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.12), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 248, 255, 0.96) 100%);
}

.ct-roi-section__panel h3 {
  margin: 0;
}

.ct-roi-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
  gap: var(--space-32);
  align-items: end;
}

.ct-roi-hero__copy {
  max-width: 760px;
}

.ct-roi-hero__copy p {
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--font-size-body-lg);
  line-height: 1.6;
}

.ct-roi-hero__panel {
  display: grid;
  gap: 1.25rem;
  padding: var(--card-padding);
  border-radius: var(--ct-radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04));
  box-shadow: 0 20px 44px rgba(4, 12, 26, 0.18);
}

.ct-roi-hero__panel h3,
.ct-roi-hero__panel p {
  margin: 0;
}

.ct-roi-hero__panel h3 {
  color: #ffffff;
}

.ct-roi-hero__panel p {
  color: rgba(255, 255, 255, 0.76);
}

.ct-roi-checklist {
  display: grid;
  gap: var(--space-12);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ct-roi-checklist li {
  position: relative;
  margin: 0;
  padding-left: var(--space-24);
  color: rgba(255, 255, 255, 0.84);
  font-size: var(--font-size-body-sm);
  line-height: var(--line-height-body-sm);
}

.ct-roi-checklist li::before {
  content: "";
  position: absolute;
  top: 0.68em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--ct-accent);
  box-shadow: 0 0 0 4px rgba(20, 200, 181, 0.16);
}

.ct-roi-tool {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(320px, 0.94fr);
  gap: var(--space-32);
  align-items: start;
}

.ct-roi-tool__form,
.ct-roi-tool__results {
  border-radius: var(--ct-radius-lg);
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--ct-shadow-card);
}

.ct-roi-tool__form {
  display: grid;
  gap: var(--space-24);
  padding: var(--card-padding);
}

.ct-roi-tool__intro {
  display: grid;
  gap: var(--space-8);
}

.ct-roi-tool__intro h3,
.ct-roi-tool__intro p {
  margin: 0;
}

.ct-roi-tool__results {
  position: sticky;
  top: calc(var(--header-height) + var(--space-32));
  overflow: hidden;
  display: grid;
  gap: var(--space-24);
  padding: var(--card-padding);
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.1), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.96) 100%);
}

.ct-roi-tool__results::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at top right, rgba(20, 200, 181, 0.1), transparent 30%);
  opacity: 0.75;
  pointer-events: none;
}

.ct-roi-tool__results > * {
  position: relative;
  z-index: 1;
}

.ct-roi-field {
  display: grid;
  gap: var(--space-12);
}

.ct-roi-field label {
  color: var(--ct-ink-900);
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
}

.ct-roi-field__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-16);
}

.ct-roi-range-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 68px;
  min-height: 34px;
  padding: 0 var(--space-12);
  border-radius: 999px;
  background: rgba(20, 200, 181, 0.12);
  color: var(--ct-accent-strong);
  font-size: 0.9375rem;
  line-height: 1;
  font-weight: 700;
}

.ct-roi-field__hint {
  margin: 0;
  color: var(--ct-ink-500);
  font-size: var(--font-size-body-sm);
  line-height: var(--line-height-body-sm);
}

.ct-roi-input,
.ct-roi-range {
  width: 100%;
}

.ct-roi-input {
  min-height: 54px;
  padding: 0 var(--space-16);
  border: 1px solid rgba(16, 32, 56, 0.12);
  border-radius: 16px;
  background: #ffffff;
  color: var(--ct-ink-900);
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.ct-roi-input:focus {
  outline: none;
  border-color: rgba(20, 200, 181, 0.52);
  box-shadow: 0 0 0 4px rgba(20, 200, 181, 0.12);
}

.ct-roi-range {
  appearance: none;
  -webkit-appearance: none;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(20, 200, 181, 0.92), rgba(20, 200, 181, 0.42));
  border: 0;
  outline: none;
}

.ct-roi-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #ffffff;
  border: 2px solid var(--ct-accent-strong);
  box-shadow: 0 6px 18px rgba(13, 159, 146, 0.24);
  cursor: pointer;
}

.ct-roi-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #ffffff;
  border: 2px solid var(--ct-accent-strong);
  box-shadow: 0 6px 18px rgba(13, 159, 146, 0.24);
  cursor: pointer;
}

.ct-roi-result-list {
  display: grid;
  gap: var(--space-12);
}

.ct-roi-result-row {
  display: flex;
  justify-content: space-between;
  gap: var(--space-16);
  padding-bottom: var(--space-12);
  border-bottom: 1px solid rgba(16, 32, 56, 0.08);
}

.ct-roi-result-row span {
  color: var(--ct-ink-700);
  font-size: 0.9375rem;
  line-height: 1.5;
}

.ct-roi-result-row strong {
  color: var(--ct-ink-900);
  font-size: 1.0625rem;
  line-height: 1.45;
  font-weight: 700;
  text-align: right;
}

.ct-roi-result-row--accent strong {
  color: var(--ct-accent-strong);
}

.result-value {
  transition: transform 220ms ease, color 220ms ease, text-shadow 220ms ease, opacity 220ms ease;
}

.result-value.green {
  color: var(--ct-accent-strong);
}

.result-value.blue {
  color: #2e66f2;
}

.result-value.is-negative {
  color: #d96b6b;
}

.ct-roi-highlight {
  display: grid;
  gap: var(--space-8);
  padding: var(--space-24);
  border-radius: 24px;
  background: linear-gradient(135deg, #0f1728 0%, #16243a 100%);
  color: #ffffff;
}

.ct-roi-highlight p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
}

.ct-roi-highlight__value {
  font-family: var(--font-display);
  font-size: clamp(2.75rem, 6vw, 4.5rem);
  line-height: 0.95;
  letter-spacing: -0.05em;
  color: var(--ct-accent);
}

.ct-roi-highlight__value.is-negative,
.ct-roi-result-row strong.is-negative {
  color: #d96b6b;
}

.ct-roi-impact-meter {
  position: relative;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
}

.ct-roi-impact-meter span {
  display: block;
  width: 35%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #14c8b5 0%, #74f1e4 100%);
  box-shadow: 0 0 24px rgba(20, 200, 181, 0.35);
  transition: width 260ms ease, background 220ms ease, box-shadow 220ms ease;
}

.ct-roi-tool__results.is-negative .ct-roi-impact-meter span {
  background: linear-gradient(90deg, #d96b6b 0%, #f3a0a0 100%);
  box-shadow: 0 0 24px rgba(217, 107, 107, 0.28);
}

.ct-roi-results__actions {
  display: grid;
  gap: var(--space-16);
}

.ct-roi-disclaimer {
  display: grid;
  gap: var(--space-12);
  margin-top: var(--space-32);
  padding: var(--space-24);
  border-left: 4px solid rgba(20, 200, 181, 0.72);
  border-radius: 0 20px 20px 0;
  background: rgba(20, 200, 181, 0.08);
}

.ct-roi-disclaimer strong,
.ct-roi-disclaimer p {
  margin: 0;
}

.ct-roi-capture-anchor {
  min-height: 1px;
  margin-top: var(--space-24);
}

.ct-roi-method-grid {
  align-items: stretch;
}

.ct-roi-method-card {
  gap: var(--space-12);
}

.ct-roi-tool__results.is-updating .result-value,
.ct-roi-tool__results.is-updating .ct-roi-highlight__value {
  transform: translateY(-2px) scale(1.015);
  text-shadow: 0 0 18px rgba(20, 200, 181, 0.18);
}

.ct-card-meta {
  margin-bottom: var(--space-12);
  font-size: var(--font-size-label);
  line-height: var(--line-height-label);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ct-accent-strong);
}

.ct-metric-value {
  font-family: var(--font-display);
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -0.05em;
}

.ct-team-card {
  display: grid;
  gap: var(--space-24);
  padding: 0;
  overflow: hidden;
}

.ct-team-card img {
  width: 100%;
  aspect-ratio: 4 / 4.2;
  object-fit: cover;
  display: block;
}

.ct-team-card-body {
  display: grid;
  gap: var(--space-12);
  padding: var(--space-24);
}

.ct-team-role {
  font-size: var(--font-size-label);
  line-height: var(--line-height-label);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ct-accent-strong);
}

.ct-inline-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  color: var(--ct-ink-900);
  text-decoration: none;
}

.ct-inline-link::after {
  content: "↗";
  font-size: 0.9em;
  opacity: 0.8;
}

.ct-inline-link:hover {
  color: var(--ct-accent-strong);
}

.ct-faq-list {
  display: grid;
  gap: var(--space-16);
}

.ct-faq-card {
  padding: 0;
  overflow: hidden;
}

.ct-faq-card summary {
  list-style: none;
  cursor: pointer;
  padding: var(--space-24);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-weight: 600;
  color: var(--ct-ink-900);
}

.ct-faq-card summary::-webkit-details-marker {
  display: none;
}

.ct-faq-card summary::after {
  content: "+";
  float: right;
  font-size: 1.1rem;
  color: var(--ct-accent-strong);
}

.ct-faq-card[open] summary::after {
  content: "−";
}

.ct-faq-card .ct-faq-answer {
  padding: 0 var(--space-24) var(--space-24);
}

.ct-calendly-shell {
  border-radius: var(--ct-radius-lg);
  overflow: hidden;
  padding: 8px;
}

.ct-calendly-shell iframe {
  width: 100%;
  height: 540px;
  min-height: 540px;
  border: 0;
  border-radius: calc(var(--ct-radius-lg) - 8px);
  background: #fff;
}

.ct-calendly-shell--booking {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  min-height: 340px;
}

.ct-calendly-shell--booking iframe {
  height: 420px;
  min-height: 420px;
}

#ct-calendly-inline,
.ct-calendly-shell--booking .calendly-inline-widget {
  width: 100%;
  min-width: 320px;
  min-height: 340px;
}

.ct-booking-copy {
  display: grid;
  gap: 18px;
  align-content: start;
}

.ct-booking-copy > p {
  max-width: 62ch;
}

.ct-booking-points {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ct-booking-points li {
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 30px rgba(16, 32, 56, 0.05);
}

.ct-booking-points strong {
  display: block;
  margin-bottom: 6px;
  font-size: 0.98rem;
  color: var(--ct-ink-900);
}

.ct-booking-points span {
  display: block;
  font-size: 0.93rem;
  line-height: 1.68;
  color: var(--ct-ink-700);
}

.ct-booking-meta {
  display: grid;
  gap: 8px;
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(94, 226, 202, 0.12);
  border: 1px solid rgba(94, 226, 202, 0.24);
}

.ct-booking-meta strong {
  font-size: 0.98rem;
  color: var(--ct-ink-900);
}

.ct-booking-meta p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.66;
}

.ct-booking-widget {
  display: grid;
  gap: 16px;
  align-content: start;
  width: 100%;
  max-width: 392px;
  margin-left: auto;
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 250, 255, 0.92) 100%);
  box-shadow: 0 24px 60px rgba(16, 32, 56, 0.1);
}

.ct-booking-widget,
.ct-booking-widget * {
  color: var(--ct-ink-900);
}

.ct-booking-widget h3 {
  margin: 0;
  font-size: clamp(1.5rem, 1.8vw, 1.9rem);
  line-height: 1.08;
  color: var(--ct-ink-900);
}

.ct-booking-widget p {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.68;
  color: var(--ct-ink-700);
}

.ct-booking-widget__actions {
  display: grid;
  gap: 12px;
}

.ct-booking-button {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: #ffffff;
  color: var(--ct-ink-900);
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(16, 32, 56, 0.05);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.ct-booking-button strong {
  display: block;
  font-size: 1rem;
  line-height: 1.3;
  color: var(--ct-ink-900);
}

.ct-booking-button span {
  display: block;
  font-size: 0.9rem;
  line-height: 1.62;
  color: var(--ct-ink-700);
}

.ct-booking-button:hover {
  transform: translateY(-2px);
  border-color: rgba(94, 226, 202, 0.55);
  box-shadow: 0 16px 36px rgba(16, 32, 56, 0.08);
}

.ct-booking-widget__hint {
  font-size: 0.84rem;
  line-height: 1.58;
  color: var(--ct-ink-600);
}

.ct-contact-page {
  display: grid;
  gap: var(--space-32);
}

.ct-contact-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: var(--space-32);
  align-items: start;
}

.ct-contact-intro__copy {
  display: grid;
  gap: var(--space-24);
}

.ct-contact-intro__copy > p {
  max-width: 66ch;
}

.ct-contact-intro__panel {
  display: grid;
  gap: var(--space-16);
  padding: var(--card-padding);
  border-radius: 28px;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.94) 100%);
  box-shadow: 0 24px 60px rgba(16, 32, 56, 0.08);
}

.ct-contact-intro__panel strong {
  font-size: var(--font-size-h4);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--ct-ink-900);
}

.ct-contact-intro__panel ul {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: var(--space-8);
}

.ct-contact-intro__panel li {
  font-size: var(--font-size-body-sm);
  line-height: var(--line-height-body-sm);
  color: var(--ct-ink-700);
}

.ct-contact-intro__note {
  display: grid;
  gap: var(--space-8);
  padding: var(--space-16);
  border-radius: 20px;
  background: rgba(94, 226, 202, 0.12);
  border: 1px solid rgba(94, 226, 202, 0.22);
}

.ct-contact-intro__note p {
  margin: 0;
  font-size: var(--font-size-body-sm);
  line-height: var(--line-height-body-sm);
  color: var(--ct-ink-700);
}

.ct-process-list {
  display: grid;
  gap: var(--space-16);
}

.ct-process-step {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: var(--space-20, var(--space-16));
  padding: 24px 26px;
  border-radius: 28px;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--ct-shadow-card);
}

.ct-process-step__index {
  align-self: start;
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 2.1vw, 2rem);
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--ct-accent-strong);
}

.ct-process-step__body {
  display: grid;
  gap: 6px;
}

.ct-process-step__body h3 {
  margin: 0;
  color: var(--ct-ink-900);
  font-size: var(--font-size-h4);
  line-height: 1.25;
}

.ct-process-step__body p {
  margin: 0;
  color: var(--ct-ink-700);
  font-size: var(--font-size-body-sm);
  line-height: 1.68;
}

.ct-contact-scheduler {
  display: grid;
  gap: var(--space-24);
  padding: var(--space-32);
  border-radius: 32px;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.96) 100%);
  box-shadow: 0 30px 72px rgba(16, 32, 56, 0.09);
}

.ct-contact-scheduler__head {
  display: grid;
  gap: var(--space-24);
  max-width: 72ch;
}

.ct-contact-scheduler__head h2 {
  margin: 0;
}

.ct-contact-scheduler__head p {
  margin: 0;
}

.ct-contact-scheduler__frame {
  position: relative;
  min-height: 680px;
  display: grid;
  align-items: center;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.ct-contact-scheduler__frame:has(iframe.cmplz-iframe:not([src]))::before {
  content: "Der eingebettete Kalender wird nach Freigabe von Marketing-Cookies geladen.";
  position: absolute;
  inset: 24px;
  display: grid;
  place-items: center;
  padding: 24px;
  border-radius: 22px;
  border: 1px dashed rgba(16, 32, 56, 0.12);
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.09), transparent 32%),
    linear-gradient(180deg, rgba(246, 250, 255, 0.94) 0%, rgba(255, 255, 255, 0.98) 100%);
  color: var(--ct-ink-700);
  font-size: var(--font-size-body-sm);
  line-height: 1.7;
  text-align: center;
  pointer-events: none;
}

.ct-contact-scheduler__frame iframe {
  display: block;
  width: 100%;
  min-width: 320px;
  height: 680px;
  border: 0;
  background: #ffffff;
}

.ct-contact-scheduler__note {
  margin: 0;
  font-size: var(--font-size-legal);
  line-height: var(--line-height-label);
  color: var(--ct-ink-600);
}

.ct-contact-scheduler__note a {
  color: var(--ct-accent-strong);
  text-decoration: none;
}

.ct-contact-scheduler__note a:hover {
  text-decoration: underline;
}

.ct-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
  margin: 28px 0;
}

.ct-footer-link-list,
.ct-link-list {
  display: grid;
  gap: var(--space-12);
}

.ct-footer-link-list a,
.ct-link-list a {
  color: var(--ct-ink-900);
  text-decoration: none;
  font-size: 0.92rem;
  line-height: 1.45;
}

.ct-footer-link-list a:hover,
.ct-link-list a:hover {
  color: var(--ct-accent);
}

body:is(.page-id-21, .page-id-22, .page-id-87, .page-id-89, .page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96, .page-id-220, .page-id-221, .page-id-222) {
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 24%),
    linear-gradient(180deg, #f7f9fc 0%, #f2f6fb 100%);
}

body:is(.page-id-21, .page-id-22, .page-id-87, .page-id-89, .page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96, .page-id-220, .page-id-221, .page-id-222) main#brx-content {
  display: grid;
  gap: var(--space-32);
  padding-bottom: var(--space-80);
}

.page-id-89 main#brx-content {
  display: grid;
  gap: var(--space-32);
  padding-bottom: var(--space-64);
}

.page-id-89 #brxe-qswfmw,
.page-id-89 #brxe-ymcd91,
.page-id-89 #brxe-xmc0d7,
.page-id-89 #brxe-j7d5zi,
.page-id-89 #brxe-g9vgoa {
  width: min(1240px, calc(100vw - 48px)) !important;
  margin-inline: auto;
  border-radius: 34px;
  overflow: hidden;
}

.page-id-89 #brxe-qswfmw {
  position: relative;
  padding: 108px 24px 92px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(20, 200, 181, 0.2), transparent 26%),
    radial-gradient(circle at 84% 12%, rgba(74, 134, 255, 0.16), transparent 18%),
    linear-gradient(135deg, #0f1730 0%, #13233e 58%, #1a3150 100%) !important;
  box-shadow: var(--ct-shadow-strong);
}

.page-id-89 #brxe-qswfmw::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 22%);
  pointer-events: none;
}

.page-id-89 #brxe-qswfmw > .brxe-container {
  position: relative;
  z-index: 1;
  max-width: 1040px !important;
  gap: 24px !important;
}

.page-id-89 #brxe-fhieyf,
.page-id-89 #brxe-wjzram,
.page-id-89 #brxe-t8c53u {
  color: var(--ct-accent) !important;
  letter-spacing: 0.16em !important;
}

.page-id-89 #brxe-vaqspl {
  max-width: 14ch;
  color: rgba(255, 255, 255, 0.98) !important;
  font-size: clamp(3.35rem, 5.4vw, 5.45rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.05em !important;
}

.page-id-89 #brxe-lmvgzw {
  max-width: 60ch !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: clamp(1.05rem, 0.7rem + 1vw, 1.28rem) !important;
  line-height: 1.72 !important;
}

.page-id-89 #brxe-l3dtqa,
.page-id-89 #brxe-nm12u7 {
  background: linear-gradient(180deg, var(--ct-accent) 0%, var(--ct-accent-strong) 100%) !important;
  border-radius: 999px !important;
  border: 0 !important;
  box-shadow: 0 16px 32px rgba(20, 200, 181, 0.24);
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  padding: 16px 28px !important;
}

.page-id-89 #brxe-l3dtqa:hover,
.page-id-89 #brxe-nm12u7:hover {
  filter: brightness(1.03);
  transform: translateY(-1px);
}

.page-id-89 #brxe-ymcd91,
.page-id-89 #brxe-j7d5zi {
  background: transparent !important;
  padding: 0 24px !important;
}

.page-id-89 #brxe-kim9gn,
.page-id-89 #brxe-7zt08f {
  max-width: 1040px !important;
  gap: 24px !important;
}

.page-id-89 #brxe-om0jvf,
.page-id-89 #brxe-3o69wp {
  gap: 14px !important;
}

.page-id-89 #brxe-xlmslc,
.page-id-89 #brxe-isqs6s,
.page-id-89 #brxe-ocbqpk {
  color: var(--ct-ink-900) !important;
  font-size: clamp(2.2rem, 3vw, 3.25rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
}

.page-id-89 #brxe-hu7o8u {
  max-width: 44ch;
  color: var(--ct-ink-700) !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
}

.page-id-89 #brxe-aphip7,
.page-id-89 #brxe-73zwlf,
.page-id-89 #brxe-i2ib61,
.page-id-89 #brxe-ex78z5,
.page-id-89 #brxe-hemgdo,
.page-id-89 #brxe-sbsfoz,
.page-id-89 #brxe-fgo781 {
  padding: 28px 30px !important;
  border: 1px solid rgba(16, 32, 56, 0.08) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: var(--ct-shadow-card);
}

.page-id-89 #brxe-aphip7,
.page-id-89 #brxe-73zwlf,
.page-id-89 #brxe-i2ib61,
.page-id-89 #brxe-ex78z5 {
  border-top-width: 1px !important;
  grid-template-columns: 72px 1fr !important;
  gap: 18px !important;
}

.page-id-89 #brxe-oxsl0x,
.page-id-89 #brxe-e8axzf,
.page-id-89 #brxe-sitikv,
.page-id-89 #brxe-fmys4v,
.page-id-89 #brxe-x6o6z5,
.page-id-89 #brxe-cywctz,
.page-id-89 #brxe-wa6sch {
  color: var(--ct-accent-strong) !important;
}

.page-id-89 #brxe-1o4t6q,
.page-id-89 #brxe-fzx8o6,
.page-id-89 #brxe-oih17i,
.page-id-89 #brxe-2gf8cc {
  color: var(--ct-ink-900) !important;
  font-size: 1.4rem !important;
  line-height: 1.18 !important;
  letter-spacing: -0.03em !important;
}

.page-id-89 #brxe-wruncz,
.page-id-89 #brxe-zt0oyt,
.page-id-89 #brxe-klpqnh,
.page-id-89 #brxe-u6zfi0,
.page-id-89 #brxe-8jph1i,
.page-id-89 #brxe-0x37pi,
.page-id-89 #brxe-z4ttgn {
  color: var(--ct-ink-700) !important;
  font-size: 1rem !important;
  line-height: 1.72 !important;
}

.page-id-89 #brxe-xmc0d7 {
  padding: 0 24px !important;
  background: transparent !important;
}

.page-id-89 #brxe-441qp6 {
  max-width: 1080px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1fr);
  gap: 28px !important;
  align-items: start;
}

.page-id-89 #brxe-v0mckv,
.page-id-89 #brxe-o5ax4n {
  padding: 32px !important;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: var(--ct-shadow-card);
}

.page-id-89 #brxe-v0mckv {
  align-items: flex-start !important;
  text-align: left !important;
  gap: 18px !important;
}

.page-id-89 #brxe-o5ax4n {
  overflow: hidden;
}

.page-id-89 .ct-calendly-wrap {
  border: 0;
  box-shadow: none;
  background: transparent;
}

.page-id-89 .ct-calendly-wrap .calendly-inline-widget {
  height: 660px !important;
}

.page-id-89 #brxe-g9vgoa {
  padding: 0 24px !important;
  background:
    radial-gradient(circle at 16% 22%, rgba(20, 200, 181, 0.16), transparent 26%),
    linear-gradient(180deg, #0f1730 0%, #13233e 100%) !important;
}

.page-id-89 #brxe-wzpbww {
  max-width: 1040px !important;
  padding: 46px 24px !important;
  gap: 18px !important;
}

.page-id-89 #brxe-kqo5qx {
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: clamp(2.4rem, 3vw, 3.4rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
}

.page-id-89 #brxe-ed7jiy {
  max-width: 56ch;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: 1.02rem !important;
  line-height: 1.72 !important;
}

body.page-id-183 {
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 30%),
    linear-gradient(180deg, #f7f9fc 0%, #f2f6fb 100%);
}

body.page-id-88 {
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 30%),
    linear-gradient(180deg, #f7f9fc 0%, #f2f6fb 100%);
}

.page-id-88 main#brx-content {
  display: grid;
  gap: var(--space-24);
  padding: 0 0 var(--space-80);
}

.page-id-183 main#brx-content {
  display: grid;
  gap: var(--space-32);
  padding: 0 0 var(--space-80);
}

.page-id-183 #brxe-c3e4e0,
.page-id-183 #brxe-bf381a,
.page-id-183 #brxe-d58e99,
.page-id-183 #brxe-8a4b30 {
  width: min(100vw - 48px, 1240px) !important;
  margin-inline: auto !important;
  border-radius: 32px;
  overflow: hidden;
}

.page-id-183 #brxe-c3e4e0 {
  position: relative;
  padding: 88px 24px 76px !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(20, 200, 181, 0.18), transparent 28%),
    radial-gradient(circle at 86% 14%, rgba(74, 134, 255, 0.14), transparent 22%),
    linear-gradient(135deg, #0f1730 0%, #13233e 55%, #18314f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

.page-id-183 #brxe-c3e4e0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.page-id-183 #brxe-c3e4e0 > .brxe-container {
  position: relative;
  z-index: 1;
  max-width: 760px !important;
  gap: 22px !important;
}

.page-id-183 #brxe-be3aa0 {
  margin: 0;
  color: var(--ct-accent) !important;
  font-size: 0.82rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.page-id-183 #brxe-20ab57 {
  margin: 0;
  color: #ffffff !important;
  font-size: clamp(2.85rem, 5vw, 4.7rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.05em !important;
  text-wrap: balance;
}

.page-id-183 #brxe-56267a {
  margin: 0;
  max-width: 660px;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(1.08rem, 0.94rem + 0.4vw, 1.28rem) !important;
  line-height: 1.7 !important;
}

.page-id-183 #brxe-f2cd5a,
.page-id-183 #brxe-477d1d {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--ct-accent) 0%, var(--ct-accent-strong) 100%) !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  box-shadow: 0 16px 28px rgba(20, 200, 181, 0.22);
}

.page-id-183 #brxe-bf381a,
.page-id-183 #brxe-d58e99 {
  background: transparent !important;
  padding: 0 !important;
}

.page-id-183 #brxe-ef41a0 {
  max-width: 880px !important;
  margin-inline: auto !important;
  padding: 32px 36px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(16, 32, 56, 0.08) !important;
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.12), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 250, 255, 0.98) 100%) !important;
  box-shadow: var(--ct-shadow-card);
}

.page-id-183 #brxe-f6d1eb,
.page-id-183 #brxe-f6d1eb * {
  color: var(--ct-ink-700) !important;
}

.page-id-183 #brxe-f6d1eb p:first-child strong {
  color: var(--ct-accent-strong) !important;
}

.page-id-183 #brxe-97eed8 {
  width: min(1120px, 100%) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.page-id-183 .ct-article-body__inner {
  align-items: start;
}

.page-id-183 .dsgvo-article {
  margin: 0;
}

.page-id-183 #brxe-8a4b30 {
  position: relative;
  padding: 48px 24px !important;
  background:
    radial-gradient(circle at 82% 52%, rgba(20, 200, 181, 0.16), transparent 24%),
    linear-gradient(180deg, var(--ct-surface-dark) 0%, var(--ct-surface-dark-2) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

.page-id-183 #brxe-03aae3 {
  max-width: 860px !important;
  display: grid !important;
  gap: var(--space-16) !important;
}

.page-id-183 #brxe-8596a0 {
  margin: 0;
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: clamp(2rem, 1.75rem + 0.5vw, 2.5rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
}

.page-id-183 #brxe-68f45a {
  margin: 0;
  max-width: 60ch;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 1.0625rem !important;
  line-height: 1.72 !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) {
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 30%),
    linear-gradient(180deg, #f7f9fc 0%, #f2f6fb 100%);
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content {
  display: grid;
  gap: var(--space-32);
  padding: 0 0 var(--space-80);
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section {
  width: min(100vw - 48px, 1240px) !important;
  margin-inline: auto !important;
  border-radius: 32px;
  overflow: hidden;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(1) {
  position: relative;
  padding: 88px 24px 76px !important;
  background:
    radial-gradient(circle at 15% 18%, rgba(20, 200, 181, 0.18), transparent 28%),
    radial-gradient(circle at 86% 14%, rgba(74, 134, 255, 0.14), transparent 22%),
    linear-gradient(135deg, #0f1730 0%, #13233e 55%, #18314f 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(1)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
  pointer-events: none;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(1) > .brxe-container {
  position: relative;
  z-index: 1;
  max-width: 760px !important;
  gap: 22px !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(1) .brxe-text-basic:first-child {
  margin: 0;
  color: var(--ct-accent) !important;
  font-size: 0.82rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(1) h1 {
  margin: 0;
  color: #ffffff !important;
  font-size: clamp(2.85rem, 5vw, 4.7rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.05em !important;
  text-wrap: balance;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(1) .brxe-text-basic:nth-of-type(2) {
  margin: 0;
  max-width: 660px;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(1.08rem, 0.94rem + 0.4vw, 1.24rem) !important;
  line-height: 1.7 !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(1) .brxe-button,
body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(5) .brxe-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--ct-accent) 0%, var(--ct-accent-strong) 100%) !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  box-shadow: 0 16px 28px rgba(20, 200, 181, 0.22);
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(2),
body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) {
  padding: 56px 24px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: var(--ct-shadow-card);
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(2) > .brxe-container,
body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) > .brxe-container {
  max-width: 860px !important;
  gap: 24px !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(2) h2,
body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) h2 {
  margin: 0;
  color: var(--ct-ink-900) !important;
  font-size: clamp(2rem, 2.6vw, 3rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
  text-wrap: balance;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(2) .brxe-text-basic,
body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) .brxe-text-basic {
  color: var(--ct-ink-700) !important;
  font-size: 1.02rem !important;
  line-height: 1.72 !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) {
  padding: 0 !important;
  background: transparent !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) > .brxe-container {
  max-width: 1120px !important;
  gap: 36px !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:first-child {
  max-width: 720px !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) h2 {
  margin: 0;
  color: var(--ct-ink-900) !important;
  font-size: clamp(2rem, 2.6vw, 3rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child > .brxe-container {
  padding: 28px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(16, 32, 56, 0.08) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: var(--ct-shadow-card);
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child > .brxe-container .brxe-text-basic:first-child {
  color: var(--ct-accent-strong) !important;
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) h3 {
  margin: 0;
  color: var(--ct-ink-900) !important;
  font-size: 1.45rem !important;
  line-height: 1.24 !important;
  letter-spacing: -0.03em !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child > .brxe-container .brxe-text-basic:last-child {
  color: var(--ct-ink-700) !important;
  font-size: 0.98rem !important;
  line-height: 1.68 !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) > .brxe-container > .brxe-container:not(:first-child) {
  display: grid !important;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 14px !important;
  padding: 18px 22px !important;
  border-radius: 18px;
  background: rgba(244, 248, 255, 0.9);
  border: 1px solid rgba(16, 32, 56, 0.08);
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) > .brxe-container > .brxe-container:not(:first-child) > .brxe-text-basic:first-child {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) > .brxe-container > .brxe-container:not(:first-child) > .brxe-text-basic:first-child::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin-top: 0.62em;
  border-radius: 999px;
  background: var(--ct-accent);
  box-shadow: 0 0 0 4px rgba(20, 200, 181, 0.14);
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) p strong {
  color: var(--ct-ink-900);
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(5) {
  padding: 54px 24px !important;
  background:
    radial-gradient(circle at 82% 52%, rgba(20, 200, 181, 0.16), transparent 24%),
    linear-gradient(180deg, var(--ct-surface-dark) 0%, var(--ct-surface-dark-2) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(5) > .brxe-container {
  max-width: 760px !important;
  gap: 18px !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(5) h2 {
  margin: 0;
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: clamp(2rem, 2.8vw, 3.4rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.045em !important;
}

body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(5) .brxe-text-basic {
  max-width: 58ch;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 1.04rem !important;
  line-height: 1.72 !important;
}

article#brx-content.ct-article-page,
article#brx-content.wordpress.page {
  width: min(1260px, calc(100vw - 48px));
  margin: 0 auto var(--space-96);
}

article#brx-content.wordpress.page {
  display: grid;
  gap: 0;
  padding-top: var(--space-24);
}

article#brx-content.wordpress.page > h1:first-child {
  width: 100%;
  margin: 0 0 var(--space-32);
  padding: var(--space-48);
  border-radius: 34px;
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 250, 253, 0.95) 100%);
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: var(--ct-shadow-soft);
  color: var(--ct-ink-900);
  font-size: var(--font-size-h1);
  line-height: calc(56 / 48);
  letter-spacing: -0.045em;
}

article#brx-content.wordpress.page > h2,
article#brx-content.wordpress.page > h3,
article#brx-content.wordpress.page > p,
article#brx-content.wordpress.page > ol,
article#brx-content.wordpress.page > ul,
article#brx-content.wordpress.page > hr {
  width: min(860px, 100%);
  margin-left: auto;
  margin-right: auto;
}

article#brx-content.wordpress.page > h2 {
  margin-top: 0;
  margin-bottom: var(--space-16);
  color: var(--ct-ink-900);
  font-size: var(--font-size-h2);
  line-height: calc(44 / 36);
  letter-spacing: -0.035em;
}

article#brx-content.wordpress.page > h3 {
  margin-top: var(--space-32);
  margin-bottom: var(--space-16);
  padding-top: var(--space-32);
  border-top: 1px solid rgba(16, 32, 56, 0.08);
  color: var(--ct-ink-900);
  font-size: var(--font-size-h3);
  line-height: calc(36 / 28);
  letter-spacing: -0.02em;
}

article#brx-content.wordpress.page > p {
  margin-top: 0;
  margin-bottom: var(--space-24);
  color: var(--ct-ink-700);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

article#brx-content.wordpress.page > p:first-of-type {
  margin-bottom: var(--space-32);
  color: var(--ct-ink-700);
  font-size: var(--font-size-body-lg);
  line-height: 1.6;
}

article#brx-content.wordpress.page > ol,
article#brx-content.wordpress.page > ul {
  margin-top: var(--space-8);
  margin-bottom: var(--space-24);
  padding: var(--space-32) var(--space-32) var(--space-32) calc(var(--space-32) + var(--space-12));
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid var(--ct-line);
  box-shadow: var(--ct-shadow-card);
}

article#brx-content.wordpress.page > ol li,
article#brx-content.wordpress.page > ul li {
  color: var(--ct-ink-700);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

article#brx-content.wordpress.page > ol li + li,
article#brx-content.wordpress.page > ul li + li {
  margin-top: var(--space-12);
}

article#brx-content.wordpress.page > hr {
  margin-top: var(--space-32);
  margin-bottom: var(--space-24);
  border: 0;
  border-top: 1px solid rgba(16, 32, 56, 0.1);
}

article#brx-content.wordpress.page > p:last-child {
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--space-24);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid var(--ct-line);
  box-shadow: var(--ct-shadow-card);
}

article#brx-content.wordpress.page a {
  color: var(--ct-accent-strong);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

article#brx-content.wordpress.page strong {
  color: var(--ct-ink-900);
}

.ct-article-shell {
  display: grid;
  gap: var(--space-32);
}

.ct-article-hero {
  position: relative;
  padding: var(--space-24) 0 0;
}

.ct-article-hero__inner {
  position: relative;
  padding: 56px;
  border-radius: 34px;
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.16), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(74, 134, 255, 0.12), transparent 18%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 250, 255, 0.98) 100%);
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: var(--ct-shadow-soft);
}

.ct-article-hero__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.4);
  pointer-events: none;
}

.ct-article-hero h1 {
  max-width: 980px;
  margin: 0;
  color: var(--ct-ink-900);
  font-size: clamp(2.85rem, 4.5vw, 4.6rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  text-wrap: balance;
}

.ct-article-hero__lead {
  max-width: 860px;
  margin: var(--space-24) 0 0;
  color: var(--ct-ink-700);
  font-size: clamp(1.08rem, 0.9rem + 0.45vw, 1.28rem);
  line-height: 1.72;
}

.ct-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12);
}

.ct-article-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 var(--space-16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--ct-line);
  color: var(--ct-ink-700);
  font-size: var(--font-size-body-sm);
  font-weight: 600;
}

.ct-article-body {
  display: grid;
  gap: var(--space-28, var(--space-24));
}

.ct-article-next {
  padding-top: var(--space-16);
}

.ct-article-next__inner {
  padding: 38px;
  border-radius: 32px;
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.14), transparent 24%),
    linear-gradient(180deg, #0f1730 0%, #13233e 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

.ct-article-next__inner h2 {
  margin: 0 0 var(--space-16);
  color: rgba(255, 255, 255, 0.96);
  font-size: var(--font-size-h2);
  line-height: calc(44 / 36);
}

.ct-article-next__inner p {
  margin: 0;
  max-width: 64ch;
  color: rgba(255, 255, 255, 0.76);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

.ct-article-next__inner .ct-hero-actions {
  margin-top: var(--space-32);
}

.ct-article-body__inner {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: var(--space-32);
  align-items: start;
}

.ct-article-body__inner.is-single-column {
  grid-template-columns: 1fr;
}

.ct-article-toc,
.ct-article-content {
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid var(--ct-line);
  box-shadow: var(--ct-shadow-card);
  backdrop-filter: blur(12px);
}

.ct-article-toc {
  position: sticky;
  top: 118px;
  padding: 26px 24px;
}

.ct-article-toc.is-empty {
  display: none;
}

.ct-article-toc__list {
  display: grid;
  gap: var(--space-12);
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.ct-article-toc__list a {
  color: var(--ct-ink-700);
  text-decoration: none;
  font-size: var(--font-size-body-sm);
  line-height: var(--line-height-body-sm);
  transition: color 180ms ease, transform 180ms ease;
}

.ct-article-toc__list a:hover {
  color: var(--ct-ink-900);
  transform: translateX(2px);
}

.ct-article-content {
  padding: 38px;
}

.ct-article-content > *:first-child {
  margin-top: 0;
}

.ct-article-content h2 {
  margin-top: 0;
  margin-bottom: var(--space-16);
  padding-top: 4px;
  color: var(--ct-ink-900);
  font-size: var(--font-size-h2);
  line-height: calc(44 / 36);
}

.ct-article-content h3 {
  margin-top: var(--space-32);
  margin-bottom: var(--space-16);
  padding-top: var(--space-32);
  border-top: 1px solid rgba(16, 32, 56, 0.08);
  color: var(--ct-ink-900);
  font-size: var(--font-size-h3);
  line-height: calc(36 / 28);
}

.ct-article-content p,
.ct-article-content li {
  color: var(--ct-ink-700);
  font-size: clamp(1rem, 0.94rem + 0.2vw, 1.08rem);
  line-height: 1.74;
}

.ct-article-content ol,
.ct-article-content ul {
  padding-left: 1.35rem;
}

.ct-article-content li + li {
  margin-top: var(--space-12);
}

.ct-article-content strong {
  color: var(--ct-ink-900);
}

.ct-article-content a {
  color: var(--ct-accent-strong);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.ct-article-content hr {
  margin: var(--space-32) 0 var(--space-24);
  border: 0;
  border-top: 1px solid rgba(16, 32, 56, 0.1);
}

.ct-article-content blockquote {
  margin: 32px 0;
  padding: 24px 28px;
  border-left: 4px solid var(--ct-accent);
  border-radius: 22px;
  background: rgba(20, 200, 181, 0.09);
  color: var(--ct-ink-900);
  box-shadow: inset 0 0 0 1px rgba(20, 200, 181, 0.12);
}

.ct-article-content blockquote p:last-child {
  margin-bottom: 0;
}

.ct-article-content table {
  width: 100%;
  margin: 32px 0;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: rgba(244, 247, 251, 0.78);
  box-shadow: var(--ct-shadow-card);
}

.ct-article-content thead th {
  background: rgba(16, 32, 56, 0.05);
  color: var(--ct-ink-900);
  font-size: 0.95rem;
  font-weight: 700;
  text-align: left;
}

.ct-article-content th,
.ct-article-content td {
  padding: 16px 18px;
  border-bottom: 1px solid rgba(16, 32, 56, 0.08);
  vertical-align: top;
  color: var(--ct-ink-700);
  font-size: 0.98rem;
  line-height: 1.64;
}

.ct-article-content tbody tr:last-child td {
  border-bottom: 0;
}

.ct-article-content code {
  padding: 0.15em 0.4em;
  border-radius: 8px;
  background: rgba(16, 32, 56, 0.06);
  color: var(--ct-ink-900);
  font-size: 0.92em;
}

.ct-article-content .kas-inline-cta {
  margin: 36px 0;
  padding: 28px 30px;
  border-radius: 26px;
  border-left: 0;
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(245, 249, 253, 0.98) 100%);
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: var(--ct-shadow-card);
}

.ct-article-content .kas-inline-cta__headline {
  margin: 0 0 10px;
  color: var(--ct-ink-900);
  font-size: clamp(1.4rem, 1.2rem + 0.35vw, 1.75rem);
  line-height: 1.18;
  letter-spacing: -0.03em;
}

.ct-article-content .kas-inline-cta__body {
  margin: 0 0 18px;
  color: var(--ct-ink-700);
  font-size: 1rem;
  line-height: 1.72;
}

.ct-article-content .kas-inline-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--ct-accent) 0%, var(--ct-accent-strong) 100%);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(20, 200, 181, 0.2);
}

main#brx-content.ct-article-post-page {
  width: var(--ct-container);
  margin-inline: auto;
  padding: 0 0 var(--space-80);
}

.ct-article-shell--post {
  gap: var(--space-24);
}

.ct-article-extras {
  display: grid;
  gap: var(--space-24);
}

.ct-article-author,
.ct-article-utility,
.ct-article-related,
.ct-article-nav {
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid var(--ct-line);
  box-shadow: var(--ct-shadow-card);
  backdrop-filter: blur(12px);
}

.ct-article-author {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 26px 28px;
}

.ct-article-author img {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: 0 12px 28px rgba(12, 23, 43, 0.1);
}

.ct-article-author .content {
  min-width: 0;
}

.ct-article-author .author-name {
  margin: 0 0 6px;
  color: var(--ct-ink-900);
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.ct-article-author .author-name:empty::before {
  content: "Culturetek Redaktion";
}

.ct-article-author .author-bio {
  margin: 0;
  color: var(--ct-ink-700);
  font-size: 0.98rem;
  line-height: 1.68;
}

.ct-article-author .author-bio:empty::before {
  content: "Einordnung, Praxiswissen und Orientierung rund um KI-Orchestrierung, Governance und den wirtschaftlichen Einsatz von KI-Agenten.";
}

.ct-article-utility {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: start;
  padding: 24px 28px;
}

.ct-article-utility .brxe-post-taxonomy,
.ct-article-utility .brxe-post-sharing {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ct-article-utility .brxe-post-taxonomy a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(20, 200, 181, 0.2);
  background: rgba(20, 200, 181, 0.1);
  color: var(--ct-accent-strong);
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.ct-article-utility .brxe-post-sharing a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(16, 32, 56, 0.1);
  background: #ffffff;
  color: var(--ct-ink-700);
  transition: transform 180ms ease, border-color 180ms ease, color 180ms ease;
}

.ct-article-utility .brxe-post-sharing a:hover {
  color: var(--ct-accent-strong);
  border-color: rgba(20, 200, 181, 0.28);
  transform: translateY(-1px);
}

.ct-article-utility .brxe-post-sharing svg {
  width: 16px;
  height: 16px;
  fill: currentColor !important;
}

.ct-article-related {
  padding: 28px;
}

.ct-article-related h2 {
  margin: 0 0 20px;
  color: var(--ct-ink-900);
  font-size: clamp(1.7rem, 1.55rem + 0.35vw, 2rem);
  line-height: 1.1;
  letter-spacing: -0.04em;
}

.ct-article-related .related-posts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ct-article-related .repeater-item {
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(16, 32, 56, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 250, 255, 0.98) 100%);
  box-shadow: 0 14px 34px rgba(12, 23, 43, 0.06);
}

.ct-article-related .repeater-item figure {
  margin: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: rgba(16, 32, 56, 0.04);
}

.ct-article-related .repeater-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ct-article-related .repeater-item .content {
  display: grid;
  gap: 10px;
  padding: 20px 20px 22px;
}

.ct-article-related .repeater-item h3,
.ct-article-related .repeater-item .dynamic[data-field-id="0"] {
  margin: 0;
  color: var(--ct-ink-900);
  font-size: 1.08rem;
  line-height: 1.35;
}

.ct-article-related .repeater-item h3 a,
.ct-article-related .repeater-item .dynamic[data-field-id="0"] a {
  color: inherit;
  text-decoration: none;
}

.ct-article-related .repeater-item .dynamic[data-field-id="1"] {
  color: var(--ct-ink-500);
  font-size: 0.92rem;
  line-height: 1.5;
}

.ct-article-nav {
  padding: 0;
  overflow: hidden;
}

.ct-article-nav .prev-post {
  display: none !important;
}

.ct-article-nav .next-post,
.ct-article-nav .prev-post:not(.hide) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px;
  gap: 22px;
  align-items: center;
  padding: 26px 28px;
  color: inherit;
  text-decoration: none;
}

.ct-article-nav .label {
  display: inline-flex;
  margin-bottom: 10px;
  color: var(--ct-accent-strong);
  font-size: 0.82rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ct-article-nav .title,
.ct-article-nav h5 {
  margin: 0;
  color: var(--ct-ink-900);
  font-size: 1.18rem;
  line-height: 1.32;
  letter-spacing: -0.03em;
}

.ct-article-nav .image {
  width: 88px;
  height: 88px;
  border-radius: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 12px 28px rgba(12, 23, 43, 0.12);
}

header .brxe-container,
#brxe-il6gnz,
#brxe-c9wi79 {
  flex-wrap: nowrap !important;
}

#brxe-il6gnz {
  width: min(1240px, calc(100vw - 48px));
  margin-inline: auto;
}

#brxe-trj2wf,
#brxe-c9wi79,
#brxe-flgrow {
  min-width: 0;
}

#brxe-c9wi79 {
  gap: var(--space-24) !important;
}

#brxe-c9wi79 > .brxe-text-basic,
#brxe-il6gnz > .brxe-text-basic,
#brxe-il6gnz a {
  position: relative;
  font-size: var(--font-size-nav) !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

#brxe-c9wi79 > .brxe-text-basic::after,
#brxe-il6gnz > .brxe-text-basic[href]::after,
#brxe-il6gnz a[href]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ct-accent), rgba(20, 200, 181, 0));
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: transform 180ms ease, opacity 180ms ease, filter 180ms ease;
}

#brxe-c9wi79 > .brxe-text-basic:hover,
#brxe-il6gnz > .brxe-text-basic[href]:hover,
#brxe-il6gnz a[href]:hover {
  color: var(--ct-ink-900) !important;
}

#brxe-c9wi79 > .brxe-text-basic:hover::after,
#brxe-il6gnz > .brxe-text-basic[href]:hover::after,
#brxe-il6gnz a[href]:hover::after {
  transform: scaleX(1);
  opacity: 1;
}

#brxe-trj2wf {
  font-size: 1rem !important;
  letter-spacing: -0.02em !important;
}

#brxe-k5pm0z {
  display: none !important;
}

#brxe-flgrow {
  margin-left: 0 !important;
}

#brxe-vvh6wv,
footer.brxe-section {
  background:
    radial-gradient(circle at top right, rgba(20, 200, 181, 0.1), transparent 18%),
    linear-gradient(180deg, #0d1526 0%, #0a1120 100%) !important;
}

#brxe-vvh6wv .brxe-text-basic,
#brxe-vvh6wv .brxe-heading,
footer.brxe-section .brxe-text-basic,
footer.brxe-section .brxe-heading {
  color: rgba(255, 255, 255, 0.92);
}

#brxe-vvh6wv p,
#brxe-vvh6wv a:not(.brxe-button),
footer.brxe-section p,
footer.brxe-section a:not(.brxe-button) {
  color: rgba(255, 255, 255, 0.7);
}

#brxe-vvh6wv a:hover,
footer.brxe-section a:hover {
  color: #ffffff;
}

footer.brxe-section .ct-site-footer,
footer.brxe-section .ct-site-footer * {
  color: var(--ct-ink-900) !important;
}

footer.brxe-section .ct-site-footer p,
footer.brxe-section .ct-site-footer__meta,
footer.brxe-section .ct-site-footer__brand p {
  color: var(--ct-ink-700) !important;
}

footer.brxe-section .ct-site-footer__meta {
  color: var(--ct-ink-500) !important;
}

footer.brxe-section .ct-site-footer a {
  color: var(--ct-ink-900) !important;
}

footer.brxe-section .ct-site-footer a:hover {
  color: var(--ct-accent-strong) !important;
}

footer.brxe-section .ct-site-footer .ct-site-footer__brand h2 {
  color: var(--ct-ink-900) !important;
}

@media (max-width: 1180px) {
  :root {
    --font-size-h1-hero: 2.75rem;
    --font-size-h1: 2.5rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.25rem;
    --font-size-body-lg: 1.125rem;
    --font-size-body: 1.0625rem;
    --section-y: var(--space-64);
    --section-y-lg: var(--space-80);
    --card-padding: var(--space-24);
  }

  #brxe-c9wi79 {
    gap: 16px !important;
  }

  #brxe-c9wi79 > .brxe-text-basic {
    font-size: 0.95rem !important;
  }

  .ct-site-nav {
    gap: 16px;
  }

  .ct-site-nav a {
    font-size: var(--font-size-nav);
  }
}

@media (max-width: 991px) {
  .ct-grid-3,
  .ct-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ct-site-header__inner,
  .ct-site-footer__grid,
  .ct-hero-layout,
  .ct-roi-hero,
  .ct-dual-panel,
  .ct-cta-band,
  .ct-roi-tool,
  .ct-roi-section,
  .ct-article-body__inner,
  .ct-control-panel {
    grid-template-columns: 1fr;
  }

  .ct-site-nav {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .ct-footer-main {
    grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
    gap: 24px;
  }

  .ct-block-cta.ct-surface-dark .ct-hero-actions {
    justify-content: flex-start;
  }

  .ct-footer-columns {
    grid-template-columns: repeat(4, minmax(96px, 1fr));
    gap: 12px 18px;
  }

  .ct-article-toc {
    position: static;
  }

  .ct-article-utility,
  .ct-article-nav .next-post,
  .ct-article-nav .prev-post:not(.hide) {
    grid-template-columns: 1fr;
  }

  .ct-article-related .related-posts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ct-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ct-control-panel {
    min-height: auto;
  }

  .ct-roi-tool__results {
    position: static;
    top: auto;
  }

  .page-id-89 #brxe-441qp6 {
    grid-template-columns: 1fr !important;
  }

  .page-id-89 #brxe-v0mckv,
  .page-id-89 #brxe-o5ax4n {
    padding: 28px !important;
  }

  .page-id-183 .ct-article-body__inner {
    grid-template-columns: 1fr;
  }

  .page-id-183 .ct-article-toc {
    position: static;
  }

  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 860px) {
  .ct-footer-band,
  .ct-footer-main {
    grid-template-columns: 1fr;
  }

  .ct-footer-band__actions {
    justify-content: flex-start;
  }

  .ct-footer-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 18px;
  }
}

@media (max-width: 767px) {
  :root {
    --font-size-nav: 0.9375rem;
    --font-size-h1-hero: 2.125rem;
    --font-size-h1: 2rem;
    --font-size-h2: 1.75rem;
    --font-size-h3: 1.375rem;
    --font-size-h4: 1.25rem;
    --font-size-body-lg: 1.125rem;
    --font-size-body: 1rem;
    --font-size-body-sm: 0.9375rem;
    --section-y: 3.5rem;
    --section-y-lg: 4rem;
    --card-padding: 1.25rem;
    --grid-gap: 1rem;
  }

  body,
  .brx-body {
    font-size: var(--font-size-body);
  }

  .ct-section {
    padding: var(--section-y) 0;
  }

  .ct-grid-2,
  .ct-grid-3,
  .ct-grid-4,
  .ct-control-grid,
  .ct-process-grid {
    grid-template-columns: 1fr;
  }

  .ct-roi-tool__form,
  .ct-roi-tool__results,
  .ct-roi-hero__panel,
  .ct-roi-disclaimer {
    padding: var(--card-padding);
  }

  .ct-roi-field__head,
  .ct-roi-result-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .ct-roi-result-row strong {
    text-align: left;
  }

  .ct-card,
  .ct-team-card,
  .ct-usecase-card,
  .ct-metric-card {
    padding: var(--card-padding);
  }

  .ct-team-card {
    padding: 0;
  }

  .ct-site-footer {
    padding: var(--space-48) var(--space-24) var(--space-32);
  }

  main#brx-content.ct-article-post-page {
    padding-bottom: var(--space-48);
  }

  .ct-block-header.ct-section-tight {
    padding: 14px 0 8px;
  }

  .ct-block-footer.ct-section-tight {
    padding: 32px 0 24px;
  }

  .ct-site-footer--compact {
    gap: 20px;
    padding: 20px;
  }

  .ct-footer-band,
  .ct-footer-main {
    gap: 20px;
  }

  .ct-footer-band {
    padding: 18px;
  }

  .ct-footer-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 18px;
  }

  .ct-footer-band__actions {
    justify-content: flex-start;
  }

  .ct-footer-band .ct-btn-primary,
  .ct-footer-band .ct-btn-secondary {
    width: auto;
    justify-content: center;
  }

  .ct-article-hero__inner,
  .ct-article-content {
    padding: 26px 22px;
  }

  .ct-article-author,
  .ct-article-utility,
  .ct-article-related,
  .ct-article-nav .next-post,
  .ct-article-nav .prev-post:not(.hide) {
    padding: 22px;
  }

  .ct-article-author {
    grid-template-columns: 1fr;
  }

  .ct-article-author img {
    width: 64px;
    height: 64px;
  }

  .ct-article-related .related-posts {
    grid-template-columns: 1fr;
  }

  .ct-article-nav .image {
    width: 72px;
    height: 72px;
  }

  .ct-calendly-shell iframe {
    height: 500px;
    min-height: 500px;
  }

  .ct-calendly-shell--booking {
    max-width: none;
  }

  .ct-calendly-shell--booking iframe {
    height: 460px;
    min-height: 460px;
  }

  .ct-booking-widget {
    max-width: none;
  }

  .page-id-89 main#brx-content {
    gap: 24px;
    padding-bottom: 24px;
  }

  .page-id-183 main#brx-content {
    gap: 24px;
    padding-bottom: 24px;
  }

  .page-id-89 #brxe-qswfmw,
  .page-id-89 #brxe-ymcd91,
  .page-id-89 #brxe-xmc0d7,
  .page-id-89 #brxe-j7d5zi,
  .page-id-89 #brxe-g9vgoa {
    width: min(100vw - 24px, 1240px) !important;
    border-radius: 26px;
  }

  .page-id-183 #brxe-c3e4e0,
  .page-id-183 #brxe-bf381a,
  .page-id-183 #brxe-d58e99,
  .page-id-183 #brxe-8a4b30 {
    width: min(100vw - 24px, 1240px) !important;
    border-radius: 26px;
  }

  .page-id-89 #brxe-qswfmw {
    padding: 72px 18px 62px !important;
  }

  .page-id-183 #brxe-c3e4e0 {
    padding: 72px 18px 62px !important;
  }

  .page-id-89 #brxe-vaqspl {
    max-width: 11ch;
    font-size: clamp(2.4rem, 10vw, 3.5rem) !important;
  }

  .page-id-183 #brxe-20ab57 {
    max-width: 11ch;
    font-size: clamp(2.5rem, 9vw, 3.8rem) !important;
  }

  .page-id-89 #brxe-lmvgzw,
  .page-id-89 #brxe-hu7o8u,
  .page-id-89 #brxe-wruncz,
  .page-id-89 #brxe-zt0oyt,
  .page-id-89 #brxe-klpqnh,
  .page-id-89 #brxe-u6zfi0,
  .page-id-89 #brxe-8jph1i,
  .page-id-89 #brxe-0x37pi,
  .page-id-89 #brxe-z4ttgn,
  .page-id-89 #brxe-ed7jiy {
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
  }

  .page-id-183 #brxe-56267a,
  .page-id-183 #brxe-68f45a {
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
  }

  .page-id-89 #brxe-kim9gn,
  .page-id-89 #brxe-7zt08f,
  .page-id-89 #brxe-441qp6,
  .page-id-89 #brxe-wzpbww {
    max-width: none !important;
  }

  .page-id-183 #brxe-46c3ec,
  .page-id-183 #brxe-03aae3,
  .page-id-183 #brxe-97eed8 {
    max-width: none !important;
  }

  .page-id-89 #brxe-aphip7,
  .page-id-89 #brxe-73zwlf,
  .page-id-89 #brxe-i2ib61,
  .page-id-89 #brxe-ex78z5,
  .page-id-89 #brxe-hemgdo,
  .page-id-89 #brxe-sbsfoz,
  .page-id-89 #brxe-fgo781,
  .page-id-89 #brxe-v0mckv,
  .page-id-89 #brxe-o5ax4n {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  .page-id-89 #brxe-aphip7,
  .page-id-89 #brxe-73zwlf,
  .page-id-89 #brxe-i2ib61,
  .page-id-89 #brxe-ex78z5 {
    grid-template-columns: 56px 1fr !important;
    gap: 14px !important;
  }

  .page-id-89 .ct-calendly-wrap .calendly-inline-widget {
    height: 580px !important;
  }

  .page-id-183 #brxe-ef41a0,
  .page-id-183 #brxe-03aae3,
  .page-id-183 .ct-article-content,
  .page-id-183 .ct-article-toc {
    padding: 22px !important;
  }

  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content {
    gap: 24px;
    padding-bottom: 24px;
  }

  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section {
    width: min(100vw - 24px, 1240px) !important;
    border-radius: 26px;
  }

  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(1) {
    padding: 72px 18px 62px !important;
  }

  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(1) h1 {
    max-width: 11ch;
    font-size: clamp(2.5rem, 9vw, 3.8rem) !important;
  }

  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(1) .brxe-text-basic:nth-of-type(2),
  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(2) .brxe-text-basic,
  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child > .brxe-container .brxe-text-basic:last-child,
  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) .brxe-text-basic,
  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(5) .brxe-text-basic {
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
  }

  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(2),
  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4),
  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(5) {
    padding: 32px 18px !important;
  }

  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child > .brxe-container,
  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) > .brxe-container > .brxe-container:not(:first-child) {
    padding: 22px !important;
  }

  body:is(.page-id-91, .page-id-92, .page-id-93, .page-id-94, .page-id-95, .page-id-96) main#brx-content > section:nth-child(4) > .brxe-container > .brxe-container:not(:first-child) {
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 12px !important;
  }

  .ct-contact-intro {
    grid-template-columns: 1fr;
  }

  .ct-process-step {
    grid-template-columns: 52px minmax(0, 1fr);
    padding: 22px;
  }

  .ct-contact-scheduler {
    padding: var(--space-24);
  }

  .ct-contact-scheduler__frame {
    min-height: 640px;
  }

  .ct-contact-scheduler__frame iframe {
    height: 640px;
  }

  .ct-site-header {
    padding-top: var(--space-16);
  }

  .ct-site-header__inner::before {
    left: 14px;
    right: 14px;
  }

  .ct-site-header__inner {
    min-height: 64px;
    gap: var(--space-12);
    padding: var(--space-16) var(--space-16) var(--space-16) 24px;
    border-radius: 24px;
  }

  .ct-site-nav {
    order: 3;
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 2px;
    justify-content: flex-start;
  }

  .ct-site-nav::-webkit-scrollbar {
    display: none;
  }

  .ct-site-lang {
    font-size: var(--font-size-label);
  }

  article#brx-content.wordpress.page > h1:first-child,
  .ct-article-hero__inner,
  .ct-article-content,
  .ct-article-next__inner {
    padding: 28px 24px;
  }

  .ct-article-body__inner {
    gap: 18px;
  }

  .ct-article-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  article#brx-content.wordpress.page > p,
  article#brx-content.wordpress.page > ol li,
  article#brx-content.wordpress.page > ul li,
  .ct-article-content p,
  .ct-article-content li {
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
  }
}

/* ==============================================
 * CULA-327 · Footer-Rebuild (T-11) · 2026-04-22
 * Kai-Face vorne · Ressourcen · Recent-Posts · Rechtliches · SG-Impressum
 * ============================================== */
.ct-footer-kai {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.ct-footer-kai__photo {
  width: 96px;
  height: 96px;
  border-radius: 999px;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 2px 10px rgba(16, 32, 56, 0.08);
}
.ct-footer-kai__body {
  display: grid;
  gap: 10px;
  align-content: start;
}
.ct-footer-kai__body strong {
  margin: 0;
  color: var(--ct-ink-900);
  font-size: 0.98rem;
  line-height: 1.28;
  font-weight: 600;
}
.ct-footer-kai__body p {
  margin: 0;
  color: var(--ct-ink-700);
  font-size: 0.9rem;
  line-height: 1.55;
}
.ct-footer-kai__links {
  flex-direction: row !important;
  gap: 16px !important;
  flex-wrap: wrap;
  margin-top: 4px;
}
.ct-footer-side {
  display: grid;
  grid-template-columns: minmax(140px, 200px) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}
.ct-footer-recent ul.kas-recent-posts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.ct-footer-recent li {
  margin: 0;
  line-height: 1.4;
}
.ct-footer-recent a {
  color: var(--ct-ink-700);
  text-decoration: none;
  font-size: 0.9rem;
  line-height: 1.4;
}
.ct-footer-recent a:hover {
  color: var(--ct-ink-900);
  text-decoration: underline;
}
.ct-footer-legal {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  padding: 16px 0 14px;
  margin-top: 8px;
  border-top: 1px solid rgba(16, 32, 56, 0.08);
  font-size: 0.9rem;
  color: var(--ct-ink-700);
  line-height: 1.4;
}
.ct-footer-legal__label {
  color: var(--ct-ink-500);
  font-weight: 500;
}
.ct-footer-legal a {
  color: var(--ct-ink-700);
  text-decoration: none;
}
.ct-footer-legal a:hover {
  color: var(--ct-ink-900);
  text-decoration: underline;
}

@media (max-width: 720px) {
  .ct-footer-kai {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .ct-footer-kai__photo {
    width: 80px;
    height: 80px;
  }
  .ct-footer-side {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .ct-footer-legal {
    flex-direction: column;
    gap: 8px;
  }
  .ct-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

/* CULA-327 fix: Kai-Face links must be horizontal row (override parent .ct-footer-link-list grid) */
.ct-footer-kai__links.ct-footer-link-list {
  display: flex !important;
  flex-direction: row !important;
  gap: 16px !important;
  grid-template-columns: none !important;
  flex-wrap: wrap;
  align-items: baseline;
}
@media (max-width: 720px) {
  .ct-footer-kai__links.ct-footer-link-list {
    gap: 14px !important;
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   Unified Page System
   Central page families for all public subpages
   ────────────────────────────────────────────────────────────────────────── */

body.ct-page-system {
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 28%),
    linear-gradient(180deg, #f7f9fc 0%, #f2f6fb 100%);
}

body.ct-page-layout--sections main#brx-content {
  display: grid;
  gap: var(--space-32);
  padding-bottom: var(--space-80);
}

body.ct-page-layout--sections main#brx-content > section {
  width: var(--ct-container);
  margin-inline: auto;
  border-radius: 32px;
  overflow: hidden;
}

body.ct-page-layout--sections main#brx-content > section > .brxe-container {
  width: min(100%, 1080px);
  margin-inline: auto;
}

body.ct-page-layout--sections main#brx-content > section.ct-page-hero {
  position: relative;
  padding: 88px 24px 76px !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

body.ct-page-layout--sections main#brx-content > section.ct-page-hero > .brxe-container {
  position: relative;
  z-index: 1;
  max-width: 1040px !important;
  gap: 24px !important;
}

body.ct-page-layout--sections main#brx-content > section.ct-surface-light,
body.ct-page-system--tool main#brx-content > section.ct-block-methodology,
body.ct-page-system--hub main#brx-content > section.ct-block-knowledge-blocks,
body.ct-page-system--utility main#brx-content > section:last-child {
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 250, 253, 0.98) 100%) !important;
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: var(--ct-shadow-card);
}

body.ct-page-layout--sections main#brx-content > section.ct-surface-dark:not(.ct-page-hero),
body.ct-page-system--tool main#brx-content > section.ct-block-cta,
body.ct-page-system--hub main#brx-content > section.ct-block-knowledge-cta {
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

body.ct-page-family--core main#brx-content > section:not(.ct-page-hero) > .brxe-container,
body.ct-page-family--knowledge-hub main#brx-content > section:not(.ct-page-hero) > .brxe-container,
body.ct-page-family--roi-calculator main#brx-content > section:not(.ct-page-hero) > .brxe-container {
  max-width: 1080px !important;
  gap: 24px !important;
}

body.ct-page-family--core .ct-block-team > .brxe-container,
body.ct-page-family--core .ct-block-benefits > .brxe-container,
body.ct-page-family--core .ct-block-delivery > .brxe-container,
body.ct-page-family--core .ct-block-pillars > .brxe-container,
body.ct-page-family--core .ct-block-tasks > .brxe-container {
  max-width: 1120px !important;
}

body.ct-page-family--core .ct-block-mission > .brxe-container {
  max-width: 980px !important;
}

body.ct-page-family--knowledge-hub .ct-block-knowledge-blocks > .brxe-container {
  max-width: 1120px !important;
}

body.ct-page-family--usecase main#brx-content {
  display: grid;
  gap: var(--space-32);
  padding-bottom: var(--space-80);
}

body.ct-page-family--usecase main#brx-content > section {
  width: var(--ct-container);
  margin-inline: auto;
  border-radius: 32px;
  overflow: hidden;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(1) {
  position: relative;
  padding: 88px 24px 76px !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

body.ct-page-family--usecase main#brx-content > section:nth-child(1) > .brxe-container {
  position: relative;
  z-index: 1;
  max-width: 760px !important;
  gap: 22px !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(1) .brxe-text-basic:first-child {
  margin: 0;
  color: var(--ct-accent) !important;
  font-size: var(--font-size-label) !important;
  line-height: var(--line-height-label) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(1) h1 {
  margin: 0;
  color: #ffffff !important;
  font-size: var(--font-size-h1-hero) !important;
  line-height: var(--line-height-tight) !important;
  letter-spacing: -0.05em !important;
  text-wrap: balance;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(1) .brxe-text-basic:nth-of-type(2) {
  margin: 0;
  max-width: 60ch;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: var(--font-size-body) !important;
  line-height: 1.7 !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(1) .brxe-button,
body.ct-page-family--usecase main#brx-content > section:nth-child(5) .brxe-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--ct-accent) 0%, var(--ct-accent-strong) 100%) !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  box-shadow: 0 16px 28px rgba(20, 200, 181, 0.22);
}

body.ct-page-family--usecase main#brx-content > section:nth-child(2),
body.ct-page-family--usecase main#brx-content > section:nth-child(4) {
  padding: 56px 24px !important;
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 250, 253, 0.98) 100%) !important;
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: var(--ct-shadow-card);
}

body.ct-page-family--usecase main#brx-content > section:nth-child(2) > .brxe-container,
body.ct-page-family--usecase main#brx-content > section:nth-child(4) > .brxe-container {
  max-width: 860px !important;
  gap: 24px !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(2) h2,
body.ct-page-family--usecase main#brx-content > section:nth-child(4) h2 {
  margin: 0;
  color: var(--ct-ink-900) !important;
  font-size: var(--font-size-h2) !important;
  line-height: var(--line-height-heading) !important;
  letter-spacing: -0.04em !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(2) .brxe-text-basic,
body.ct-page-family--usecase main#brx-content > section:nth-child(4) .brxe-text-basic {
  color: var(--ct-ink-700) !important;
  font-size: var(--font-size-body) !important;
  line-height: var(--line-height-body) !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(3) {
  padding: 0 !important;
  background: transparent !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(3) > .brxe-container {
  max-width: 1120px !important;
  gap: 36px !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:first-child {
  max-width: 720px !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(3) h2 {
  margin: 0;
  color: var(--ct-ink-900) !important;
  font-size: var(--font-size-h2) !important;
  line-height: var(--line-height-heading) !important;
  letter-spacing: -0.04em !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child > .brxe-container {
  padding: 28px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(16, 32, 56, 0.08) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: var(--ct-shadow-card);
}

body.ct-page-family--usecase main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child > .brxe-container .brxe-text-basic:first-child {
  color: var(--ct-accent-strong) !important;
  font-size: var(--font-size-label) !important;
  line-height: var(--line-height-label) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(3) h3 {
  margin: 0;
  color: var(--ct-ink-900) !important;
  font-size: var(--font-size-h4) !important;
  line-height: 1.24 !important;
  letter-spacing: -0.03em !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child > .brxe-container .brxe-text-basic:last-child {
  color: var(--ct-ink-700) !important;
  font-size: 1rem !important;
  line-height: 1.68 !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(4) > .brxe-container > .brxe-container:not(:first-child) {
  display: grid !important;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 14px !important;
  padding: 18px 22px !important;
  border-radius: 18px;
  background: rgba(244, 248, 255, 0.9);
  border: 1px solid rgba(16, 32, 56, 0.08);
}

body.ct-page-family--usecase main#brx-content > section:nth-child(4) > .brxe-container > .brxe-container:not(:first-child) > .brxe-text-basic:first-child {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(4) > .brxe-container > .brxe-container:not(:first-child) > .brxe-text-basic:first-child::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin-top: 0.62em;
  border-radius: 999px;
  background: var(--ct-accent);
  box-shadow: 0 0 0 4px rgba(20, 200, 181, 0.14);
}

body.ct-page-family--usecase main#brx-content > section:nth-child(4) p strong {
  color: var(--ct-ink-900);
}

body.ct-page-family--usecase main#brx-content > section:nth-child(5) {
  padding: 54px 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

body.ct-page-family--usecase main#brx-content > section:nth-child(5) > .brxe-container {
  max-width: 760px !important;
  gap: 18px !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(5) h2 {
  margin: 0;
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: var(--font-size-h2) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.045em !important;
}

body.ct-page-family--usecase main#brx-content > section:nth-child(5) .brxe-text-basic {
  max-width: 58ch;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: var(--font-size-body) !important;
  line-height: 1.72 !important;
}

body.ct-page-family--knowledge-static {
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 28%),
    linear-gradient(180deg, #f7f9fc 0%, #f2f6fb 100%);
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing {
  display: grid;
  gap: var(--space-32);
  padding-bottom: var(--space-80);
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section {
  width: var(--ct-container);
  margin-inline: auto;
  border-radius: 32px;
  overflow: hidden;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:first-child {
  position: relative;
  padding: 88px 24px 76px !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:first-child > .brxe-container {
  position: relative;
  z-index: 1;
  max-width: 760px !important;
  gap: 22px !important;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:first-child .brxe-text-basic:first-child {
  margin: 0;
  color: var(--ct-accent) !important;
  font-size: var(--font-size-label) !important;
  line-height: var(--line-height-label) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:first-child h1 {
  margin: 0;
  color: #ffffff !important;
  font-size: var(--font-size-h1-hero) !important;
  line-height: var(--line-height-tight) !important;
  letter-spacing: -0.05em !important;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:first-child .brxe-text-basic:nth-of-type(2) {
  margin: 0;
  max-width: 60ch;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: var(--font-size-body) !important;
  line-height: 1.7 !important;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:first-child .brxe-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--ct-accent) 0%, var(--ct-accent-strong) 100%) !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  box-shadow: 0 16px 28px rgba(20, 200, 181, 0.22);
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(2) {
  background: transparent !important;
  padding: 0 !important;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(2) > .brxe-container {
  max-width: 880px !important;
  padding: 32px 36px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.12), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 250, 255, 0.98) 100%) !important;
  border: 1px solid rgba(16, 32, 56, 0.08) !important;
  box-shadow: var(--ct-shadow-card);
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(2) .brxe-text,
body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(2) .brxe-text * {
  color: var(--ct-ink-700) !important;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(2) p:first-child strong {
  color: var(--ct-accent-strong) !important;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(3) > .brxe-container {
  max-width: 1120px !important;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(4) {
  padding: 48px 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(4) > .brxe-container {
  max-width: 860px !important;
  gap: 18px !important;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(4) h2 {
  margin: 0;
  color: rgba(255, 255, 255, 0.96) !important;
  font-size: var(--font-size-h2) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
}

body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(4) .brxe-text-basic {
  max-width: 60ch;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: var(--font-size-body) !important;
  line-height: 1.72 !important;
}

body.ct-page-family--knowledge-static article#brx-content,
body.ct-page-family--thank-you article#brx-content,
body.ct-page-family--knowledge-hub article#brx-content {
  width: min(1260px, calc(100vw - 48px));
  margin: 0 auto var(--space-96);
}

body.ct-page-family--knowledge-hub article#brx-content.wordpress.page {
  display: grid;
  gap: 0;
  padding-top: var(--space-24);
}

body.ct-page-family--knowledge-hub article#brx-content .ct-block {
  display: grid;
  gap: var(--space-24);
  padding: 40px;
  border-radius: 32px;
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 250, 253, 0.98) 100%);
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: var(--ct-shadow-card);
}

body.ct-page-family--knowledge-hub article#brx-content .ct-block > h1 {
  margin: 0;
  color: var(--ct-ink-900);
  font-size: var(--font-size-h1);
  line-height: calc(56 / 48);
  letter-spacing: -0.045em;
}

body.ct-page-family--knowledge-hub article#brx-content .ct-block > p,
body.ct-page-family--knowledge-hub article#brx-content .ct-note {
  margin: 0;
  max-width: 66ch;
  color: var(--ct-ink-700);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

body.ct-page-family--knowledge-hub article#brx-content .ct-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-24);
}

body.ct-page-family--knowledge-hub article#brx-content .ct-card-grid > br {
  display: none;
}

body.ct-page-family--knowledge-hub article#brx-content .ct-card {
  display: grid;
  gap: var(--space-12);
  align-content: start;
  min-height: 100%;
  text-decoration: none;
}

body.ct-page-family--knowledge-hub article#brx-content .ct-card h3 {
  margin: 0;
}

body.ct-page-family--knowledge-hub article#brx-content .ct-note a {
  color: var(--ct-accent-strong);
  text-decoration: none;
}

body.ct-page-family--knowledge-hub article#brx-content .ct-note a:hover {
  text-decoration: underline;
}

body.ct-page-family--legal main#brx-content {
  display: grid;
  gap: var(--space-32);
  padding-bottom: var(--space-80);
}

body.ct-page-family--legal main#brx-content > section {
  width: var(--ct-container);
  margin-inline: auto;
  border-radius: 32px;
  overflow: hidden;
}

body.ct-page-family--legal main#brx-content > section:first-child {
  position: relative;
  padding: 88px 24px 76px !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(20, 200, 181, 0.18), transparent 28%),
    radial-gradient(circle at 85% 10%, rgba(74, 134, 255, 0.15), transparent 22%),
    linear-gradient(135deg, #0f1730 0%, #13233e 55%, #182f4d 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

body.ct-page-family--legal main#brx-content > section:first-child > .brxe-container {
  position: relative;
  z-index: 1;
  max-width: 760px !important;
  gap: 20px !important;
}

body.ct-page-family--legal main#brx-content > section:first-child .ct-kicker,
body.ct-page-family--legal main#brx-content > section:first-child .brxe-text-basic:first-child {
  margin: 0;
  color: var(--ct-accent) !important;
  font-size: var(--font-size-label) !important;
  line-height: var(--line-height-label) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.ct-page-family--legal main#brx-content > section:first-child h1 {
  margin: 0;
  color: #ffffff !important;
  font-size: var(--font-size-h1-hero) !important;
  line-height: var(--line-height-tight) !important;
  letter-spacing: -0.05em !important;
}

body.ct-page-family--legal main#brx-content > section:first-child p {
  margin: 0;
  max-width: 60ch;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: var(--font-size-body) !important;
  line-height: 1.7 !important;
}

body.ct-page-family--legal main#brx-content > section:last-child {
  padding: 56px 24px !important;
}

body.ct-page-family--legal main#brx-content > section:last-child > .brxe-container {
  max-width: 860px !important;
}

body.ct-page-family--legal .ct-legal-page,
body.ct-page-family--legal main#brx-content > section:last-child > .brxe-container {
  color: var(--ct-ink-700) !important;
  font-size: var(--font-size-body) !important;
  line-height: var(--line-height-body) !important;
}

body.ct-page-family--legal .ct-legal-page > div,
body.ct-page-family--legal main#brx-content > section:last-child > .brxe-container > div {
  margin-top: var(--space-48) !important;
  padding-top: var(--space-32) !important;
  border-top: 1px solid rgba(16, 32, 56, 0.1) !important;
}

body.ct-page-family--legal .ct-legal-page h2,
body.ct-page-family--legal main#brx-content > section:last-child h2 {
  margin: 0 0 var(--space-16) !important;
  color: var(--ct-ink-900) !important;
  font-family: var(--serif) !important;
  font-size: clamp(1.7rem, 1.55rem + 0.35vw, 2rem) !important;
  line-height: 1.14 !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
}

body.ct-page-family--legal .ct-legal-page h3,
body.ct-page-family--legal main#brx-content > section:last-child h3 {
  margin: var(--space-32) 0 var(--space-12) !important;
  color: var(--ct-ink-900) !important;
  font-family: var(--serif) !important;
  font-size: 1.35rem !important;
  line-height: 1.22 !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
}

body.ct-page-family--legal .ct-legal-page p,
body.ct-page-family--legal .ct-legal-page li,
body.ct-page-family--legal main#brx-content > section:last-child p,
body.ct-page-family--legal main#brx-content > section:last-child li {
  margin: 0 0 var(--space-16) !important;
  color: var(--ct-ink-700) !important;
  font-size: var(--font-size-body) !important;
  line-height: var(--line-height-body) !important;
}

body.ct-page-family--legal .ct-legal-page ul,
body.ct-page-family--legal .ct-legal-page ol,
body.ct-page-family--legal main#brx-content > section:last-child ul,
body.ct-page-family--legal main#brx-content > section:last-child ol {
  margin: 0 0 var(--space-16) !important;
  padding-left: 1.3rem !important;
}

body.ct-page-family--legal .ct-legal-page strong,
body.ct-page-family--legal main#brx-content > section:last-child strong {
  color: var(--ct-ink-900) !important;
}

body.ct-page-family--legal .ct-legal-page a,
body.ct-page-family--legal main#brx-content > section:last-child a {
  color: var(--ct-accent-strong) !important;
  text-decoration: none !important;
}

body.ct-page-family--legal .ct-legal-page a:hover,
body.ct-page-family--legal main#brx-content > section:last-child a:hover {
  text-decoration: underline !important;
}

body.ct-page-family--thank-you article#brx-content.wordpress.page {
  padding-top: var(--space-24);
}

.ct-success-card {
  display: grid;
  gap: var(--space-20, 1.25rem);
  padding: 40px;
  border-radius: 32px;
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 250, 253, 0.98) 100%);
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: var(--ct-shadow-card);
}

.ct-success-card h2 {
  margin: 0;
  color: var(--ct-ink-900);
  font-size: var(--font-size-h2);
  line-height: var(--line-height-heading);
  letter-spacing: -0.04em;
}

.ct-success-card p {
  margin: 0;
  max-width: 64ch;
}

body.ct-page-family--legal article#brx-content.wordpress.page {
  width: min(1260px, calc(100vw - 48px));
  margin: 0 auto var(--space-96);
  padding-top: var(--space-24);
  display: grid;
  gap: var(--space-32);
}

body.ct-page-family--legal article#brx-content.wordpress.page > *:not(.ct-legal-article-hero):not(.ct-legal-article-body) {
  display: none;
}

.ct-legal-article-hero,
.ct-legal-article-body {
  width: 100%;
  border-radius: 32px;
  overflow: hidden;
}

.ct-legal-article-hero {
  padding: 88px 24px 76px;
  background:
    radial-gradient(circle at 15% 20%, rgba(20, 200, 181, 0.18), transparent 28%),
    radial-gradient(circle at 85% 10%, rgba(74, 134, 255, 0.15), transparent 22%),
    linear-gradient(135deg, #0f1730 0%, #13233e 55%, #182f4d 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--ct-shadow-strong);
}

.ct-legal-article-hero .ct-hero-copy {
  max-width: 760px;
}

.ct-legal-article-hero .ct-kicker {
  margin-bottom: var(--space-16);
}

.ct-legal-article-hero h1 {
  margin: 0 0 var(--space-16);
  color: #ffffff;
  font-size: var(--font-size-h1-hero);
  line-height: var(--line-height-tight);
  letter-spacing: -0.05em;
}

.ct-legal-article-hero p {
  margin: 0;
  max-width: 60ch;
  color: rgba(255, 255, 255, 0.78);
  font-size: var(--font-size-body);
  line-height: 1.7;
}

.ct-legal-article-body {
  padding: 56px 24px;
  background:
    radial-gradient(circle at top left, rgba(20, 200, 181, 0.08), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 250, 253, 0.98) 100%);
  border: 1px solid rgba(16, 32, 56, 0.08);
  box-shadow: var(--ct-shadow-card);
}

@media (max-width: 991px) {
  body.ct-page-family--usecase main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child {
    grid-template-columns: 1fr !important;
  }

  body.ct-page-family--knowledge-hub article#brx-content .ct-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.ct-page-layout--sections main#brx-content,
  body.ct-page-family--usecase main#brx-content,
  body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing,
  body.ct-page-family--legal main#brx-content {
    gap: 24px;
    padding-bottom: 24px;
  }

  body.ct-page-layout--sections main#brx-content > section,
  body.ct-page-family--usecase main#brx-content > section,
  body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section,
  body.ct-page-family--legal main#brx-content > section,
  body.ct-page-family--knowledge-static article#brx-content,
  body.ct-page-family--legal article#brx-content.wordpress.page,
  body.ct-page-family--thank-you article#brx-content,
  body.ct-page-family--knowledge-hub article#brx-content {
    width: min(calc(100vw - 24px), 1240px) !important;
  }

  body.ct-page-layout--sections main#brx-content > section,
  body.ct-page-family--usecase main#brx-content > section,
  body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section,
  body.ct-page-family--legal main#brx-content > section {
    border-radius: 26px;
  }

  body.ct-page-layout--sections main#brx-content > section.ct-page-hero,
  body.ct-page-family--usecase main#brx-content > section:nth-child(1),
  body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:first-child,
  body.ct-page-family--legal main#brx-content > section:first-child {
    padding: 72px 18px 62px !important;
  }

  body.ct-page-family--usecase main#brx-content > section:nth-child(2),
  body.ct-page-family--usecase main#brx-content > section:nth-child(4),
  body.ct-page-family--usecase main#brx-content > section:nth-child(5),
  body.ct-page-family--legal main#brx-content > section:last-child,
  .ct-legal-article-body,
  body.ct-page-family--knowledge-hub article#brx-content .ct-block,
  .ct-success-card {
    padding: 32px 18px !important;
  }

  body.ct-page-family--usecase main#brx-content > section:nth-child(4) > .brxe-container > .brxe-container:not(:first-child),
  body.ct-page-family--usecase main#brx-content > section:nth-child(3) > .brxe-container > .brxe-container:last-child > .brxe-container,
  body.ct-page-family--knowledge-static main#brx-content.ct-compliance-landing > section:nth-child(2) > .brxe-container {
    padding: 22px !important;
  }

  body.ct-page-family--knowledge-hub article#brx-content .ct-card-grid {
    grid-template-columns: 1fr;
  }

  .ct-legal-article-hero {
    padding: 72px 18px 62px !important;
  }

  body.ct-page-family--legal .ct-legal-page h2,
  body.ct-page-family--legal main#brx-content > section:last-child h2 {
    font-size: 1.55rem !important;
  }
}

/* ==========================================================================
   Unified Rebuild Layer — calmer premium system across all public pages
   ========================================================================== */

:root {
  --ct-radius-lg: 24px;
  --ct-radius-md: 18px;
  --ct-radius-sm: 12px;
  --ct-container: min(1160px, calc(100vw - 40px));
  --content-max: 700px;
  --font-size-body-lg: 1.125rem;
  --font-size-body: 1.0625rem;
  --font-size-body-sm: 0.9375rem;
  --font-size-h1-hero: 3rem;
  --font-size-h1: 2.625rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.5rem;
  --font-size-h4: 1.25rem;
  --section-y: 4.5rem;
  --section-y-lg: 5.25rem;
  --card-padding: 1.75rem;
  --card-padding-tight: 1.25rem;
  --grid-gap: 1.25rem;
  --ct-shadow-card: 0 14px 32px rgba(12, 23, 43, 0.055);
  --ct-shadow-strong: 0 18px 52px rgba(6, 17, 34, 0.16);
}

.ct-page-system .ct-shell {
  width: min(1080px, calc(100vw - 40px));
  margin-inline: auto;
}

.ct-page-system .ct-section-head {
  gap: 1rem;
  margin-bottom: 1.5rem;
  max-width: 680px;
}

.ct-page-system .ct-section-head p {
  font-size: var(--font-size-body);
  line-height: 1.72;
}

.ct-page-system .ct-grid-2,
.ct-page-system .ct-grid-3,
.ct-page-system .ct-grid-4,
.ct-page-system .ct-control-grid,
.ct-page-system .ct-process-grid {
  gap: 1.25rem;
}

.ct-page-system .ct-card,
.ct-page-system .ct-team-card,
.ct-page-system .ct-usecase-card,
.ct-page-system .ct-metric-card,
.ct-page-system .ct-faq-card {
  padding: 1.5rem;
  border-radius: 18px;
  box-shadow: var(--ct-shadow-card);
}

.ct-page-system .ct-card h3,
.ct-page-system .ct-team-card h3,
.ct-page-system .ct-usecase-card h3,
.ct-page-system .ct-metric-card h3,
.ct-page-system .ct-faq-card h3 {
  font-size: var(--font-size-h4);
  line-height: 1.28;
  letter-spacing: -0.02em;
}

.ct-page-system .ct-card p,
.ct-page-system .ct-usecase-card p,
.ct-page-system .ct-metric-card p,
.ct-page-system .ct-team-card p,
.ct-page-system .ct-faq-card p {
  font-size: var(--font-size-body-sm);
  line-height: 1.68;
}

.ct-page-system .ct-hero-layout {
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
  gap: 2rem;
  align-items: start;
}

.ct-page-system .ct-hero-copy {
  max-width: 680px;
}

.ct-page-system .ct-hero-copy p,
.ct-page-system .ct-hero-copy .brxe-text-basic {
  max-width: 58ch;
  font-size: var(--font-size-body);
  line-height: 1.72;
}

.ct-page-system .ct-hero-actions {
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.ct-page-system .ct-btn-primary,
.ct-page-system .ct-btn-secondary {
  min-height: 48px;
  padding: 0 1.25rem;
  font-size: 0.95rem;
}

.ct-page-system .ct-proof-list {
  gap: 0.625rem;
  margin-top: 1rem;
}

.ct-page-system .ct-proof-item {
  min-height: 34px;
  padding: 0 0.875rem;
  font-size: 0.875rem;
}

.ct-page-system .ct-roi-banner {
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1.25rem;
  border-radius: 20px;
}

.ct-page-system .ct-roi-banner p {
  font-size: var(--font-size-body-sm);
  line-height: 1.65;
}

.ct-page-system .ct-control-panel {
  min-height: 360px;
  padding: 1.5rem;
  border-radius: 24px;
}

.ct-page-system .ct-control-stack {
  gap: 0.75rem;
}

.ct-page-system .ct-control-chip {
  padding: 0.625rem 0.875rem;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

.ct-page-system .ct-control-node {
  gap: 0.375rem;
  padding: 1rem 1.125rem;
  border-radius: 16px;
}

.ct-page-system .ct-control-node strong {
  font-size: 1.0625rem;
  line-height: 1.24;
}

.ct-page-system .ct-control-node span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.ct-page-system .ct-control-grid {
  margin-top: 1rem;
  gap: 1rem;
}

.ct-page-system .ct-cta-band {
  padding: 1.5rem 1.625rem;
  border-radius: 24px;
}

.ct-page-system .ct-cta-band p {
  max-width: 58ch;
  font-size: var(--font-size-body-sm);
  line-height: 1.68;
}

body.ct-page-layout--sections main#brx-content > section > .brxe-container {
  width: min(100%, 1060px);
}

body.ct-page-layout--sections main#brx-content > section.ct-page-hero {
  padding: 72px 24px 64px !important;
  border-radius: 28px;
}

body.ct-page-layout--sections main#brx-content > section.ct-page-hero > .brxe-container {
  max-width: 1060px !important;
  gap: 20px !important;
}

body.ct-page-family--home main#brx-content > section:not(.ct-page-hero) > .brxe-container,
body.ct-page-family--core main#brx-content > section:not(.ct-page-hero) > .brxe-container,
body.ct-page-family--knowledge-hub main#brx-content > section:not(.ct-page-hero) > .brxe-container,
body.ct-page-family--roi-calculator main#brx-content > section:not(.ct-page-hero) > .brxe-container {
  max-width: 1060px !important;
  gap: 20px !important;
}

body.ct-page-family--home .ct-block-hero .ct-control-panel,
body.ct-page-family--roi-calculator .ct-roi-hero__panel,
body.ct-page-family--roi-calculator .ct-roi-tool__results {
  box-shadow: var(--ct-shadow-strong);
}

body.ct-page-family--home .ct-block-hero .ct-control-node:first-of-type {
  padding: 1.125rem 1.25rem;
}

body.ct-page-family--home .ct-block-hero .ct-control-grid .ct-control-node {
  min-height: 0;
}

body.ct-page-family--knowledge-hub .ct-block-cards,
body.ct-page-family--knowledge-hub .ct-block-knowledge-blocks {
  padding-top: var(--section-y);
  padding-bottom: var(--section-y);
}

body.ct-page-family--knowledge-hub .ct-block-cards .ct-grid-3,
body.ct-page-family--knowledge-hub .ct-block-knowledge-blocks .ct-grid-3 {
  gap: 1.125rem;
}

body.ct-page-family--knowledge-hub .ct-block-knowledge-cta {
  padding-top: var(--section-y);
  padding-bottom: var(--section-y);
}

body.ct-page-family--knowledge-hub .ct-block-knowledge-cta .ct-cta-band {
  align-items: start;
}

body.ct-page-family--roi-calculator .ct-roi-hero,
body.ct-page-family--roi-calculator .ct-roi-tool,
body.ct-page-family--roi-calculator .ct-roi-section {
  gap: 1.5rem;
}

body.ct-page-family--roi-calculator .ct-roi-tool__form,
body.ct-page-family--roi-calculator .ct-roi-tool__results,
body.ct-page-family--roi-calculator .ct-roi-section__copy,
body.ct-page-family--roi-calculator .ct-roi-section__panel,
body.ct-page-family--roi-calculator .ct-roi-hero__panel {
  padding: 1.5rem;
  border-radius: 20px;
}

body.ct-page-family--legal .ct-legal-page {
  max-width: 760px;
}

@media (max-width: 991px) {
  :root {
    --font-size-h1-hero: 2.5rem;
    --font-size-h1: 2.25rem;
    --font-size-h2: 1.75rem;
    --font-size-h3: 1.375rem;
    --section-y: 4rem;
    --section-y-lg: 4.5rem;
    --card-padding: 1.375rem;
  }

  .ct-page-system .ct-shell {
    width: min(100%, calc(100vw - 32px));
  }

  body.ct-page-layout--sections main#brx-content > section.ct-page-hero {
    padding: 60px 18px 52px !important;
  }
}

@media (max-width: 767px) {
  :root {
    --font-size-body-lg: 1rem;
    --font-size-body: 1rem;
    --font-size-h1-hero: 2rem;
    --font-size-h1: 1.875rem;
    --font-size-h2: 1.5rem;
    --font-size-h3: 1.25rem;
    --section-y: 3.25rem;
    --section-y-lg: 3.75rem;
    --grid-gap: 1rem;
    --card-padding: 1.25rem;
  }

  .ct-page-system .ct-shell {
    width: min(100%, calc(100vw - 24px));
  }

  .ct-page-system .ct-card,
  .ct-page-system .ct-team-card,
  .ct-page-system .ct-usecase-card,
  .ct-page-system .ct-metric-card,
  .ct-page-system .ct-faq-card,
  .ct-page-system .ct-roi-banner,
  .ct-page-system .ct-cta-band,
  .ct-page-system .ct-control-panel {
    padding: 1.125rem;
  }

  .ct-page-system .ct-control-node {
    padding: 0.9375rem 1rem;
  }

  .ct-page-system .ct-btn-primary,
  .ct-page-system .ct-btn-secondary {
    width: 100%;
  }

  body.ct-page-layout--sections main#brx-content > section.ct-page-hero {
    padding: 52px 12px 44px !important;
  }
}