/* Source: styles.css */

:root {
  --bg: #f6f4f0;
  --bg-soft: #f1ede7;
  --bg-alt: #ebe6df;
  --panel: #ffffff;
  --panel-soft: #faf8f5;
  --panel-accent: #e4ece8;
  --text: #1f1c19;
  --text-soft: #5f5952;
  --muted: #7e776f;
  --line: #e4ddd4;
  --line-strong: #d7cfc6;
  --accent: #22463b;
  --accent-2: #2b5a4c;
  --accent-soft: #dfe9e4;
  --accent-strong: #17342b;
  --warning: #a46d22;
  --event-pink: #d14488;
  --max: 1280px;
  --radius: 24px;
  --radius-lg: 30px;
  --shadow: 0 18px 50px rgba(33, 28, 24, 0.08);
  --shadow-soft: 0 8px 26px rgba(33, 28, 24, 0.045);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 70, 59, 0.06), transparent 24%),
    radial-gradient(circle at 100% 0%, rgba(34, 70, 59, 0.03), transparent 22%),
    linear-gradient(180deg, #f7f5f2 0%, #f5f3ef 48%, #f2efea 100%);
  line-height: 1.6;
}

a { color: inherit; text-decoration: none; }
.container { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(16px);
  background: rgba(247, 245, 242, 0.88);
  border-bottom: 1px solid rgba(215, 207, 198, 0.72);
}
.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 76px;
}
.logo-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  letter-spacing: -0.04em;
  font-size: 1.55rem;
  color: var(--text);
}
.nav-links {
  display: flex;
  gap: 24px;
  align-items: center;
  color: var(--muted);
  font-size: 0.95rem;
}
.nav-links a:hover { color: var(--text); }
.portal-button {
  color: var(--accent) !important;
  min-height: 42px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(34, 70, 59, 0.62);
  background: rgba(223, 233, 228, 0.34);
  border-radius: 2px;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.38);
}

.portal-button:hover {
  color: #f7f5f2 !important;
  border-color: var(--accent);
  background: var(--accent);
}

.hero {
  padding: 92px 0 88px;
  position: relative;
  overflow: hidden;
}
.hero-field {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: radial-gradient(118% 118% at 82% -12%, #1d252f 0%, #12171c 34%, #0d1014 58%, #0e0e10 88%);
}
.hero-field > .hero.hero-dark,
.hero-field > .section.manifesto {
  background: transparent;
}
.hero-field > section {
  position: relative;
}
.hero-field::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("assets/mf-hero-v.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
  opacity: .8;
  pointer-events: none;
  z-index: 1;
}
.hero-field.hero-field .hero-content,
.hero-field.hero-field .hero-actions,
.hero-field.hero-field .hero-visual,
.hero-field.hero-field .hero-chips,
.hero-field.hero-field .manifesto-inner,
.hero-field.hero-field .eyebrow {
  position: relative;
  z-index: 2;
}

.module-hero { position: relative; overflow: hidden; }
.module-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("assets/mf-hero-v.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 132%;
  opacity: .5;
  pointer-events: none;
  z-index: 0;
}
.module-hero > * { position: relative; z-index: 1; }
.hero::after {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 42%;
  height: 100%;
  background: linear-gradient(180deg, rgba(223, 233, 228, 0.34), transparent 72%);
  pointer-events: none;
}
.hero-stack {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 34px;
}
.eyebrow {
  color: var(--accent);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin: 0 0 16px;
}
h1, h2, h3 {
  margin: 0;
  line-height: 1.08;
  letter-spacing: -0.045em;
  color: var(--text);
}
h1 { font-size: clamp(2.45rem, 4.6vw, 4.25rem); max-width: 780px; }
h2 { font-size: clamp(2.1rem, 4.2vw, 3.75rem); }
h3 { font-size: 1.15rem; }
.hero-lead {
  color: var(--text);
  font-size: clamp(1.08rem, 1.75vw, 1.3rem);
  line-height: 1.58;
  text-wrap: pretty;
  max-width: 760px;
  margin-top: 24px;
}
.hero-content p:not(.eyebrow):not(.hero-lead) {
  color: var(--text-soft);
  max-width: 760px;
  font-size: 1.04rem;
}
.hero-actions {
  display: flex;
  gap: 12px;
  margin-top: 34px;
  flex-wrap: wrap;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border-radius: 999px;
  font-weight: 700;
  border: 1px solid var(--line-strong);
  transition: all .18s ease;
}
.button:hover { transform: translateY(-1px); }
.button.primary {
  background: var(--accent);
  color: #f7f5f2;
  border-color: var(--accent);
}
.button.secondary {
  background: #fff;
  color: var(--text);
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.badge.success { background: #dce9e3; color: var(--accent); }
.badge.neutral { background: #ede8e2; color: var(--text-soft); }
.badge.warning { background: #f2e6d3; color: var(--warning); }


.hero-log-block { width: 100%; }
.problem-log-block { margin-top: 36px; }

.inventory-backend-card {
  margin: 8px 0 36px;
  background: linear-gradient(180deg, rgba(247, 245, 242, 0.98), rgba(241, 237, 232, 0.98));
  border: 1px solid var(--line-strong);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--shadow);
}
.inventory-header-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
  padding: 22px;
  border-bottom: 1px solid var(--line);
}
.inventory-header-copy h3 {
  font-size: 2rem;
  letter-spacing: -0.04em;
}
.inventory-header-copy p:last-child {
  margin: 10px 0 0;
  color: var(--muted);
  max-width: 740px;
  font-size: 0.98rem;
}
.inventory-kicker {
  color: var(--accent);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.inventory-top-actions,
.inventory-board-filters {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.inventory-action-pill,
.inventory-board-filters span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--line-strong);
  background: rgba(255,255,255,0.78);
  color: var(--text-soft);
  font-size: 0.86rem;
  font-weight: 700;
}
.inventory-action-pill.active,
.inventory-board-filters span:last-child {
  background: #f0e3d9;
  border-color: #e5c6b1;
  color: #a7521d;
}
.inventory-stat-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  padding: 0 22px 22px;
}
.inventory-stat {
  background: rgba(255,255,255,0.72);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 18px;
  min-height: 170px;
}
.inventory-stat span {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7e8790;
  font-size: 0.8rem;
  font-weight: 800;
  margin-bottom: 16px;
}
.inventory-stat strong {
  display: block;
  font-size: 2rem;
  letter-spacing: -0.04em;
  color: var(--text);
  margin-bottom: 10px;
}
.inventory-stat p {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.93rem;
  line-height: 1.48;
}
.inventory-stat-highlight {
  background: linear-gradient(135deg, #f0e3d9, #f7eee8);
  border-color: #e5c6b1;
}
.inventory-stat-highlight span,
.inventory-stat-highlight strong,
.inventory-stat-highlight p {
  color: #a7521d;
}
.inventory-board-shell {
  margin: 0 22px 22px;
  background: rgba(255,255,255,0.48);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
}
.inventory-board-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 18px;
}
.inventory-board-head h3 {
  font-size: 1.8rem;
}
.inventory-columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.inventory-column {
  background: rgba(255,255,255,0.68);
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}
.inventory-column-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid var(--line);
}
.inventory-column-head h4 {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.25;
  color: var(--text);
  letter-spacing: -0.02em;
}
.inventory-column-head span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #f0e3d9;
  border: 1px solid #e5c6b1;
  color: #a7521d;
  font-size: 0.82rem;
  font-weight: 800;
}
.inventory-empty-state {
  margin: 14px;
  padding: 16px;
  border-radius: 14px;
  border: 1px dashed var(--line-strong);
  background: rgba(250, 248, 245, 0.86);
  color: var(--text-soft);
  font-size: 0.9rem;
  line-height: 1.5;
}
.log-backend-card {
  background: linear-gradient(180deg, rgba(247, 245, 242, 0.98), rgba(241, 237, 232, 0.98));
  border: 1px solid var(--line-strong);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--shadow);
}
.log-backend-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
  padding: 20px 22px 14px;
  border-bottom: 1px solid var(--line);
}
.log-backend-header h3 { font-size: 2rem; letter-spacing: -0.04em; color: var(--text); }
.log-backend-header p { margin: 6px 0 0; color: var(--muted); font-size: 0.98rem; }
.log-table-head,
.log-table-row {
  display: grid;
  grid-template-columns: 135px minmax(180px, 1.25fr) 95px 125px minmax(280px, 1.55fr);
  gap: 12px;
  align-items: start;
}
.log-table-head {
  padding: 12px 22px;
  color: #7e8790;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--line-strong);
  background: rgba(255,255,255,0.55);
}
.log-table-row {
  padding: 10px 22px;
  border-bottom: 1px solid var(--line);
}
.log-table-row:last-child { border-bottom: 0; }
.cell {
  padding: 14px 6px;
  font-size: 0.89rem;
  color: var(--text);
}
.cell.time,
.cell.charge,
.cell.actor { color: var(--text-soft); }
.cell.event strong { display: block; font-size: 0.92rem; color: var(--text); }
.cell.event small {
  display: block;
  color: var(--muted);
  font-size: 0.79rem;
  margin-top: 5px;
  line-height: 1.4;
}
.cell.event.event-pink strong {
  color: var(--event-pink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.88rem;
}
.details-box {
  background: rgba(255,255,255,0.72);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 10px 12px;
}
.details-box ul {
  margin: 0;
  padding-left: 16px;
  color: var(--text-soft);
  font-size: 0.8rem;
}
.details-box li { margin: 0 0 4px; line-height: 1.38; }
.details-box li strong { color: var(--text); }
.details-box.compact { padding-top: 10px; padding-bottom: 10px; }

.section {
  padding: 96px 0;
  border-top: 1px solid rgba(215, 207, 198, 0.62);
}
.problem {
  background: linear-gradient(180deg, rgba(255,255,255,0.28), transparent 100%);
}
.process {
  background: transparent;
}
.infrastructure {
  background: linear-gradient(180deg, rgba(223, 233, 228, 0.62), rgba(247,245,242,0.25) 78%);
}
.cannabis {
  background: linear-gradient(180deg, rgba(255,255,255,0.20), transparent 100%);
}
.scale {
  background: transparent;
}

.two-col {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 72px;
}
.text-stack p {
  color: var(--text-soft);
  font-size: 1.08rem;
  margin: 0 0 22px;
}
.text-stack p:last-child { margin-bottom: 0; }
.section-heading { max-width: 860px; margin-bottom: 42px; }
.section-heading.compact { max-width: 960px; }

.process-line {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin: 34px 0 44px;
}
.process-line span {
  border: 1px solid var(--line-strong);
  border-radius: 16px;
  padding: 16px 12px;
  text-align: center;
  background: rgba(255,255,255,0.78);
  font-weight: 800;
  color: var(--text);
  box-shadow: 0 4px 14px rgba(33, 28, 24, 0.03);
}
.after-process { align-items: start; }
.benefit-box {
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  padding: 28px;
  box-shadow: var(--shadow-soft);
}
.benefit-box h3 { margin-top: 0; margin-bottom: 8px; color: var(--accent); }
.benefit-box p { color: var(--text-soft); margin-top: 0; margin-bottom: 24px; }
.benefit-box p:last-child { margin-bottom: 0; }

.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.feature-card {
  background: rgba(255,255,255,0.84);
  border: 1px solid var(--line-strong);
  border-radius: 24px;
  padding: 24px;
  min-height: 250px;
  box-shadow: var(--shadow-soft);
}
.feature-card.wide { grid-column: span 3; min-height: auto; }
.feature-card h3 { margin-bottom: 14px; color: var(--text); }
.feature-card p { color: var(--text-soft); margin: 0; }

.cta-section { padding: 100px 0; }
.cta-card {
  border-radius: calc(var(--radius-lg) + 2px);
  padding: 56px;
  background: linear-gradient(135deg, #e6eeea, #f7f5f2 72%);
  border: 1px solid var(--line-strong);
  box-shadow: var(--shadow);
}
.cta-card p:not(.eyebrow) {
  color: var(--text-soft);
  max-width: 680px;
  font-size: 1.12rem;
}

.site-footer {
  padding: 50px 0;
  border-top: 1px solid rgba(212, 206, 198, 0.82);
  background: rgba(244, 241, 236, 0.88);
}
.footer-grid {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: flex-start;
}
.footer-grid p { color: var(--text-soft); max-width: 430px; }
.footer-links { display: flex; gap: 18px; flex-wrap: wrap; color: var(--muted); }
.footer-links a:hover { color: var(--text); }

.legal-page { padding: 80px 0 120px; }
.legal-page h1 { font-size: clamp(2.4rem, 4.4vw, 4.4rem); margin-bottom: 22px; }
.legal-page p, .legal-page li { color: var(--text-soft); font-size: 1.05rem; }
.legal-box {
  margin-top: 34px;
  padding: 28px;
  border-radius: 24px;
  border: 1px solid var(--line-strong);
  background: rgba(255,255,255,0.82);
  box-shadow: var(--shadow-soft);
}

@media (max-width: 1040px) {
  .log-table-head, .log-table-row {
    grid-template-columns: 120px 1.1fr 80px 110px 1.45fr;
    gap: 10px;
  }
  .inventory-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .inventory-columns { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 980px) {
  .two-col { grid-template-columns: 1fr; gap: 34px; }
  .inventory-header-row, .inventory-board-head { flex-direction: column; }
  .hero { padding-top: 72px; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .feature-card.wide { grid-column: span 2; }
  .process-line { grid-template-columns: repeat(3, 1fr); }
  .log-table-head { display: none; }
  .log-table-row { grid-template-columns: 1fr; gap: 0; padding: 0 0 8px; }
  .cell { padding: 10px 18px; }
  .cell::before {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7e8790;
    margin-bottom: 5px;
  }
  .cell.time::before { content: 'Time'; }
  .cell.event::before { content: 'Event'; }
  .cell.charge::before { content: 'Batch'; }
  .cell.actor::before { content: 'Actor'; }
  .cell.details::before { content: 'Details'; }
}

@media (max-width: 720px) {
  .container { width: min(100% - 28px, var(--max)); }
  .inventory-stat-grid, .inventory-columns { grid-template-columns: 1fr; }
  .inventory-header-row, .inventory-board-shell, .inventory-stat-grid { padding-left: 16px; padding-right: 16px; }
  .inventory-board-shell { margin-left: 16px; margin-right: 16px; }
  .nav { min-height: 68px; }
  .nav-links { display: none; }
  .hero, .section, .cta-section { padding: 62px 0; }
  h1 { font-size: clamp(2.15rem, 10vw, 3.2rem); }
  h2 { font-size: clamp(2rem, 10vw, 3rem); }
  .log-backend-header,
  .cta-card { padding-left: 16px; padding-right: 16px; }
  .log-backend-header { padding-top: 16px; }
  .log-backend-header h3 { font-size: 1.5rem; }
  .process-line, .feature-grid { grid-template-columns: 1fr; }
  .feature-card.wide { grid-column: auto; }
  .footer-grid { flex-direction: column; }
}


/* Geometry refinements for the Inventory mockup */
.inventory-backend-card {
  margin-top: 42px;
}

.inventory-stat-grid {
  align-items: stretch;
}

.inventory-stat {
  display: grid;
  grid-template-rows: 44px 42px 1fr;
  gap: 8px;
  min-height: 188px;
}

.inventory-stat span {
  min-height: 44px;
  display: flex;
  align-items: flex-start;
  line-height: 1.35;
  hyphens: auto;
}

.inventory-stat strong {
  min-height: 42px;
  display: flex;
  align-items: center;
  margin: 0;
}

.inventory-stat p {
  align-self: start;
}

.inventory-columns {
  align-items: stretch;
}

.inventory-column {
  display: grid;
  grid-template-rows: 86px 1fr;
  min-height: 190px;
}

.inventory-column-head {
  min-height: 86px;
  align-items: flex-start;
}

.inventory-column-head h4 {
  min-height: 46px;
  display: flex;
  align-items: flex-start;
}

.inventory-column-head span {
  flex: 0 0 auto;
  margin-top: 0;
}

.inventory-empty-state {
  min-height: 86px;
  display: flex;
  align-items: center;
}

@media (max-width: 1040px) {
  .inventory-stat {
    min-height: 170px;
  }
  .inventory-column {
    min-height: 170px;
  }
}

@media (max-width: 720px) {
  .inventory-stat {
    grid-template-rows: auto auto auto;
  }
  .inventory-stat span,
  .inventory-stat strong,
  .inventory-column-head h4 {
    min-height: auto;
  }
  .inventory-column {
    grid-template-rows: auto auto;
  }
  .inventory-column-head {
    min-height: auto;
  }
  .inventory-empty-state {
    min-height: auto;
  }
}


/* SOP library mockup */
.sop-library-card {
  margin-top: 42px;
  background: linear-gradient(180deg, rgba(247, 245, 242, 0.98), rgba(241, 237, 232, 0.98));
  border: 1px solid var(--line-strong);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.sop-library-header {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
  padding: 22px;
  border-bottom: 1px solid var(--line);
}

.sop-kicker {
  color: var(--accent);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.sop-library-header h3 {
  font-size: 2rem;
  letter-spacing: -0.04em;
}

.sop-library-header p:last-child {
  margin: 10px 0 0;
  color: var(--muted);
  max-width: 780px;
  font-size: 0.98rem;
}

.sop-primary-action {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 14px;
  background: #f0e3d9;
  border: 1px solid #e5c6b1;
  color: #a7521d;
  font-size: 0.88rem;
  font-weight: 800;
  white-space: nowrap;
}

.sop-table {
  padding: 0 22px 18px;
}

.sop-table-head,
.sop-row {
  display: grid;
  grid-template-columns: minmax(360px, 2.4fr) minmax(170px, .78fr) 80px minmax(130px, .55fr) 90px 130px;
  gap: 18px;
  align-items: center;
}

.sop-table-head {
  padding: 13px 0;
  color: #7e8790;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--line-strong);
}

.sop-row {
  min-height: 74px;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
}

.sop-row:last-child {
  border-bottom: 0;
}

.sop-title strong {
  display: block;
  color: var(--text);
  font-size: 0.94rem;
  line-height: 1.3;
}

.sop-title small {
  display: block;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.4;
  margin-top: 4px;
  max-width: 760px;
}

.sop-row > span {
  color: var(--text-soft);
  font-size: 0.88rem;
}

.status,
.version-btn {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  font-style: normal;
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
}

.status.active {
  color: #a7521d;
  background: #f0e3d9;
  border: 1px solid #e5c6b1;
}

.status.inactive {
  color: #5f6670;
  background: #eceff1;
  border: 1px solid #d9dee2;
}

.version-btn {
  color: var(--text-soft);
  background: rgba(255,255,255,0.72);
  border: 1px solid var(--line);
}

@media (max-width: 1120px) {
  .sop-table-head {
    display: none;
  }
  .sop-row {
    grid-template-columns: 1fr 1fr;
    gap: 10px 18px;
    align-items: start;
    min-height: auto;
    padding: 16px 0;
  }
  .sop-title {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .sop-library-header {
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
  }
  .sop-table {
    padding-left: 16px;
    padding-right: 16px;
  }
  .sop-row {
    grid-template-columns: 1fr;
  }
}


/* Header / Hero text full-width refinement */
.hero-content {
  width: 100%;
  max-width: none;
}

.hero-content h1,
h1 {
  max-width: none;
}

.hero-lead,
.hero-content p:not(.eyebrow):not(.hero-lead) {
  max-width: none;
}

.hero-lead {
  max-width: 980px;
}

.hero-content p:not(.eyebrow):not(.hero-lead) {
  max-width: 1180px;
}

.hero-actions {
  width: 100%;
}


/* Footer refinement: copyright and language switch */
.footer-bottom {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(212, 206, 198, 0.82);
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.footer-bottom p {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.9rem;
}

.language-switch {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.language-switch a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid var(--line-strong);
  background: rgba(255,255,255,0.72);
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 800;
}

.language-switch a.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #f7f5f2;
}

@media (max-width: 720px) {
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* Contact box with founder photo */
.cta-card-person {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) 320px;
  gap: 28px;
  align-items: center;
}

.cta-content {
  min-width: 0;
}

.cta-person-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.52);
  border: 1px solid var(--line);
}

.cta-person-image {
  width: 100%;
  max-width: 240px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 18px;
  display: block;
  box-shadow: var(--shadow-soft);
}

.cta-person-caption {
  margin: 0;
  text-align: center;
  color: var(--text);
  font-size: 0.98rem;
  line-height: 1.45;
  font-weight: 700;
}

.cta-person-caption a {
  color: inherit;
  text-decoration: none;
}

.cta-person-caption a:hover,
.cta-person-caption a:focus-visible {
  text-decoration: underline;
}

.cta-person-caption span {
  display: block;
  margin-top: 4px;
  color: var(--text-soft);
  font-size: 0.88rem;
  font-weight: 600;
}

.cta-person-caption span + span {
  margin-top: 6px;
}

@media (max-width: 860px) {
  .cta-card-person {
    grid-template-columns: 1fr;
  }

  .cta-person-card {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
  }
}


/* Footer contact block */
.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--text-soft);
  min-width: 190px;
}

.footer-contact span {
  color: var(--text);
  font-weight: 800;
  font-size: 0.9rem;
}

.footer-contact a {
  color: var(--muted);
  font-size: 0.92rem;
}

.footer-contact a:hover {
  color: var(--text);
}

@media (max-width: 860px) {
  .footer-grid {
    flex-direction: column;
  }
}

/* Customers & partners */
.partners-section {
  padding-top: 82px;
  padding-bottom: 82px;
  background: rgba(255,255,255,0.34);
  border-top: 1px solid rgba(215, 207, 198, 0.62);
}

.partners-centered {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 22px;
}

.partners-centered .eyebrow {
  margin-bottom: 0;
}

.partners-centered h2 {
  max-width: 720px;
}

.partner-card {
  width: min(100%, 640px);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 156px;
  margin-top: 10px;
  padding: 34px 46px;
  border: 1px solid var(--line);
  border-radius: 26px;
  background: rgba(255,255,255,0.74);
  box-shadow: var(--shadow-soft);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.partner-card:hover {
  transform: translateY(-2px);
  border-color: rgba(34, 70, 59, 0.34);
  box-shadow: 0 18px 44px rgba(33, 28, 24, 0.09);
}

.partner-logo {
  width: min(100%, 420px);
  height: auto;
  display: block;
}

@media (max-width: 860px) {
  .partner-card {
    min-height: 124px;
    padding: 26px;
  }
}



/* Legal page refinement */
.legal-narrow {
  max-width: 920px;
}

.legal-box section + section {
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid rgba(212, 206, 198, 0.78);
}

.legal-box h2 {
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}

.legal-box p {
  margin: 0;
}

.legal-box a {
  color: var(--accent);
  font-weight: 700;
}

.legal-imprint {
  line-height: 1.75;
}


/* Privacy page refinement */
.legal-lead {
  color: var(--text-soft);
  max-width: 820px;
  font-size: 1.12rem;
  margin: 0 0 30px;
}

.legal-toc {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 34px 0 34px;
}

.legal-toc a {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  align-items: start;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid rgba(212, 206, 198, 0.78);
  border-radius: 14px;
  background: rgba(255,255,255,0.62);
  color: var(--text-soft);
  font-size: 0.92rem;
  line-height: 1.35;
}

.legal-toc a:hover {
  color: var(--text);
  border-color: rgba(34, 70, 59, 0.30);
}

.legal-toc span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--accent);
  color: #f7f5f2;
  font-size: 0.78rem;
  font-weight: 800;
}

.legal-privacy section {
  scroll-margin-top: 100px;
}

.legal-privacy section + section {
  margin-top: 34px;
  padding-top: 30px;
  border-top: 1px solid rgba(212, 206, 198, 0.78);
}

.legal-privacy h2 {
  font-size: clamp(1.25rem, 2.3vw, 1.75rem);
  margin-bottom: 14px;
  letter-spacing: -0.03em;
}

.legal-privacy p {
  margin: 0 0 12px;
  line-height: 1.75;
}

.legal-privacy p:last-child {
  margin-bottom: 0;
}

@media (max-width: 820px) {
  .legal-toc {
    grid-template-columns: 1fr;
  }
}


/* Legal documents overview */
.legal-doc-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.legal-doc-card {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 26px;
  border: 1px solid rgba(212, 206, 198, 0.86);
  border-radius: 24px;
  background: rgba(255,255,255,0.78);
  box-shadow: var(--shadow-soft);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.legal-doc-card:hover {
  transform: translateY(-2px);
  border-color: rgba(34, 70, 59, 0.34);
  box-shadow: 0 18px 44px rgba(33, 28, 24, 0.09);
}

.legal-doc-card span {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.72rem;
  font-weight: 800;
  margin-bottom: 16px;
}

.legal-doc-card h2 {
  font-size: 1.45rem;
  margin-bottom: 12px;
}

.legal-doc-card p {
  color: var(--text-soft);
  margin: 0;
}

.legal-doc-card em {
  margin-top: auto;
  color: var(--accent);
  font-style: normal;
  font-weight: 800;
}

.legal-note {
  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid rgba(212, 206, 198, 0.78);
  border-radius: 18px;
  background: rgba(223, 233, 228, 0.34);
  color: var(--text-soft);
  line-height: 1.6;
}

.legal-terms section + section {
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid rgba(212, 206, 198, 0.78);
}

.legal-terms h2 {
  font-size: clamp(1.2rem, 2.1vw, 1.6rem);
  margin-bottom: 12px;
}

.legal-terms p {
  margin: 0 0 12px;
  line-height: 1.75;
}

.legal-terms p:last-child {
  margin-bottom: 0;
}

@media (max-width: 980px) {
  .legal-doc-grid {
    grid-template-columns: 1fr;
  }

  .legal-doc-card {
    min-height: auto;
  }
}


.legal-doc-grid.single {
  grid-template-columns: minmax(0, 1fr);
  max-width: 520px;
}


/* Infrastructure heading full width */
.infrastructure .section-heading.compact {
  max-width: none;
}

.infrastructure .section-heading.compact h2 {
  max-width: 1180px;
}


/* Mobile readiness pass: keep desktop mockups, but make them behave like mobile cards */
.mobile-portal-button {
  display: none;
}

@media (max-width: 860px) {
  .site-header {
    position: sticky;
  }

  .nav {
    min-height: 64px;
    gap: 16px;
  }

  .logo-mark {
    font-size: 1.42rem;
  }

  .mobile-portal-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border: 1.5px solid rgba(34, 70, 59, 0.62);
    border-radius: 2px;
    color: var(--accent);
    background: rgba(223, 233, 228, 0.34);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
  }

  .nav-links {
    display: none !important;
  }

  .hero {
    padding: 56px 0 54px;
  }

  .hero::after {
    width: 100%;
    opacity: .5;
  }

  .hero-stack {
    gap: 22px;
  }

  .hero-lead,
  .hero-content p:not(.eyebrow):not(.hero-lead) {
    max-width: none;
    font-size: 1rem;
  }

  .hero-actions {
    margin-top: 26px;
  }

  .button {
    width: 100%;
  }

  .section {
    padding: 56px 0;
  }

  .two-col {
    gap: 24px;
  }

  .text-stack p {
    font-size: 1rem;
  }
}

@media (max-width: 720px) {
  .container {
    width: min(100% - 28px, var(--max));
  }

  h1 {
    font-size: clamp(2rem, 10.5vw, 3rem);
    line-height: 1.03;
  }

  h2 {
    font-size: clamp(1.88rem, 9.4vw, 2.7rem);
    line-height: 1.06;
  }

  .eyebrow {
    font-size: .72rem;
    letter-spacing: .14em;
    margin-bottom: 12px;
  }

  .section-heading {
    margin-bottom: 28px;
  }

  .problem-log-block,
  .inventory-backend-card,
  .sop-library-card {
    margin-top: 28px;
    border-radius: 18px;
    box-shadow: 0 12px 34px rgba(33, 28, 24, 0.07);
  }

  /* Audit log: table becomes readable event cards */
  .log-backend-card {
    border-radius: 18px;
  }

  .log-backend-header {
    padding: 16px 16px 12px;
    flex-direction: column;
    gap: 12px;
  }

  .log-backend-header h3 {
    font-size: 1.45rem;
  }

  .log-backend-header p {
    font-size: .92rem;
  }

  .log-table {
    padding: 12px;
  }

  .log-table-head {
    display: none !important;
  }

  .log-table-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 13px;
    margin-bottom: 12px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255,255,255,.72);
    box-shadow: var(--shadow-soft);
  }

  .log-table-row:last-child {
    margin-bottom: 0;
  }

  .log-table-row:nth-of-type(n+4) {
    display: none;
  }

  .cell {
    padding: 0;
    font-size: .9rem;
  }

  .cell::before {
    display: block;
    margin-bottom: 3px;
    color: #7e8790;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .cell.time::before { content: "Time"; }
  .cell.event::before { content: "Event"; }
  .cell.charge::before { content: "Batch"; }
  .cell.actor::before { content: "Actor"; }
  .cell.details::before { content: "Evidence"; }

  .cell.event strong {
    font-size: .88rem;
    word-break: break-word;
  }

  .cell.event small {
    font-size: .78rem;
  }

  .details-box {
    padding: 10px;
    border-radius: 12px;
  }

  .details-box ul {
    padding-left: 15px;
    font-size: .78rem;
  }

  .details-box li:nth-child(n+5) {
    display: none;
  }

  /* Inventory: dashboard becomes compact stacked cards */
  .inventory-backend-card {
    overflow: visible;
  }

  .inventory-header-row {
    padding: 16px;
    flex-direction: column;
    gap: 12px;
  }

  .inventory-header-copy h3,
  .inventory-board-head h3,
  .sop-library-header h3 {
    font-size: 1.45rem;
  }

  .inventory-header-copy p:last-child,
  .sop-library-header p:last-child {
    font-size: .92rem;
  }

  .inventory-top-actions,
  .inventory-board-filters {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    padding-bottom: 2px;
  }

  .inventory-action-pill,
  .inventory-board-filters span {
    white-space: nowrap;
    min-height: 34px;
    padding: 0 12px;
    font-size: .78rem;
  }

  .inventory-stat-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 0 16px 16px;
  }

  .inventory-stat {
    min-height: auto;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 4px 16px;
    padding: 13px;
    border-radius: 15px;
  }

  .inventory-stat span {
    grid-column: 1;
    min-height: 0;
    margin-bottom: 0;
    font-size: .72rem;
  }

  .inventory-stat strong {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-height: 0;
    margin: 0;
    align-self: center;
    font-size: 1.45rem;
  }

  .inventory-stat p {
    grid-column: 1;
    font-size: .86rem;
  }

  .inventory-board-shell {
    margin: 0 16px 16px;
    padding: 13px;
    border-radius: 16px;
  }

  .inventory-board-head {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 14px;
  }

  .inventory-columns {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .inventory-column {
    min-height: auto;
    display: block;
    border-radius: 15px;
  }

  .inventory-column-head {
    min-height: auto;
    padding: 13px;
  }

  .inventory-column-head h4 {
    min-height: 0;
    font-size: .96rem;
  }

  .inventory-empty-state {
    min-height: 0;
    margin: 0 14px 14px;
    padding: 12px;
    font-size: .84rem;
  }

  /* SOP library: table becomes compact template cards */
  .sop-library-header {
    padding: 16px;
    flex-direction: column;
    gap: 12px;
  }

  .sop-primary-action {
    min-height: 36px;
    font-size: .8rem;
  }

  .sop-table {
    padding: 12px 16px 16px;
  }

  .sop-table-head {
    display: none !important;
  }

  .sop-row {
    display: grid;
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 9px;
    padding: 13px;
    margin-bottom: 10px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: rgba(255,255,255,.72);
  }

  .sop-row:last-child {
    margin-bottom: 0;
  }

  .sop-row:nth-of-type(n+8) {
    display: none;
  }

  .sop-title strong {
    font-size: .9rem;
  }

  .sop-title small {
    font-size: .78rem;
  }

  .sop-row > span {
    font-size: .82rem;
  }

  .sop-row > span:nth-of-type(1)::before { content: "Category: "; font-weight: 800; color: var(--text); }
  .sop-row > span:nth-of-type(2)::before { content: "Version: "; font-weight: 800; color: var(--text); }
  .sop-row > span:nth-of-type(3)::before { content: "Duration: "; font-weight: 800; color: var(--text); }

  .status,
  .version-btn {
    min-height: 28px;
    font-size: .74rem;
  }

  .process-line {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 26px 0 30px;
  }

  .process-line span {
    padding: 13px 12px;
    border-radius: 14px;
    font-size: .92rem;
  }

  .feature-grid {
    grid-template-columns: 1fr;
  }

  .feature-card.wide {
    grid-column: auto;
  }

  .contact-card,
  .cta-card {
    border-radius: 18px;
  }

  .contact-profile {
    grid-template-columns: 72px 1fr;
    gap: 12px;
  }

  .contact-profile img {
    width: 72px;
    height: 72px;
  }

  .footer-grid {
    flex-direction: column;
    gap: 24px;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .legal-page {
    padding-top: 46px;
  }

  .legal-narrow {
    width: min(100% - 28px, 920px);
  }

  .legal-toc {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .container {
    width: min(100% - 22px, var(--max));
  }

  h1 {
    font-size: clamp(1.9rem, 11vw, 2.62rem);
  }

  h2 {
    font-size: clamp(1.72rem, 10vw, 2.36rem);
  }

  .hero,
  .section,
  .cta-section {
    padding: 48px 0;
  }

  .problem-log-block,
  .inventory-backend-card,
  .sop-library-card {
    margin-left: -2px;
    margin-right: -2px;
  }

  .inventory-stat strong {
    font-size: 1.32rem;
  }

  .cell.event strong,
  .sop-title strong {
    font-size: .86rem;
  }
}


/* 420+ logo asset and mobile navigation drawer */
.logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.brand-logo-img {
  display: block;
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.footer-logo-img {
  display: block;
  width: 78px;
  height: 78px;
  object-fit: contain;
  margin-bottom: 10px;
}

.nav-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  position: relative;
  padding: 0;
  flex: 0 0 auto;
}

.nav-toggle span {
  display: block;
  width: 34px;
  height: 3px;
  margin: 6px auto;
  border-radius: 999px;
  background: var(--accent);
  transition: transform .22s ease, opacity .18s ease;
}

.nav-toggle.is-open span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.nav-toggle.is-open span:nth-child(2) {
  opacity: 0;
}

.nav-toggle.is-open span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

body.nav-open {
  overflow: hidden;
}

body.nav-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 18;
  background: rgba(31, 28, 25, .28);
  backdrop-filter: blur(2px);
}

.site-header {
  z-index: 40;
}

@media (max-width: 860px) {
  .nav {
    min-height: 74px;
  }

  .brand-logo-img {
    width: 54px;
    height: 54px;
  }

  .mobile-portal-button {
    display: inline-flex !important;
    margin-left: auto;
    min-height: 42px;
    padding: 0 21px;
  }

  .nav-toggle {
    display: inline-block;
    z-index: 42;
  }

  .nav-links {
    display: flex !important;
    position: fixed;
    z-index: 41;
    top: 74px;
    right: 0;
    width: min(82vw, 360px);
    height: calc(100dvh - 74px);
    padding: 34px 28px 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 18px;
    background: linear-gradient(180deg, rgba(247, 245, 242, .98), rgba(235, 230, 223, .98));
    border-left: 1px solid var(--line-strong);
    box-shadow: -18px 0 60px rgba(33, 28, 24, .16);
    transform: translateX(104%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform .24s ease, opacity .2s ease, visibility .2s ease;
  }

  .nav-links.is-open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .nav-links a {
    color: var(--text);
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-align: right;
  }

  .nav-links .portal-button {
    margin: 0 0 8px;
    min-height: 42px;
    padding: 0 24px;
    border-radius: 2px;
    order: -1;
  }
}

@media (max-width: 520px) {
  .nav {
    min-height: 68px;
  }

  .brand-logo-img {
    width: 52px;
    height: 52px;
  }

  .mobile-portal-button {
    min-height: 39px;
    padding: 0 18px;
    font-size: .76rem;
  }

  .nav-toggle {
    width: 44px;
    height: 44px;
  }

  .nav-toggle span {
    width: 32px;
    height: 3px;
  }

  .nav-links {
    top: 68px;
    height: calc(100dvh - 68px);
    width: min(86vw, 340px);
    padding: 30px 24px 36px;
  }

  .footer-logo-img {
    width: 72px;
    height: 72px;
  }
}


/* Logo scale and mobile drawer refinements */
@media (min-width: 861px) {
  .brand-logo-img {
    width: 88px;
    height: 88px;
  }

  .site-header .nav {
    min-height: 104px;
  }

  .site-header .logo {
    margin-right: 24px;
  }

  .footer-logo-img {
    width: 94px;
    height: 94px;
  }
}

.mobile-nav-separator,
.mobile-legal-link {
  display: none;
}

@media (max-width: 860px) {
  /* Keep the top Portal button, remove duplicate Portal button inside the drawer */
  .nav-links .portal-button {
    display: none !important;
  }

  .mobile-nav-separator {
    display: block;
    width: 100%;
    margin: 16px 0 2px;
    padding-top: 18px;
    border-top: 1px solid rgba(215, 207, 198, 0.92);
    color: var(--accent);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
    text-align: right;
  }

  .nav-links .mobile-legal-link {
    display: block;
    color: var(--text-soft);
    font-size: .95rem;
    font-weight: 700;
  }
}

@media (max-width: 520px) {
  .brand-logo-img {
    width: 58px;
    height: 58px;
  }

  .site-header .nav {
    min-height: 72px;
  }

  .nav-links {
    top: 72px;
    height: calc(100dvh - 72px);
  }
}


/* Header language switch */
.nav-language {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.nav-language-button {
  min-height: 42px;
  padding: 0 12px 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(34, 70, 59, 0.28);
  background: rgba(255,255,255,0.58);
  color: var(--accent);
  border-radius: 2px;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}

.nav-language-button:hover,
.nav-language:focus-within .nav-language-button {
  border-color: rgba(34, 70, 59, 0.62);
  background: rgba(223, 233, 228, 0.48);
}

.nav-language-chevron {
  font-size: 0.8rem;
  line-height: 1;
  transform: translateY(-1px);
}

.nav-language-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 188px;
  padding: 8px;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 18px 45px rgba(33, 28, 24, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index: 70;
}

.nav-language:hover .nav-language-menu,
.nav-language:focus-within .nav-language-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.nav-language-menu::before {
  content: "";
  position: absolute;
  top: -11px;
  right: 0;
  width: 100%;
  height: 12px;
}

.nav-language-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 10px;
  color: var(--text);
  font-size: 0.94rem;
  font-weight: 750;
  letter-spacing: 0;
  text-transform: none;
}

.nav-language-menu a:hover,
.nav-language-menu a.active {
  background: var(--accent-soft);
  color: var(--accent);
}

.nav-language-menu a.active::after {
  content: "✓";
  color: var(--accent);
  font-weight: 900;
}

@media (max-width: 860px) {
  .nav-links .nav-language {
    width: 100%;
    justify-content: flex-end;
    margin: 2px 0 8px;
    order: -2;
  }

  .nav-language-button {
    min-height: 42px;
    padding: 0 16px;
    font-size: .86rem;
  }

  .nav-language-menu {
    position: static;
    min-width: 0;
    width: 100%;
    margin-top: 10px;
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
    box-shadow: none;
    background: rgba(255,255,255,0.58);
  }

  .nav-language-menu::before {
    display: none;
  }

  .nav-language-menu a {
    justify-content: flex-end;
    gap: 10px;
    font-size: .95rem;
  }
}


/* Mobile menu close-state hardening */
@media (max-width: 860px) {
  .nav-links:not(.is-open) {
    transform: translateX(104%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .nav-links.is-open {
    transform: translateX(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .nav-toggle:not(.is-open) span:nth-child(1),
  .nav-toggle:not(.is-open) span:nth-child(2),
  .nav-toggle:not(.is-open) span:nth-child(3) {
    transform: none;
    opacity: 1;
  }
}


/* Mobile language switch: collapsed by default, dropdown only on tap */
@media (max-width: 860px) {
  .nav-links .nav-language {
    position: relative;
    width: auto;
    align-self: flex-end;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 2px 0 10px;
    order: -2;
  }

  .nav-links .nav-language-button {
    min-height: 42px;
    padding: 0 16px;
    font-size: .86rem;
  }

  .nav-links .nav-language-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    width: 212px !important;
    min-width: 212px !important;
    margin-top: 0 !important;
    padding: 8px !important;
    border: 1px solid var(--line-strong) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.97) !important;
    box-shadow: 0 18px 45px rgba(33, 28, 24, 0.12) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-5px) !important;
    pointer-events: none !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    z-index: 90 !important;
  }

  .nav-language:hover .nav-language-menu,
  .nav-language:focus-within .nav-language-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-5px) !important;
    pointer-events: none !important;
  }

  .nav-language.is-open .nav-language-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  .nav-links .nav-language-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 10px;
    color: var(--text);
    font-size: .95rem;
    font-weight: 750;
    text-align: left;
  }

  .nav-links .nav-language-menu a:hover,
  .nav-links .nav-language-menu a.active {
    background: var(--accent-soft);
    color: var(--accent);
  }
}


/* Footer logo placement refinement */
.footer-bottom {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

.footer-bottom p {
  justify-self: start;
}

.footer-bottom-logo {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: contain;
  justify-self: center;
}

.footer-bottom .language-switch {
  justify-self: end;
}

.footer-grid > div:first-child p {
  max-width: 360px;
}

@media (max-width: 720px) {
  .footer-bottom {
    grid-template-columns: 1fr auto;
    gap: 14px 18px;
    align-items: end;
  }

  .footer-bottom p {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .footer-bottom .language-switch {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }

  .footer-bottom-logo {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    align-self: end;
    width: 58px;
    height: 58px;
  }
}


/* Navigation anchor offset and footer logo sizing */
html {
  scroll-padding-top: 124px;
}

section[id],
main[id],
.legal-page[id] {
  scroll-margin-top: 124px;
}

@media (min-width: 861px) {
  .footer-bottom-logo {
    width: 88px;
    height: 88px;
  }
}

@media (max-width: 860px) {
  html {
    scroll-padding-top: 96px;
  }

  section[id],
  main[id],
  .legal-page[id] {
    scroll-margin-top: 96px;
  }
}

@media (max-width: 520px) {
  html {
    scroll-padding-top: 88px;
  }

  section[id],
  main[id],
  .legal-page[id] {
    scroll-margin-top: 88px;
  }
}


/* Fine-tuned anchor jump: show section label just below sticky header */
html {
  scroll-padding-top: 20px !important;
}

section[id],
.lexicon-article [id^="quelle-"],
.lexicon-article [id^="beleg-"],
.lexicon-article h3[id] {
  scroll-margin-top: 20px !important;
}

main[id] {
  scroll-margin-top: 0 !important;
}

@media (max-width: 860px) {
  html {
    scroll-padding-top: 24px !important;
  }

  section[id],
  .lexicon-article [id^="quelle-"],
  .lexicon-article [id^="beleg-"],
  .lexicon-article h3[id] {
    scroll-margin-top: 24px !important;
  }
}

@media (max-width: 520px) {
  html {
    scroll-padding-top: 22px !important;
  }

  section[id],
  .lexicon-article [id^="quelle-"],
  .lexicon-article [id^="beleg-"],
  .lexicon-article h3[id] {
    scroll-margin-top: 22px !important;
  }
}


/* Footer column headings */
.footer-column-title {
  display: block;
  margin: 0 0 10px;
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.02em;
}

.footer-links .footer-column-title {
  margin-bottom: 12px;
}

.footer-links {
  align-items: flex-start;
}

@media (max-width: 720px) {
  .footer-column-title {
    margin-bottom: 8px;
  }
}


/* Footer legal column geometry refinement */
.footer-links {
  display: grid !important;
  grid-template-columns: 1fr;
  justify-items: start;
  align-content: start;
  gap: 10px 0;
}

.footer-links .footer-column-title {
  width: 100%;
  margin: 0 0 2px;
}

.footer-links a {
  display: block;
}

@media (min-width: 861px) {
  .footer-links {
    min-width: 360px;
  }
}

@media (max-width: 720px) {
  .footer-links {
    min-width: 0;
    gap: 8px;
  }
}


/* Hero gradient fix: remove visible rectangular color block */
.hero {
  background:
    radial-gradient(circle at 16% 18%, rgba(223, 233, 228, 0.56), rgba(223, 233, 228, 0.28) 18%, rgba(223, 233, 228, 0.00) 46%),
    linear-gradient(180deg, rgba(255,255,255,0.18), rgba(247,245,242,0.00) 72%);
}

.hero::after {
  display: none !important;
}

@media (max-width: 860px) {
  .hero {
    background:
      radial-gradient(circle at 18% 12%, rgba(223, 233, 228, 0.48), rgba(223, 233, 228, 0.18) 28%, rgba(223, 233, 228, 0.00) 58%),
      linear-gradient(180deg, rgba(255,255,255,0.14), rgba(247,245,242,0.00) 72%);
  }
}


/* Mobile footer centering refinement */
@media (max-width: 720px) {
  .site-footer {
    text-align: center;
  }

  .footer-grid {
    align-items: center !important;
    text-align: center;
  }

  .footer-grid > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer-grid > div:first-child p {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-contact,
  .footer-links {
    align-items: center !important;
    justify-items: center !important;
    text-align: center;
  }

  .footer-links .footer-column-title,
  .footer-column-title {
    text-align: center;
  }

  .footer-bottom {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center;
    gap: 18px;
    text-align: center;
  }

  .footer-bottom p,
  .footer-bottom .language-switch,
  .footer-bottom-logo {
    justify-self: center !important;
    align-self: center !important;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-bottom p {
    order: 1;
  }

  .footer-bottom-logo {
    order: 2;
    width: 72px;
    height: 72px;
  }

  .footer-bottom .language-switch {
    order: 3;
  }
}

/* 420+ Medical mobile showcase replacing inventory overview */
.medical-showcase-block {
  margin-top: 42px;
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(420px, 1.05fr);
  gap: clamp(38px, 6vw, 84px);
  align-items: center;
  padding: clamp(28px, 4vw, 46px);
  border: 1px solid var(--line-strong);
  border-radius: 26px;
  background: rgba(255,255,255,.70);
  box-shadow: 0 24px 80px rgba(33, 28, 24, 0.09);
}

.medical-showcase-copy {
  max-width: 560px;
}

.medical-kicker {
  margin: 0 0 12px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.medical-showcase-copy h3 {
  margin: 0;
  color: var(--text);
  font-size: clamp(2rem, 4.4vw, 3.85rem);
  line-height: 1.03;
  letter-spacing: -.055em;
}

.medical-showcase-copy p {
  margin: 22px 0 0;
  color: var(--text-soft);
  font-size: 1.04rem;
  line-height: 1.7;
}

.medical-note-card {
  margin-top: 28px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(247,245,242,.82);
}

.medical-note-card strong {
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: .96rem;
}

.medical-note-card span {
  display: block;
  color: var(--text-soft);
  line-height: 1.62;
  font-size: .94rem;
}

.medical-device-frame {
  position: relative;
  width: min(100%, 570px);
  margin: 0 auto;
  padding: 13px;
  border-radius: 42px;
  background: linear-gradient(145deg, #151a18, #282d2a);
  box-shadow: 0 26px 78px rgba(31,33,31,.20);
}

.medical-device-frame::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 36px;
  border: 1px solid rgba(255,255,255,.16);
  pointer-events: none;
}

.medical-app {
  position: relative;
  overflow: hidden;
  min-height: 756px;
  border-radius: 31px;
  background: #f4f2ee;
  border: 1px solid rgba(255,255,255,.16);
}

.medical-statusbar {
  height: 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  color: var(--accent);
  font-size: .74rem;
  font-weight: 900;
  background: #f7f5f2;
}

.medical-topbar {
  display: grid;
  grid-template-columns: 78px 1fr 44px;
  gap: 12px;
  align-items: center;
  min-height: 88px;
  padding: 12px 16px;
  background: #f7f5f2;
  border-bottom: 1px solid var(--line);
}

.medical-logo {
  display: block;
  width: 74px;
  height: 74px;
  object-fit: contain;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.medical-identity {
  min-width: 0;
}

.medical-identity strong {
  display: block;
  color: var(--text);
  font-size: .98rem;
  line-height: 1.2;
}

.medical-identity span {
  display: block;
  color: var(--muted);
  font-size: .74rem;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.medical-settings {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--accent);
  background: #fff;
  font-weight: 900;
}

.medical-content {
  padding: 20px 16px 94px;
}

.medical-content h1 {
  margin: 0;
  color: var(--text);
  font-size: 1.64rem;
  letter-spacing: -.04em;
  line-height: 1.05;
}

.medical-subline {
  margin: 5px 0 18px;
  color: var(--text-soft);
  font-size: .83rem;
  line-height: 1.4;
}

.medical-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 11px;
}

.medical-metric-card,
.medical-panel {
  background: rgba(255,255,255,.90);
  border: 1px solid var(--line);
  border-radius: 17px;
  box-shadow: 0 6px 18px rgba(31,33,31,.05);
}

.medical-metric-card {
  min-height: 118px;
  padding: 13px;
  display: grid;
  gap: 7px;
}

.metric-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  color: var(--muted);
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.metric-icon {
  width: 24px;
  height: 24px;
  border-radius: 9px;
  background: #dde9e3;
  color: var(--accent);
  display: grid;
  place-items: center;
  font-size: .82rem;
  font-style: normal;
}

.medical-metric-card strong {
  display: block;
  font-size: 1.68rem;
  color: var(--text);
  letter-spacing: -.04em;
}

.medical-metric-card small {
  color: var(--text-soft);
  font-size: .76rem;
}

.medical-panel {
  margin-top: 14px;
  padding: 0;
  overflow: hidden;
}

.medical-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  min-height: 49px;
  padding: 0 14px;
  border-bottom: 1px solid var(--line);
}

.medical-panel-head h2 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: -.02em;
}

.medical-panel-head span {
  color: var(--muted);
  font-size: .72rem;
}

.medical-list {
  display: grid;
}

.medical-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(221,214,205,.72);
}

.medical-row:last-child {
  border-bottom: 0;
}

.medical-row strong {
  display: block;
  color: var(--text);
  font-size: .88rem;
  line-height: 1.25;
}

.medical-row small {
  display: block;
  color: var(--text-soft);
  font-size: .74rem;
  margin-top: 3px;
}

.medical-badge {
  min-width: 68px;
  padding: 7px 9px;
  border-radius: 999px;
  text-align: center;
  font-size: .68rem;
  font-weight: 900;
  white-space: nowrap;
  background: #eceff0;
  color: #5f6764;
}

.medical-badge.success {
  color: var(--accent);
  background: #dde9e3;
}

.medical-badge.warning {
  color: #a8561f;
  background: #f2e3d5;
}

.medical-value {
  color: var(--accent);
  font-weight: 900;
  font-size: .86rem;
  white-space: nowrap;
}

.medical-signal-grid {
  display: grid;
  gap: 8px;
  padding: 12px 14px 14px;
}

.medical-signal {
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f8f7f4;
}

.medical-signal strong {
  display: block;
  font-size: .84rem;
}

.medical-signal small {
  display: block;
  color: var(--text-soft);
  margin-top: 3px;
  font-size: .73rem;
}

.medical-bottom-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 76px;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 0;
  background: rgba(255,255,255,.96);
  border-top: 1px solid var(--line);
  backdrop-filter: blur(14px);
}

.medical-bottom-nav span {
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: .68rem;
  font-weight: 800;
}

.medical-bottom-nav span:first-child {
  color: var(--accent);
  background: #dde9e3;
}

@media (max-width: 1040px) {
  .medical-showcase-block {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .medical-showcase-copy {
    text-align: center;
    margin: 0 auto;
  }

  .medical-showcase-copy h3,
  .medical-showcase-copy p {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 720px) {
  .medical-showcase-block {
    margin-top: 30px;
    padding: 18px 10px 24px;
    border-radius: 20px;
    background: rgba(255,255,255,.50);
  }

  .medical-device-frame {
    width: min(100%, 520px);
    padding: 8px;
    border-radius: 34px;
  }

  .medical-app {
    min-height: 700px;
    border-radius: 27px;
  }

  .medical-topbar {
    grid-template-columns: 70px 1fr 40px;
    min-height: 80px;
    padding: 10px 12px;
  }

  .medical-logo {
    width: 66px;
    height: 66px;
  }

  .medical-content {
    padding: 16px 12px 88px;
  }
}

@media (max-width: 420px) {
  .medical-showcase-copy h3 {
    font-size: clamp(1.85rem, 10vw, 2.5rem);
  }

  .medical-metric-card {
    min-height: 108px;
    padding: 12px;
  }

  .medical-metric-card strong {
    font-size: 1.36rem;
  }

  .medical-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .medical-badge,
  .medical-value {
    justify-self: start;
  }
}


/* Mobile execution mode replacing SOP library */
.execution-mode-card {
  margin-top: 42px;
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
  gap: clamp(28px, 4.6vw, 62px);
  align-items: center;
  padding: clamp(28px, 4.2vw, 48px);
  border: 1px solid var(--line-strong);
  border-radius: 26px;
  background:
    radial-gradient(circle at 88% 16%, rgba(223,233,228,.62), rgba(223,233,228,0) 34%),
    rgba(255,255,255,.72);
  box-shadow: 0 24px 80px rgba(33, 28, 24, 0.09);
}

.execution-copy {
  max-width: 560px;
}

.execution-kicker {
  margin: 0 0 12px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.execution-copy h3 {
  margin: 0;
  color: var(--text);
  font-size: clamp(2rem, 4.3vw, 3.72rem);
  line-height: 1.03;
  letter-spacing: -.055em;
}

.execution-copy p {
  margin: 22px 0 0;
  color: var(--text-soft);
  font-size: 1.05rem;
  line-height: 1.7;
}

.execution-feature-list {
  margin-top: 30px;
  padding: 20px 22px;
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(247,245,242,.84);
}

.execution-feature-list article {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 6px 16px;
  align-items: start;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(215,207,198,.78);
}

.execution-feature-list article:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.execution-feature-list span {
  grid-row: 1 / span 2;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #dde9e3;
  color: var(--accent);
  font-weight: 900;
  font-size: .78rem;
}

.execution-feature-list strong {
  color: var(--text);
  font-size: .98rem;
}

.execution-feature-list small {
  color: var(--text-soft);
  font-size: .88rem;
  line-height: 1.5;
}

.execution-phones {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
  gap: 18px;
  align-items: center;
}

.execution-phone {
  position: relative;
  overflow: hidden;
  min-height: 620px;
  padding: 10px;
  border-radius: 38px;
  background: linear-gradient(145deg, #151a18, #2c312f);
  box-shadow: 0 20px 58px rgba(31,33,31,.18);
}

.execution-phone.secondary {
  min-height: 540px;
}

.execution-phone::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 33px;
  pointer-events: none;
  z-index: 3;
}

.execution-phone-bar,
.execution-phone-head,
.execution-progress,
.execution-screen-card,
.execution-primary,
.execution-audit-note {
  position: relative;
  z-index: 2;
}

.execution-phone > *:not(.execution-phone-bar):not(.execution-phone-head):not(.execution-progress) {
  margin-left: 0;
  margin-right: 0;
}

.execution-phone-bar {
  height: 30px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 28px 28px 0 0;
  background: #f7f5f2;
  color: var(--accent);
  font-size: .68rem;
  font-weight: 900;
}

.execution-phone-head {
  min-height: 72px;
  display: grid;
  grid-template-columns: 54px 1fr 28px;
  gap: 10px;
  align-items: center;
  padding: 10px 14px;
  background: #f7f5f2;
  border-bottom: 1px solid var(--line);
}

.execution-phone-head img {
  display: block;
  width: 52px;
  height: 52px;
  object-fit: contain;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.execution-phone-head strong {
  display: block;
  color: var(--text);
  font-size: .9rem;
  line-height: 1.2;
}

.execution-phone-head small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: .67rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.execution-phone-head em {
  color: var(--accent);
  font-style: normal;
  font-weight: 900;
  font-size: 1.15rem;
}

.execution-progress {
  height: 48px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  background: #f4f2ee;
}

.execution-progress span {
  height: 28px;
  width: 28px;
  margin: 0 auto;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 900;
}

.execution-progress .active {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}

.execution-screen-card {
  margin: 10px 10px 0;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 6px 16px rgba(31,33,31,.05);
}

.execution-screen-card.compact {
  padding: 12px 14px;
}

.execution-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.execution-card-top strong,
.execution-screen-card > strong {
  color: var(--text);
  font-size: .94rem;
}

.execution-card-top span {
  min-height: 24px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #dde9e3;
  color: var(--accent);
  font-size: .7rem;
  font-weight: 900;
}

.execution-screen-card p {
  margin: 10px 0 0;
  color: var(--text-soft);
  font-size: .76rem;
  line-height: 1.45;
}

.execution-proof-placeholder {
  margin-top: 12px;
  min-height: 86px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(21,63,52,.28);
  border-radius: 13px;
  background:
    linear-gradient(135deg, rgba(221,233,227,.58), rgba(255,255,255,.34)),
    repeating-linear-gradient(45deg, rgba(21,63,52,.05) 0 8px, transparent 8px 16px);
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  text-align: center;
}

.execution-choice-row {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.execution-choice-row span {
  min-height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  font-size: .76rem;
  font-weight: 900;
}

.execution-choice-row .ok {
  background: #dde9e3;
  color: var(--accent);
}

.execution-choice-row .warn {
  background: #f2e3d5;
  color: #a8561f;
}

.execution-values {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.execution-values span {
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8f7f4;
}

.execution-values small {
  display: block;
  color: var(--muted);
  font-size: .65rem;
  margin-bottom: 4px;
}

.execution-values b {
  color: var(--text);
  font-size: 1.05rem;
}

.execution-signature {
  margin-top: 12px;
  min-height: 82px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  color: #222;
  font-family: "Brush Script MT", "Segoe Script", cursive;
  font-size: 2.2rem;
  transform: rotate(-4deg);
}

.execution-primary {
  width: calc(100% - 20px);
  min-height: 46px;
  margin: 10px 10px 0;
  border: 0;
  border-radius: 12px;
  background: var(--accent);
  color: #fff;
  font-weight: 900;
}

.execution-audit-note {
  margin: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f8f7f4;
  color: var(--text-soft);
  font-size: .76rem;
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .execution-mode-card {
    grid-template-columns: 1fr;
  }

  .execution-copy {
    text-align: center;
    margin: 0 auto;
  }
}

@media (max-width: 760px) {
  .execution-mode-card {
    margin-top: 30px;
    padding: 20px 10px 24px;
    border-radius: 20px;
    background: rgba(255,255,255,.60);
  }

  .execution-copy {
    text-align: left;
    padding: 0 8px;
  }

  .execution-feature-list {
    padding: 16px;
  }

  .execution-phones {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .execution-phone {
    width: min(100%, 420px);
    min-height: 610px;
    margin: 0 auto;
  }

  .execution-phone.secondary {
    min-height: 430px;
  }
}

@media (max-width: 420px) {
  .execution-copy h3 {
    font-size: clamp(1.84rem, 10vw, 2.48rem);
  }

  .execution-feature-list article {
    grid-template-columns: 36px 1fr;
    gap: 5px 12px;
  }

  .execution-feature-list span {
    width: 32px;
    height: 32px;
  }

  .execution-phone {
    min-height: 590px;
  }

  .execution-phone.secondary {
    min-height: 410px;
  }
}


/* Refinement: compact medical dashboard and equal-size execution phones */
.medical-showcase-compact {
  grid-template-columns: minmax(0, .84fr) minmax(390px, .92fr);
}

.medical-device-compact {
  width: min(100%, 500px);
}

.medical-device-compact .medical-app {
  min-height: 620px;
}

.medical-device-compact .medical-topbar {
  min-height: 78px;
  grid-template-columns: 66px 1fr 40px;
}

.medical-device-compact .medical-logo {
  width: 62px;
  height: 62px;
}

.medical-device-compact .medical-content {
  padding: 17px 14px 84px;
}

.medical-device-compact .medical-metric-card {
  min-height: 102px;
  padding: 12px;
}

.medical-device-compact .medical-metric-card strong {
  font-size: 1.38rem;
}

.medical-device-compact .medical-panel {
  margin-top: 12px;
}

.medical-device-compact .medical-panel-head {
  min-height: 44px;
}

.medical-device-compact .medical-row {
  padding: 10px 12px;
}

.medical-device-compact .medical-bottom-nav {
  min-height: 68px;
}

.execution-phones-only {
  grid-template-columns: 1fr;
  padding: clamp(24px, 3.4vw, 42px);
}

.execution-phones-only .execution-phones {
  width: min(100%, 860px);
  margin: 0 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 34px);
}

.execution-phones-equal .execution-phone,
.execution-phones-equal .execution-phone.secondary {
  min-height: 560px;
  max-width: 390px;
  width: 100%;
  margin: 0 auto;
}

.execution-phones-equal .execution-phone-head {
  min-height: 66px;
}

.execution-phones-equal .execution-phone-head img {
  width: 50px;
  height: 50px;
}

.execution-phones-equal .execution-proof-placeholder {
  min-height: 74px;
}

.execution-phones-equal .execution-screen-card {
  margin-top: 9px;
}

.execution-audit-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.execution-audit-list span {
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  background: #f8f7f4;
  color: var(--text-soft);
  font-size: .74rem;
  border: 1px solid var(--line);
}

@media (max-width: 1040px) {
  .medical-showcase-compact {
    grid-template-columns: 1fr;
  }

  .medical-device-compact {
    width: min(100%, 520px);
  }
}

@media (max-width: 820px) {
  .execution-phones-only .execution-phones {
    grid-template-columns: 1fr;
  }

  .execution-phones-equal .execution-phone,
  .execution-phones-equal .execution-phone.secondary {
    max-width: 430px;
    min-height: 540px;
  }
}

@media (max-width: 520px) {
  .medical-device-compact .medical-app {
    min-height: 590px;
  }

  .medical-device-compact .medical-metric-card {
    min-height: 94px;
  }

  .medical-device-compact .medical-panel-tight {
    display: none;
  }

  .execution-phones-equal .execution-phone,
  .execution-phones-equal .execution-phone.secondary {
    min-height: 520px;
  }
}


/* --- refined process + execution layout --- */
.process-phone-card {
  margin-top: 34px;
  grid-template-columns: minmax(0, .92fr) minmax(390px, .88fr);
  gap: clamp(28px, 4.2vw, 56px);
}

.process-phone-copy {
  max-width: 620px;
}

.process-phone-copy p {
  margin: 0 0 24px;
  font-size: 1.02rem;
  line-height: 1.65;
  color: var(--text-soft);
}

.process-benefit-box {
  margin-top: 30px;
}

.process-benefit-box h3:first-child {
  margin-top: 0;
}

.process-benefit-box p:last-child {
  margin-bottom: 0;
}

.execution-mode-polished {
  grid-template-columns: 1fr;
  padding: clamp(28px, 4vw, 46px);
}

.execution-device-pair {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 36px);
  align-items: stretch;
}

.medical-device-execution {
  width: 430px;
}

.execution-medical-app {
  min-height: 785px;
  display: flex;
  flex-direction: column;
}

.execution-medical-head {
  display: grid;
  grid-template-columns: 66px 1fr 28px;
  gap: 12px;
  align-items: center;
  min-height: 86px;
  padding: 12px 16px;
  background: #f7f5f2;
  border-bottom: 1px solid var(--line);
}

.execution-logo {
  width: 58px;
  height: 58px;
}

.execution-menu {
  color: var(--accent);
  font-size: 1.2rem;
  font-weight: 900;
  text-align: center;
}

.execution-medical-content {
  flex: 1;
  padding: 16px 16px 10px;
  display: grid;
  gap: 12px;
  background: #f4f2ee;
}

.exec-card {
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.85);
}

.exec-card h4 {
  margin: 10px 0 8px;
  font-size: 1.22rem;
  line-height: 1.2;
  color: var(--text);
}

.exec-card p {
  margin: 0 0 12px;
  color: var(--text-soft);
  font-size: .93rem;
  line-height: 1.55;
}

.exec-card label {
  display: block;
  margin: 10px 0 7px;
  color: var(--text);
  font-size: .76rem;
  font-weight: 700;
}

.exec-card-head,
.exec-batch-top,
.exec-complete-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.exec-card-head span,
.exec-complete-top span,
.exec-batch-top small,
.exec-batch-top span,
.exec-footnote {
  color: var(--muted);
  font-size: .74rem;
}

.exec-card-head strong,
.exec-complete-top strong {
  color: var(--text);
  font-size: .95rem;
}

.exec-batch-top strong {
  display: block;
  margin: 4px 0 4px;
  color: var(--text);
  font-size: 1.18rem;
  line-height: 1.2;
}

.exec-batch-top span { display: block; }

.exec-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 14px;
  border-top: 1px solid var(--line);
}

.exec-meta-grid span {
  padding: 12px 10px 0 0;
  display: block;
}

.exec-meta-grid span + span {
  padding-left: 14px;
  border-left: 1px solid var(--line);
}

.exec-meta-grid small,
.exec-values-grid small {
  display: block;
  color: var(--muted);
  font-size: .72rem;
  margin-bottom: 6px;
}

.exec-meta-grid b,
.exec-values-grid b {
  color: var(--text);
  font-size: 1rem;
}

.exec-values-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.exec-values-grid span {
  position: relative;
  display: block;
  padding: 12px 36px 12px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

.exec-values-grid em {
  position: absolute;
  right: 10px;
  bottom: 12px;
  color: var(--accent);
  font-style: normal;
  font-weight: 900;
}

.exec-note-box {
  min-height: 46px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--text-soft);
  font-size: .88rem;
}

.exec-upload-box {
  min-height: 72px;
  padding: 12px;
  border: 1px dashed var(--line-strong);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(247,249,246,.95), rgba(252,252,250,.95));
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  align-items: center;
  color: var(--text-soft);
  font-size: .86rem;
}

.exec-upload-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #e1ebe4;
  color: var(--accent);
  font-style: normal;
}

.exec-result-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}

.exec-result-row span {
  min-height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 12px;
  font-size: .86rem;
  font-weight: 700;
}

.result-ok { background: #e7efe7; color: #1d5b4a; }
.result-dev { background: #f2e6d7; color: #ab5a12; }
.result-review { background: #fff; color: var(--text); }

.exec-sign-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}

.exec-signature-pad {
  min-height: 74px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: #202224;
  font-size: 2rem;
  font-family: "Brush Script MT", "Segoe Script", cursive;
  line-height: 1;
}

.exec-sign-delete {
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--text-soft);
  font-weight: 700;
}

.exec-bottom-actions {
  padding: 0 16px 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  background: #f4f2ee;
}

.exec-primary,
.exec-secondary,
.exec-primary-wide {
  min-height: 46px;
  border-radius: 12px;
  border: 0;
  font-size: .96rem;
  font-weight: 800;
}

.exec-primary,
.exec-primary-wide {
  background: #1d5b4a;
  color: #fff;
}

.exec-secondary {
  background: #ebeae7;
  color: var(--text-soft);
}

.exec-primary-wide { width: 100%; margin-top: 12px; }

@media (max-width: 1180px) {
  .process-phone-card {
    grid-template-columns: 1fr;
  }
  .process-phone-copy {
    max-width: none;
  }
}

@media (max-width: 980px) {
  .execution-device-pair {
    grid-template-columns: 1fr;
  }
  .medical-device-execution {
    width: min(100%, 450px);
  }
}

@media (max-width: 760px) {
  .process-phone-card {
    padding: 24px;
  }
  .medical-device-execution,
  .medical-device-compact {
    width: min(100%, 420px);
  }
}


/* Final consistent execution phones */
.process-execution-layout {
  margin-top: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: clamp(28px, 3.8vw, 54px);
  align-items: center;
  padding: clamp(24px, 3.4vw, 38px);
  border: 1px solid var(--line-strong);
  border-radius: 26px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 24px 80px rgba(33, 28, 24, 0.08);
}

.process-execution-copy {
  max-width: 650px;
}

.process-execution-copy p {
  color: var(--text-soft);
  font-size: 1.02rem;
  line-height: 1.65;
}

.process-benefit-box {
  margin-top: 30px;
}

.process-benefit-box h3:first-child {
  margin-top: 0;
}

.process-execution-phone-wrap,
.execution-pair-grid {
  min-width: 0;
}

.phone-ref {
  width: 430px;
  margin: 0 auto;
}

.phone-ref .execution-ref-app {
  min-height: 756px;
  display: flex;
  flex-direction: column;
}

.execution-ref-head {
  grid-template-columns: 66px 1fr 32px;
  min-height: 88px;
  padding: 12px 16px;
}

.execution-ref-head .medical-logo {
  width: 58px;
  height: 58px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.execution-ref-menu {
  color: var(--accent);
  font-weight: 900;
  font-size: 1.22rem;
  text-align: center;
}

.execution-ref-content {
  flex: 1;
  padding: 16px;
  display: grid;
  gap: 12px;
  align-content: start;
  background: #f4f2ee;
}

.exec-ref-card {
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 6px 18px rgba(31,33,31,.045);
}

.exec-ref-row-top,
.exec-ref-card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.exec-ref-row-top small,
.exec-ref-card label,
.exec-ref-meta small,
.exec-ref-values small {
  display: block;
  color: var(--muted);
  font-size: .73rem;
  line-height: 1.2;
}

.exec-ref-row-top strong {
  display: block;
  margin: 5px 0 4px;
  color: var(--text);
  font-size: 1.15rem;
  line-height: 1.16;
}

.exec-ref-row-top > div > span {
  color: var(--text-soft);
  font-size: .82rem;
}

.exec-ref-row-top em,
.exec-ref-card-head span {
  min-height: 28px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #dde9e3;
  color: var(--accent);
  font-style: normal;
  font-weight: 900;
  font-size: .72rem;
  white-space: nowrap;
}

.exec-ref-meta {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.exec-ref-meta span {
  display: block;
  padding: 0 10px;
}

.exec-ref-meta span:first-child {
  padding-left: 0;
}

.exec-ref-meta span + span {
  border-left: 1px solid var(--line);
}

.exec-ref-meta b {
  display: block;
  color: var(--text);
  font-size: .98rem;
  line-height: 1.28;
}

.exec-ref-card-head strong {
  color: var(--text);
  font-size: .96rem;
}

.exec-ref-card h4 {
  margin: 10px 0 7px;
  color: var(--text);
  font-size: 1.24rem;
  line-height: 1.18;
  letter-spacing: -.025em;
}

.exec-ref-card p {
  margin: 0 0 12px;
  color: var(--text-soft);
  font-size: .9rem;
  line-height: 1.5;
}

.exec-ref-card label {
  margin: 10px 0 7px;
  color: var(--text);
  font-weight: 800;
}

.exec-ref-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.exec-ref-values span {
  position: relative;
  display: block;
  min-height: 78px;
  padding: 12px 34px 12px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

.exec-ref-values b {
  display: block;
  color: var(--text);
  font-size: 1.14rem;
  margin-top: 8px;
}

.exec-ref-values i {
  position: absolute;
  right: 12px;
  bottom: 14px;
  color: var(--accent);
  font-style: normal;
  font-weight: 900;
}

.exec-ref-note {
  min-height: 46px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  color: var(--text-soft);
  font-size: .88rem;
  line-height: 1.38;
}

.exec-ref-upload {
  min-height: 66px;
  padding: 12px;
  border: 1px dashed var(--line-strong);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(247,249,246,.95), rgba(252,252,250,.95));
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: center;
  color: var(--text-soft);
  font-size: .86rem;
}

.exec-ref-upload i {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #e1ebe4;
  color: var(--accent);
  font-style: normal;
  font-weight: 900;
}

.exec-ref-actions {
  padding: 0 16px 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  background: #f4f2ee;
}

.exec-ref-actions.single {
  grid-template-columns: 1fr;
}

.exec-ref-primary,
.exec-ref-secondary {
  min-height: 46px;
  border-radius: 12px;
  border: 0;
  font-size: .94rem;
  font-weight: 900;
}

.exec-ref-primary {
  background: var(--accent);
  color: #fff;
}

.exec-ref-secondary {
  background: #ebeae7;
  color: var(--text-soft);
}

.execution-pair-card {
  margin-top: 42px;
  padding: clamp(24px, 3.6vw, 42px);
  border: 1px solid var(--line-strong);
  border-radius: 26px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 24px 80px rgba(33, 28, 24, 0.08);
}

.execution-pair-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 430px));
  justify-content: center;
  gap: clamp(22px, 3.4vw, 42px);
  align-items: stretch;
}

.exec-ref-large-step {
  min-height: 0;
}

.exec-ref-result {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}

.exec-ref-result span {
  min-height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 12px;
  font-size: .84rem;
  font-weight: 900;
  text-align: center;
}

.exec-ref-result .ok {
  background: #e7efe7;
  color: var(--accent);
}

.exec-ref-result .warn {
  background: #f2e3d5;
  color: #a8561f;
}

.exec-ref-result .neutral {
  background: #fff;
  color: var(--text);
}

.exec-ref-footnote {
  margin-top: 12px;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.35;
}

.exec-ref-checklist {
  display: grid;
  gap: 9px;
  margin: 14px 0;
}

.exec-ref-checklist span {
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8f7f4;
  color: var(--text-soft);
  font-size: .88rem;
}

.exec-ref-checklist span::before {
  content: "✓";
  margin-right: 8px;
  color: var(--accent);
  font-weight: 900;
}

.exec-ref-signature {
  min-height: 84px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  color: #202224;
  font-size: 2.5rem;
  font-family: "Brush Script MT", "Segoe Script", cursive;
  transform: rotate(-4deg);
}

@media (max-width: 1080px) {
  .process-execution-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 940px) {
  .execution-pair-grid {
    grid-template-columns: 1fr;
  }

  .phone-ref {
    width: 430px;
  }
}

@media (max-width: 520px) {
  .process-execution-layout,
  .execution-pair-card {
    padding: 18px 8px 22px;
    border-radius: 20px;
  }

  .process-execution-copy {
    padding: 0 12px;
  }

  .phone-ref .execution-ref-app {
    min-height: 730px;
  }

  .execution-ref-content {
    padding: 12px;
  }

  .exec-ref-card {
    padding: 12px;
  }

  .exec-ref-card h4 {
    font-size: 1.12rem;
  }

  .exec-ref-meta b,
  .exec-ref-row-top strong {
    font-size: .96rem;
  }
}


.exec-ref-batch-simple .exec-ref-row-top strong {
  margin: 6px 0 4px;
  font-size: 1.35rem;
}

.exec-ref-batch-simple .exec-ref-row-top > div > span {
  display: block;
}

.exec-ref-result-two {
  grid-template-columns: repeat(2, minmax(0,1fr));
}

.exec-ref-signature {
  transform: none;
  font-family: inherit;
  font-size: 1rem;
}

.exec-ref-signature-empty {
  background: #fff;
}


.process-execution-phone-wrap {
  width: 430px;
  margin: 0 auto;
}

.execution-pair-grid .phone-ref,
.process-execution-phone-wrap .phone-ref {
  width: 430px;
  max-width: 430px;
}

.exec-ref-large-step {
  display: flex;
  flex-direction: column;
}

.exec-ref-large-step .exec-ref-upload {
  margin-top: 2px;
}

.exec-ref-large-step .exec-ref-checklist {
  margin: 10px 0 12px;
}

@media (max-width: 1080px) {
  .process-execution-layout {
    grid-template-columns: 1fr;
  }

  .process-execution-phone-wrap,
  .process-execution-phone-wrap .phone-ref,
  .execution-pair-grid .phone-ref {
    width: min(100%, 430px);
    max-width: 430px;
  }
}


/* Footer desktop grid alignment refinement */
@media (min-width: 861px) {
  .site-footer .footer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(48px, 7vw, 120px);
    align-items: start;
  }

  .site-footer .footer-grid > div:first-child {
    justify-self: start;
    width: 100%;
    max-width: 360px;
  }

  .site-footer .footer-contact {
    justify-self: center;
    width: min(100%, 260px);
    min-width: 0;
  }

  .site-footer .footer-links {
    justify-self: end;
    width: min(100%, 320px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: nowrap;
  }

  .site-footer .footer-links .footer-column-title {
    margin-bottom: 4px;
  }

  .site-footer .footer-bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: clamp(48px, 7vw, 120px);
  }

  .site-footer .footer-bottom p {
    justify-self: start;
  }

  .site-footer .footer-bottom-logo {
    justify-self: center;
  }

  .site-footer .footer-bottom .language-switch {
    justify-self: end;
  }
}


/* Footer desktop grid alignment refinement v2 - visible equal distribution */
@media (min-width: 861px) {
  .site-footer .footer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    align-items: start;
  }

  .site-footer .footer-grid > div {
    width: min(100%, 320px);
  }

  .site-footer .footer-grid > div:first-child,
  .site-footer .footer-contact,
  .site-footer .footer-links {
    justify-self: center;
  }

  .site-footer .footer-grid > div:first-child p {
    max-width: 320px;
  }

  .site-footer .footer-contact {
    min-width: 0;
    max-width: 320px;
  }

  .site-footer .footer-links {
    max-width: 320px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: nowrap;
  }

  .site-footer .footer-links .footer-column-title {
    margin-bottom: 4px;
  }

  .site-footer .footer-bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 0;
  }

  .site-footer .footer-bottom p {
    justify-self: start;
  }

  .site-footer .footer-bottom-logo {
    justify-self: center;
  }

  .site-footer .footer-bottom .language-switch {
    justify-self: end;
  }
}


/* Footer desktop optical shift refinement */
@media (min-width: 861px) {
  .site-footer .footer-grid {
    padding-left: clamp(56px, 5vw, 92px);
    padding-right: clamp(18px, 2vw, 36px);
  }

  .site-footer .footer-bottom {
    padding-left: clamp(56px, 5vw, 92px);
    padding-right: clamp(18px, 2vw, 36px);
  }
}


/* Footer desktop contact-axis refinement */
@media (min-width: 861px) {
  .site-footer .footer-grid {
    padding-left: clamp(104px, 7.4vw, 150px);
    padding-right: clamp(0px, 1vw, 16px);
  }

  .site-footer .footer-bottom {
    padding-left: clamp(104px, 7.4vw, 150px);
    padding-right: clamp(0px, 1vw, 16px);
  }

  .site-footer .footer-contact {
    align-items: center;
    text-align: center;
  }

  .site-footer .footer-contact .footer-column-title,
  .site-footer .footer-contact a {
    text-align: center;
  }
}


/* Footer desktop balanced centering refinement */
@media (min-width: 861px) {
  .site-footer .footer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    justify-items: center;
    gap: 48px;
    width: min(100% - 64px, 1240px);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }

  .site-footer .footer-grid > div,
  .site-footer .footer-grid > .footer-contact,
  .site-footer .footer-grid > .footer-links {
    width: 100%;
    max-width: 320px;
  }

  .site-footer .footer-grid > div,
  .site-footer .footer-contact,
  .site-footer .footer-links {
    text-align: center;
  }

  .site-footer .footer-grid p {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    text-align: center;
  }

  .site-footer .footer-contact {
    align-items: center;
    text-align: center;
  }

  .site-footer .footer-links {
    min-width: 0;
    justify-items: center;
    text-align: center;
  }

  .site-footer .footer-links .footer-column-title,
  .site-footer .footer-column-title,
  .site-footer .footer-contact a,
  .site-footer .footer-links a {
    text-align: center;
  }

  .site-footer .footer-bottom {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 48px;
    width: min(100% - 64px, 1240px);
    margin: 28px auto 0;
    padding-left: 0;
    padding-right: 0;
  }

  .site-footer .footer-bottom p,
  .site-footer .footer-bottom-logo,
  .site-footer .footer-bottom .language-switch {
    justify-self: center;
  }

  .site-footer .footer-bottom p {
    text-align: center;
  }
}

/* ===== Operative Bausteine + Prozesskette (Startseiten-Umbau) ===== */
.section-heading .section-sub {
  margin-top: 14px;
  color: var(--text-soft);
  font-size: 1.05rem;
  line-height: 1.6;
  max-width: 760px;
}
.baustein-grid { gap: 18px; }
.baustein-card {
  min-height: auto;
  display: flex;
  flex-direction: column;
}
.baustein-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: var(--accent-soft);
  color: var(--accent-strong);
  margin-bottom: 18px;
}
.baustein-icon svg { width: 24px; height: 24px; }
.baustein-card h3 { margin-bottom: 10px; }

.process-chain {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  margin: 30px 0 44px;
}
.process-chain span {
  position: relative;
  flex: 1 1 0;
  min-width: 110px;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  padding: 14px 12px;
  text-align: center;
  background: rgba(255, 255, 255, 0.82);
  font-weight: 800;
  font-size: 0.92rem;
  color: var(--text);
  box-shadow: 0 4px 14px rgba(33, 28, 24, 0.03);
}
.process-chain span:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -11px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--accent-2);
  font-weight: 700;
  z-index: 1;
}
@media (max-width: 860px) {
  .process-chain span { flex: 1 1 40%; }
  .process-chain span:not(:last-child)::after { content: ""; }
}

/* =================================================================
   VISUAL UPGRADE — technologisch & seriös (2026)
   Cohesive overrides; uses existing design tokens only.
   ================================================================= */

/* Eyebrow as a structured technical label with a leading rule */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.eyebrow::before {
  content: "";
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: var(--accent);
  flex: 0 0 auto;
}

/* Faint blueprint grid behind the hero — subtle, fades out */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(34, 70, 59, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(34, 70, 59, 0.05) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(125% 95% at 12% 0%, #000 30%, transparent 70%);
          mask-image: radial-gradient(125% 95% at 12% 0%, #000 30%, transparent 70%);
}

/* Card refinements — crisper, with a calm lift + accent edge on hover */
.feature-card,
.baustein-card {
  position: relative;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.feature-card:hover,
.baustein-card:hover {
  transform: translateY(-2px);
  border-color: var(--accent-2);
  box-shadow: 0 16px 40px rgba(33, 28, 24, 0.09);
}
.baustein-card:hover .baustein-icon {
  background: var(--accent);
  color: #f4f1ea;
}
.baustein-icon { transition: background .2s ease, color .2s ease; }

/* Process chain — reads as a guided pipeline */
.process-chain span {
  background: var(--panel);
  letter-spacing: -0.01em;
}
.process-chain span::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent-2);
  margin: 0 auto 9px;
}

/* Button polish */
.button.primary:hover {
  background: var(--accent-strong);
  border-color: var(--accent-strong);
}

/* ---- Data Integrity / ALCOA+ section ---- */
.dataintegrity {
  background: linear-gradient(180deg, var(--panel-soft), var(--bg) 78%);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.alcoa-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 6px;
}
.alcoa-chip {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 18px 16px;
  border: 1px solid var(--line-strong);
  border-radius: 16px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.alcoa-chip:hover {
  transform: translateY(-2px);
  border-color: var(--accent-2);
  box-shadow: 0 14px 34px rgba(33, 28, 24, 0.08);
}
.alcoa-key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: 11px;
  background: var(--accent);
  color: #f4f1ea;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
}
.alcoa-plus .alcoa-key {
  background: var(--accent-soft);
  color: var(--accent-strong);
}
.alcoa-chip strong {
  font-size: 1rem;
  color: var(--text);
  letter-spacing: -0.02em;
}
.alcoa-chip span:last-child {
  font-size: 0.8rem;
  color: var(--text-soft);
  line-height: 1.45;
}
.alcoa-note {
  margin: 22px 0 0;
  font-size: 0.82rem;
  color: var(--muted);
  max-width: 820px;
  line-height: 1.6;
}
@media (max-width: 980px) {
  .alcoa-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 620px) {
  .alcoa-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---- Regulated markets section (abstract market types) ---- */
.section.markets {
  background: linear-gradient(180deg, var(--panel-soft), var(--bg) 78%);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.market-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.market-card {
  position: relative;
  background: var(--panel);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  padding: 26px 24px 24px;
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.market-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.market-card:hover {
  transform: translateY(-2px);
  border-color: var(--accent-2);
  box-shadow: 0 16px 40px rgba(33, 28, 24, 0.09);
}
.market-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: var(--accent-soft);
  color: var(--accent-strong);
  margin-bottom: 18px;
  transition: background .2s ease, color .2s ease;
}
.market-icon svg { width: 24px; height: 24px; }
.market-card:hover .market-icon { background: var(--accent); color: #f4f1ea; }
.market-card h3 { font-size: 1.18rem; letter-spacing: -0.02em; margin-bottom: 14px; }
.market-card .kv { margin-top: 12px; }
.market-card .kv .k {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-2);
  margin-bottom: 3px;
}
.market-card .kv .v {
  display: block;
  color: var(--text-soft);
  font-size: 0.93rem;
  line-height: 1.5;
}
.market-foot {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  font-size: 0.85rem;
  color: var(--muted);
}
@media (max-width: 900px) {
  .market-grid { grid-template-columns: 1fr; }
}

/* ===== Optimierungsrunde: Prozessvisual, DI-kompakt, CTA-Band ===== */

/* Process flow diagram (neutral, reduced) */
.process-flow {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 10px;
  margin: 34px 0 6px;
}
.flow-step {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  padding: 22px 12px;
  border: 1px solid var(--line-strong);
  border-radius: 16px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
}
.flow-step .flow-ico {
  width: 44px; height: 44px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 12px;
  background: var(--accent-soft);
  color: var(--accent-strong);
}
.flow-step .flow-ico svg { width: 22px; height: 22px; }
.flow-step .flow-label { font-weight: 800; font-size: 0.86rem; letter-spacing: -0.01em; color: var(--text); line-height: 1.25; }
.flow-step:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -11px; top: 50%;
  width: 11px; height: 11px;
  border-top: 2px solid var(--accent-2);
  border-right: 2px solid var(--accent-2);
  transform: translateY(-50%) rotate(45deg);
  z-index: 1;
}
@media (max-width: 880px) {
  .process-flow { flex-wrap: wrap; }
  .flow-step { flex: 1 1 28%; }
}
@media (max-width: 620px) {
  .process-flow { flex-direction: column; gap: 12px; }
  .flow-step { flex-direction: row; justify-content: flex-start; text-align: left; gap: 14px; padding: 16px 18px; }
  .flow-step:not(:last-child)::after { right: auto; left: 33px; top: auto; bottom: -12px; transform: rotate(135deg); }
}

/* Data integrity compact */
.di-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 4px;
}
.di-point {
  padding: 20px 18px;
  border: 1px solid var(--line-strong);
  border-radius: 16px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
}
.di-point .di-k {
  display: flex; align-items: center; gap: 9px;
  font-weight: 800; color: var(--text); font-size: 1rem;
  margin-bottom: 9px;
}
.di-point .di-k::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--accent-2); flex: 0 0 auto; }
.di-point p { color: var(--text-soft); font-size: 0.9rem; line-height: 1.5; margin: 0; }
@media (max-width: 900px) { .di-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .di-grid { grid-template-columns: 1fr; } }

/* CTA band after building blocks */
.cta-band { padding: 56px 0; }
.cta-band-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 28px; flex-wrap: wrap;
  background: var(--accent);
  border-radius: var(--radius-lg);
  padding: 38px 44px;
  box-shadow: var(--shadow);
}
.cta-band-title { font-size: clamp(1.4rem, 2.4vw, 1.95rem); font-weight: 800; letter-spacing: -0.03em; color: #f7f5f2; line-height: 1.15; }
.cta-band p:not(.cta-band-title) { color: rgba(247,245,242,0.84); margin-top: 10px; max-width: 640px; font-size: 1.02rem; line-height: 1.55; }
.cta-band .button.primary { background: #f4f1ea; color: var(--accent-strong); border-color: #f4f1ea; flex: 0 0 auto; }
.cta-band .button.primary:hover { background: #fff; border-color: #fff; }
@media (max-width: 760px) {
  .cta-band-inner { flex-direction: column; align-items: flex-start; padding: 30px 26px; }
}

/* Contact fineprint */
.cta-fineprint { font-size: 0.82rem; color: var(--muted); margin-top: 10px; }

/* A touch more air between major blocks */
.section { padding-top: 92px; padding-bottom: 92px; }

/* ===== Runde 3: Verdichtung & Schärfung ===== */

/* Hero positioning statement */
.hero-statement {
  margin-top: 20px;
  padding-left: 18px;
  border-left: 3px solid var(--accent-2);
  font-size: clamp(1.05rem, 1.6vw, 1.22rem);
  font-weight: 600;
  color: var(--text);
  line-height: 1.45;
  max-width: 640px;
}

/* Process visual: larger & more central */
.process-flow { gap: 12px; margin: 40px 0 10px; }
.flow-step { padding: 28px 14px; gap: 14px; border-radius: 18px; }
.flow-step .flow-ico { width: 54px; height: 54px; border-radius: 14px; }
.flow-step .flow-ico svg { width: 27px; height: 27px; }
.flow-step .flow-label { font-size: 0.95rem; }
.flow-step:not(:last-child)::after { width: 13px; height: 13px; right: -12px; }
@media (max-width: 620px) {
  .flow-step { padding: 18px 20px; }
  .flow-step .flow-ico { width: 46px; height: 46px; }
}

/* Bausteine: a touch more air */
.baustein-grid { gap: 22px; }
.baustein-card { padding: 30px 28px; }

/* Datenintegrität as compact sub-block inside Compliance-Infrastructure */
.di-block {
  margin-top: 30px;
  padding-top: 34px;
  border-top: 1px solid var(--line-strong);
}
.di-block-head { margin-bottom: 22px; max-width: 760px; }
.di-block-head h3 {
  font-size: clamp(1.2rem, 1.9vw, 1.5rem);
  letter-spacing: -0.02em;
  margin-bottom: 8px;
  color: var(--text);
}
.di-block-head p { color: var(--text-soft); font-size: 1rem; line-height: 1.55; margin: 0; }

/* Scale line inside merged markets section */
.scale-line {
  margin-top: 26px;
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--text);
  line-height: 1.5;
}

/* ===== Runde 4: Produktnahe Modulsektion ===== */
.section.modules .module-flow-caption {
  text-align: center; color: var(--text-soft); font-weight: 600;
  margin: 30px 0 12px; font-size: 0.96rem;
}
.module-groups { display: flex; flex-direction: column; gap: 36px; margin-top: 42px; }
.module-group-label {
  font-size: 0.78rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--accent-2); margin: 0 0 16px; padding-bottom: 10px;
  border-bottom: 1px solid var(--line-strong);
}
.module-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); gap: 16px; }
.module-card {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 20px 20px; border: 1px solid var(--line-strong); border-radius: 16px;
  background: var(--panel); box-shadow: var(--shadow-soft);
}
.module-card .module-ico {
  flex: 0 0 auto; width: 42px; height: 42px; border-radius: 11px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--accent-soft); color: var(--accent-strong);
}
.module-card .module-ico svg { width: 21px; height: 21px; }
.module-card h4 { font-size: 1rem; font-weight: 800; letter-spacing: -0.01em; color: var(--text); margin: 0 0 5px; line-height: 1.25; }
.module-card p { font-size: 0.86rem; color: var(--text-soft); line-height: 1.5; margin: 0; }
@media (max-width: 560px) { .module-grid { grid-template-columns: 1fr; } }

/* Origin hint band */
.section.origin-note { padding: 54px 0; }
.origin-line { max-width: 900px; margin: 0 auto; text-align: center; font-size: 1.06rem; line-height: 1.6; color: var(--text-soft); }
.origin-line strong { color: var(--text); }

/* ===== Runde 5: B2B-Vertriebs-Redesign ===== */

/* Hero two-column + system visual */
.hero-grid { display: grid; grid-template-columns: 1fr; align-items: start; gap: 50px; }
.hero-benefit { color: var(--text-soft); font-size: 1rem; line-height: 1.55; margin-top: 16px; max-width: 560px; }
.hero-visual { position: relative; width: 100%; max-width: 470px; margin-left: auto; padding: 22px 22px 16px; border: 1px solid var(--line-strong); border-radius: 24px; background: linear-gradient(180deg,#ffffff,#faf8f4); box-shadow: var(--shadow); }
.hero-visual .hv-cap { display: block; text-align: center; font-size: 0.7rem; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 800; color: var(--muted); margin-bottom: 14px; }
.hv-layer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: 13px; margin-bottom: 9px; border: 1px solid var(--line); background: var(--panel); }
.hv-layer .hv-name { font-weight: 800; font-size: 0.9rem; color: var(--accent-strong); letter-spacing: -0.01em; }
.hv-layer .hv-items { font-size: 0.74rem; color: var(--text-soft); text-align: right; }
.hv-exec { border-left: 3px solid #2b5a4c; }
.hv-proc { border-left: 3px solid #3f7a66; }
.hv-gov  { border-left: 3px solid #a46d22; }
.hv-biz  { border-left: 3px solid #5f5952; }
.hero-visual .hv-foot { display: block; margin-top: 12px; text-align: center; font-size: 0.67rem; color: var(--muted); }
@media (max-width: 920px) { .hero-grid { grid-template-columns: 1fr; gap: 34px; } .hero-visual { margin: 0; max-width: 520px; } }

/* Problem pressure block */
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 38px; }
.problem-card { padding: 26px 24px; border: 1px solid var(--line-strong); border-radius: 18px; background: var(--panel); box-shadow: var(--shadow-soft); }
.problem-card .problem-ico { width: 46px; height: 46px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: #f3e9dd; color: var(--warning); margin-bottom: 16px; }
.problem-card .problem-ico svg { width: 23px; height: 23px; }
.problem-card h3 { font-size: 1.08rem; font-weight: 800; letter-spacing: -0.01em; margin-bottom: 8px; color: var(--text); }
.problem-card p { color: var(--text-soft); font-size: 0.92rem; line-height: 1.55; margin: 0; }
.problem-solution { margin-top: 32px; font-size: 1.2rem; line-height: 1.5; color: var(--text); max-width: 780px; }
.problem-solution strong { color: var(--accent-strong); }
@media (max-width: 820px) { .problem-grid { grid-template-columns: 1fr; } }

/* Platform layers */
.layer-stack { display: flex; flex-direction: column; gap: 16px; margin-top: 42px; }
.layer { display: grid; grid-template-columns: 250px 1fr; gap: 26px; align-items: center; padding: 26px 30px; border: 1px solid var(--line-strong); border-left: 5px solid var(--accent-2); border-radius: 20px; background: var(--panel); box-shadow: var(--shadow-soft); }
.layer-exec { border-left-color: #2b5a4c; }
.layer-proc { border-left-color: #3f7a66; }
.layer-gov  { border-left-color: #a46d22; }
.layer-biz  { border-left-color: #5f5952; }
.layer-head .layer-tag { display: inline-block; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-strong); margin-bottom: 8px; }
.layer-head p { color: var(--text-soft); font-size: 0.92rem; line-height: 1.5; margin: 0; }
.layer-mods { display: flex; flex-wrap: wrap; gap: 10px; }
.mod-chip { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; border: 1px solid var(--line-strong); border-radius: 999px; background: #fff; font-size: 0.86rem; font-weight: 600; color: var(--text); }
.mod-chip svg { width: 16px; height: 16px; color: var(--accent-2); flex: 0 0 auto; }
@media (max-width: 820px) { .layer { grid-template-columns: 1fr; gap: 16px; padding: 22px 20px; } }

/* Founder trust card */
.founder-card { display: grid; grid-template-columns: 220px 1fr; gap: 38px; align-items: center; background: var(--accent); border-radius: var(--radius-lg); padding: 40px 44px; box-shadow: var(--shadow); }
.founder-photo { width: 100%; max-width: 200px; aspect-ratio: 1/1; object-fit: cover; border-radius: 20px; border: 3px solid rgba(255,255,255,0.15); display: block; }
.founder-body .eyebrow { color: #cbe0d6; }
.founder-quote { margin: 10px 0 16px; font-size: clamp(1.15rem, 1.9vw, 1.5rem); line-height: 1.4; font-weight: 600; color: #f7f5f2; border: 0; padding: 0; }
.founder-name { color: rgba(247,245,242,0.9); font-size: 0.95rem; margin-bottom: 14px; }
.founder-name strong { color: #fff; }
.founder-origin { color: rgba(247,245,242,0.72); font-size: 0.88rem; line-height: 1.55; margin: 0; max-width: 640px; }
@media (max-width: 760px) { .founder-card { grid-template-columns: 1fr; gap: 20px; padding: 30px 26px; } .founder-photo { max-width: 116px; } }

/* Outcomes */
.outcome-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 36px; }
.outcome { position: relative; padding: 18px 18px 18px 48px; border: 1px solid var(--line-strong); border-radius: 14px; background: var(--panel); box-shadow: var(--shadow-soft); font-size: 0.95rem; font-weight: 600; color: var(--text); line-height: 1.4; }
.outcome::before { content: ""; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background: var(--accent-soft); }
.outcome::after { content: ""; position: absolute; left: 22px; top: 50%; width: 7px; height: 4px; border-left: 2px solid var(--accent-strong); border-bottom: 2px solid var(--accent-strong); transform: translateY(-65%) rotate(-45deg); }
@media (max-width: 820px) { .outcome-grid { grid-template-columns: 1fr; } }

/* Market chips (compact) */
.market-chips { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.market-chip { padding: 12px 20px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--panel); font-weight: 700; font-size: 0.95rem; color: var(--text); box-shadow: var(--shadow-soft); }

/* Runde 5: Mobile-Feinschliff Hero */
@media (max-width: 560px) {
  .hero-content h1 { font-size: clamp(1.95rem, 8vw, 2.4rem); hyphens: auto; -webkit-hyphens: auto; }
  .hero-content .hero-lead,
  .hero-content .hero-benefit,
  .hero-content p { overflow-wrap: anywhere; }
  .hero-visual { max-width: 100%; }
  .layer { padding: 20px 18px; }
}
html, body { overflow-x: clip; }

/* ============================================================
   Runde 6: B2B-Bühnen-Redesign (dunkle Stages + System-Panel)
   ============================================================ */

/* ---- Dark HERO stage ---- */
.hero.hero-dark {
  position: relative;
  background: radial-gradient(125% 150% at 82% -15%, #18342a 0%, #0f1f19 52%, #0b1611 100%);
  color: #eef2ee;
  overflow: hidden;
  padding-top: 76px;
  padding-bottom: 88px;
}
.hero.hero-dark::before { display: none; }
.hero-grid-lines {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(78% 78% at 72% 18%, #000 28%, transparent 76%);
          mask-image: radial-gradient(78% 78% at 72% 18%, #000 28%, transparent 76%);
  pointer-events: none;
}
.hero-dark .hero-content { position: relative; z-index: 1; }
.hero-dark .hero-content h1 { color: #f6f7f4; }
.eyebrow-light { color: #8fc7b3; }
.eyebrow-light::before { background: #8fc7b3 !important; }
.hero-dark .hero-lead { color: rgba(244,247,243,0.88); }
.hero-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 28px; position: relative; z-index: 1; }
.hero-chip { padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.16); background: rgba(255,255,255,0.05); color: #dfe9e2; font-size: 0.86rem; font-weight: 600; }
.hero-dark .hero-actions { position: relative; z-index: 1; }
.hero-dark .button.primary { background: #f4f1ea; color: var(--accent-strong); border-color: #f4f1ea; }
.hero-dark .button.primary:hover { background: #fff; border-color: #fff; }
.button.ghost { background: transparent; color: #eef2ee; border: 1px solid rgba(255,255,255,0.30); }
.button.ghost:hover { background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.55); }
/* hero visual on dark */
.hero-dark .hero-visual { background: rgba(255,255,255,0.035); border-color: rgba(255,255,255,0.12); box-shadow: none; position: relative; z-index: 1; }
.hero-dark .hero-visual .hv-cap { color: rgba(238,242,238,0.5); }
.hero-dark .hv-layer { background: rgba(255,255,255,0.045); border-color: rgba(255,255,255,0.10); }
.hero-dark .hv-layer .hv-name { color: #cfe6dc; }
.hero-dark .hv-layer .hv-items { color: rgba(238,242,238,0.62); }
.hero-dark .hv-foot { color: rgba(238,242,238,0.46); }

/* ---- PROBLEM: typographic rows ---- */
.problem-rows { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 42px; }
.problem-row { padding: 26px 30px 26px 0; border-top: 2px solid var(--accent); margin-right: 26px; }
.problem-row .problem-k { display: block; font-size: 1.18rem; font-weight: 800; letter-spacing: -0.01em; color: var(--text); margin-bottom: 8px; }
.problem-row p { color: var(--text-soft); font-size: 0.95rem; line-height: 1.55; margin: 0; }
.problem-solution { margin-top: 38px; font-size: clamp(1.2rem, 2vw, 1.4rem); line-height: 1.45; color: var(--text); max-width: 840px; }
.problem-solution strong { color: var(--accent-strong); }
@media (max-width: 780px) { .problem-rows { grid-template-columns: 1fr; } .problem-row { margin-right: 0; } }

/* ---- SYSTEM PANEL (signature) ---- */
.system-panel {
  position: relative; margin-top: 46px;
  background: linear-gradient(180deg, #11221c, #0d1914);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 30px;
  padding: 30px 36px 30px 48px;
  box-shadow: 0 36px 80px -48px rgba(0,0,0,0.55);
  overflow: hidden;
}
.system-panel::before {
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 38px 38px; pointer-events: none;
}
.sp-spine { position: absolute; left: 32px; top: 54px; bottom: 54px; width: 2px; background: linear-gradient(180deg,#3f9b80,#c08a3e 62%,#9aa0a6); opacity: 0.45; }
.sp-layer { position: relative; display: grid; grid-template-columns: 264px 1fr; gap: 28px; align-items: center; padding: 24px 6px 24px 0; border-bottom: 1px solid rgba(255,255,255,0.07); }
.sp-layer:last-of-type { border-bottom: 0; }
.sp-layer::before { content: ""; position: absolute; left: -17px; top: 50%; transform: translateY(-50%); width: 11px; height: 11px; border-radius: 50%; background: #0d1914; border: 2px solid var(--sp-accent, #3f9b80); z-index: 1; }
.sp-exec { --sp-accent: #3f9b80; }
.sp-proc { --sp-accent: #4f8f78; }
.sp-gov  { --sp-accent: #c08a3e; }
.sp-biz  { --sp-accent: #9aa0a6; }
.sp-head .sp-tag { display: inline-block; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sp-accent); margin-bottom: 8px; }
.sp-head p { color: rgba(238,242,238,0.7); font-size: 0.9rem; line-height: 1.5; margin: 0; }
.sp-mods { display: flex; flex-wrap: wrap; gap: 9px; }
.sp-chip { display: inline-flex; align-items: center; gap: 9px; padding: 9px 15px; border-radius: 999px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.13); color: #eaf0ea; font-size: 0.85rem; font-weight: 600; }
.sp-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--sp-accent); flex: 0 0 auto; }
@media (max-width: 820px) {
  .system-panel { padding: 22px 18px 22px 30px; border-radius: 22px; }
  .sp-spine { left: 17px; top: 40px; bottom: 40px; }
  .sp-layer { grid-template-columns: 1fr; gap: 14px; padding: 20px 0; }
  .sp-layer::before { left: -14px; top: 30px; transform: none; }
}

/* ---- FOUNDER dark stage ---- */
.founder-stage { background: linear-gradient(160deg, #11221c, #0c1712); }
.founder-stage .founder-card { background: transparent; box-shadow: none; padding: 0; gap: 46px; }
.founder-h { color: #f4f1ea; font-size: clamp(1.5rem, 2.6vw, 2.1rem); letter-spacing: -0.02em; margin: 6px 0 18px; max-width: 720px; }
.founder-stage .founder-photo { border-color: rgba(255,255,255,0.16); }

/* ---- mid CTA band -> light tinted ---- */
.cta-band-inner { background: var(--accent-soft); }
.cta-band-title { color: var(--accent-strong); }
.cta-band p:not(.cta-band-title) { color: var(--text-soft); }
.cta-band .button.primary { background: var(--accent); color: #f4f1ea; border-color: var(--accent); }
.cta-band .button.primary:hover { background: var(--accent-strong); border-color: var(--accent-strong); }

/* ---- OUTCOMES checklist ---- */
.section.outcomes { background: var(--bg-alt); }
.outcome-list { list-style: none; margin: 38px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 52px; }
.outcome-list li { position: relative; padding: 18px 0 18px 36px; border-bottom: 1px solid var(--line-strong); font-size: 1.02rem; font-weight: 600; color: var(--text); }
.outcome-list li::before { content: ""; position: absolute; left: 4px; top: 50%; width: 10px; height: 6px; border-left: 2.5px solid var(--accent-2); border-bottom: 2.5px solid var(--accent-2); transform: translateY(-75%) rotate(-45deg); }
@media (max-width: 700px) { .outcome-list { grid-template-columns: 1fr; } }

/* ---- DATENINTEGRITÄT inline compact ---- */
.di-inline { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 30px; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.di-item { display: flex; flex-direction: column; gap: 5px; padding: 24px 26px 24px 0; border-right: 1px solid var(--line); font-size: 0.9rem; color: var(--text-soft); line-height: 1.45; }
.di-item:first-child { padding-left: 0; }
.di-item:last-child { border-right: 0; }
.di-item strong { font-size: 1.04rem; font-weight: 800; color: var(--text); }
@media (max-width: 760px) { .di-inline { grid-template-columns: 1fr 1fr; border: 0; } .di-item { padding: 18px 18px 18px 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); } .di-item:nth-child(2n){ border-right: 0; } }

/* ---- MARKETS slight tint ---- */
.section.markets { background: var(--bg-alt); }

/* ---- CONTACT dark closing stage ---- */
.cta-section.cta-stage { background: linear-gradient(160deg, #11221c, #0b1611); }
.cta-stage .cta-card { background: transparent; border: 0; box-shadow: none; }
.cta-stage .cta-content .eyebrow { color: #8fc7b3; }
.cta-stage .cta-content .eyebrow::before { background: #8fc7b3 !important; }
.cta-stage .cta-content h2 { color: #f6f7f4; }
.cta-stage .cta-content > p { color: rgba(238,242,238,0.74); }
.cta-stage .cta-fineprint { color: rgba(238,242,238,0.5); }
.cta-stage .button.primary { background: #f4f1ea; color: var(--accent-strong); border-color: #f4f1ea; }
.cta-stage .button.primary:hover { background: #fff; border-color: #fff; }
.cta-stage .cta-person-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); }
.cta-stage .cta-person-caption a { color: #fff; }
.cta-stage .cta-person-caption span { color: rgba(238,242,238,0.68); }

/* spacing rhythm */
.section.layers { padding-bottom: 100px; }

/* ============================================================
   Runde 7: Feinschliff – Architektur-Panel, Marke, Premium
   ============================================================ */

/* ---- Hero visual: larger, principle-level ---- */
.hero-dark .hero-visual { max-width: 500px; padding: 26px 26px 20px; }
.hero-dark .hv-layer { flex-direction: column; align-items: flex-start; gap: 3px; padding: 15px 18px; }
.hero-dark .hv-layer .hv-name { font-size: 0.98rem; }
.hero-dark .hv-layer .hv-items { font-size: 0.74rem; text-align: left; }
.hero-dark .hv-cap { letter-spacing: 0.18em; }

/* ---- System panel: bigger, architectural ---- */
.system-panel { padding: 42px 46px 42px 60px; border-radius: 32px; }
.system-panel::before { background-size: 44px 44px; }
.sp-spine { left: 40px; top: 60px; bottom: 60px; background: linear-gradient(180deg,#3f9b80,#4f8f78 33%,#c08a3e 66%,#9aa0a6); opacity: 0.55; }
.sp-layer { grid-template-columns: 248px 1fr; gap: 40px; align-items: flex-start; padding: 34px 4px 34px 0; }
.sp-layer::before { left: -25px; top: 40px; transform: none; width: 13px; height: 13px; border-width: 3px; }
.sp-index { display: flex; align-items: baseline; gap: 14px; }
.sp-no { font-size: 0.95rem; font-weight: 800; color: var(--sp-accent); font-variant-numeric: tabular-nums; letter-spacing: 0.05em; }
.sp-name { font-size: 1.4rem; font-weight: 800; letter-spacing: -0.015em; color: #f2f6f2; line-height: 1.12; }
.sp-body { padding-top: 2px; }
.sp-desc { color: rgba(238,242,238,0.66); font-size: 0.96rem; line-height: 1.55; margin: 0 0 18px; max-width: 580px; }
.sp-mods { display: flex; flex-wrap: wrap; gap: 10px; }
.sp-mod { padding: 11px 18px; border-radius: 12px; background: rgba(255,255,255,0.055); border: 1px solid rgba(255,255,255,0.13); color: #eef3ee; font-size: 0.92rem; font-weight: 600; transition: border-color .2s, background .2s; }
.sp-mod:hover { background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.22); }
@media (max-width: 860px) {
  .system-panel { padding: 26px 20px 26px 38px; border-radius: 24px; }
  .sp-spine { left: 22px; top: 44px; bottom: 44px; }
  .sp-layer { grid-template-columns: 1fr; gap: 16px; padding: 26px 0; }
  .sp-layer::before { left: -20px; top: 32px; }
  .sp-name { font-size: 1.25rem; }
}

/* ---- Founder block: more premium ---- */
.founder-stage { padding-top: 104px; padding-bottom: 104px; }
.founder-stage .founder-card { grid-template-columns: 240px 1fr; gap: 56px; align-items: center; }
.founder-stage .founder-photo { max-width: 240px; border-radius: 22px; }
.founder-quote { font-size: clamp(1.32rem, 2.1vw, 1.7rem); line-height: 1.4; margin: 12px 0 20px; }
.founder-name { font-size: 1rem; margin-bottom: 16px; }
@media (max-width: 760px) { .founder-stage .founder-card { grid-template-columns: 1fr; gap: 24px; } .founder-stage .founder-photo { max-width: 132px; } }

/* ---- Problem rows: stronger separation ---- */
.problem-rows { gap: 0; }
.problem-row { padding: 28px 34px; margin-right: 0; }
.problem-row:first-child { padding-left: 0; }
.problem-row + .problem-row { border-left: 1px solid var(--line-strong); }
@media (max-width: 780px) {
  .problem-row { padding: 24px 0; }
  .problem-row + .problem-row { border-left: 0; border-top: 2px solid var(--accent); }
}

/* ---- Outcomes: calmer, more premium ---- */
.outcome-list { gap: 0 64px; margin-top: 42px; }
.outcome-list li { padding: 20px 0 20px 40px; font-size: 1.05rem; }
.outcome-list li::before { left: 5px; }

/* ---- Contact: brand panel instead of 2nd photo ---- */
.cta-brand {
  position: relative; overflow: hidden;
  min-height: 360px; border-radius: 26px;
  border: 1px solid rgba(255,255,255,0.10);
  background: radial-gradient(125% 120% at 28% 18%, #18302480 0%, #0c1712 70%), linear-gradient(160deg,#13241d,#0b1611);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 48px 40px;
}
.cta-brand::before {
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 40px 40px;
  -webkit-mask-image: radial-gradient(75% 75% at 50% 42%, #000 30%, transparent 78%);
          mask-image: radial-gradient(75% 75% at 50% 42%, #000 30%, transparent 78%);
}
.cta-brand-bg {
  position: absolute; right: -48px; bottom: -56px; width: 320px; height: 320px;
  background: url("assets/420plus-logo-mark.png?v=7") center/contain no-repeat;
  filter: brightness(0) invert(1); opacity: 0.05; pointer-events: none;
}
.cta-brand-mark { position: relative; width: 104px; height: auto; filter: brightness(0) invert(1); opacity: 0.92; }
.cta-brand-tagline { position: relative; color: rgba(238,242,238,0.62); font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700; text-align: center; max-width: 240px; line-height: 1.5; }
@media (max-width: 760px) { .cta-brand { min-height: 220px; padding: 36px 28px; } .cta-brand-mark { width: 84px; } }

/* ===== Runde 8: Märkte als Strukturprofile ===== */
.profile-stack { display: flex; flex-direction: column; gap: 16px; margin-top: 40px; }
.profile {
  display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 32px; align-items: center;
  padding: 30px 34px; background: var(--panel);
  border: 1px solid var(--line-strong); border-left: 4px solid var(--accent-2);
  border-radius: 18px; box-shadow: var(--shadow-soft);
}
.profile-head h3 { font-size: 1.22rem; font-weight: 800; letter-spacing: -0.01em; color: var(--text); margin: 0 0 8px; line-height: 1.2; }
.profile-head p { color: var(--text-soft); font-size: 0.95rem; line-height: 1.55; margin: 0; }
.profile-terms { display: flex; flex-wrap: wrap; gap: 9px; }
.profile-terms span { padding: 8px 14px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-strong); border: 1px solid var(--line); font-size: 0.83rem; font-weight: 700; }
@media (max-width: 820px) { .profile { grid-template-columns: 1fr; gap: 18px; padding: 24px 22px; } }

/* ===== Runde 9: Datenintegrität-Karten + Marktgruppen ===== */
.di-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 38px; }
.di-card { padding: 26px 24px; background: var(--panel); border: 1px solid var(--line-strong); border-top: 3px solid var(--accent-2); border-radius: 16px; box-shadow: var(--shadow-soft); }
.di-card-k { display: block; font-size: 1.12rem; font-weight: 800; letter-spacing: -0.01em; color: var(--accent-strong); margin-bottom: 10px; }
.di-card p { color: var(--text-soft); font-size: 0.95rem; line-height: 1.5; margin: 0; }
@media (max-width: 860px) { .di-cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .di-cards { grid-template-columns: 1fr; } }

.market-groups { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 38px; }
.market-group { padding: 28px 28px; background: var(--panel); border: 1px solid var(--line-strong); border-left: 4px solid var(--accent-2); border-radius: 18px; box-shadow: var(--shadow-soft); }
.market-group h3 { font-size: 1.12rem; font-weight: 800; letter-spacing: -0.01em; color: var(--text); margin: 0 0 12px; line-height: 1.25; }
.market-examples { font-size: 1.02rem; font-weight: 600; color: var(--accent-strong); line-height: 1.6; margin: 0; }
.market-foot { margin-top: 28px; font-size: 1rem; color: var(--text-soft); line-height: 1.6; max-width: 900px; }
@media (max-width: 860px) { .market-groups { grid-template-columns: 1fr; } }

/* ===== Runde 10: Trust-Showcase (Datenintegrität) + Markt-Cluster ===== */

/* Datenintegrität als digitaler Integrity-Showcase */
.section.dataintegrity { position: relative; background: var(--bg); overflow: hidden; }
.section.dataintegrity::before {
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 44px 44px; opacity: 0.55;
  -webkit-mask-image: radial-gradient(85% 75% at 50% 28%, #000 0%, transparent 82%);
          mask-image: radial-gradient(85% 75% at 50% 28%, #000 0%, transparent 82%);
  pointer-events: none;
}
.section.dataintegrity .container { position: relative; z-index: 1; }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 42px; }
.trust-card {
  background: var(--panel); border: 1px solid var(--line-strong); border-radius: 18px;
  padding: 26px 24px; box-shadow: var(--shadow-soft);
  display: flex; flex-direction: column; gap: 13px;
}
.trust-ico { width: 46px; height: 46px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; background: var(--accent-soft); color: var(--accent-strong); }
.trust-ico svg { width: 23px; height: 23px; }
.trust-card h3 { font-size: 1.12rem; font-weight: 800; letter-spacing: -0.01em; color: var(--text); margin: 0; }
.trust-card p { color: var(--text-soft); font-size: 0.92rem; line-height: 1.5; margin: 0; flex: 1; }
.trust-meta {
  align-self: flex-start; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.68rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted);
  background: var(--bg-soft); border: 1px solid var(--line); border-radius: 8px; padding: 6px 10px;
}
@media (max-width: 900px) { .trust-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .trust-grid { grid-template-columns: 1fr; } }

/* Zielmärkte als hochwertige Cluster-Karten */
.cluster-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 42px; }
.cluster-card {
  background: var(--panel); border: 1px solid var(--line-strong); border-radius: 20px;
  padding: 30px 28px; box-shadow: var(--shadow-soft);
  display: flex; flex-direction: column; gap: 14px;
}
.cluster-top { display: flex; align-items: center; gap: 14px; }
.cluster-ico { width: 48px; height: 48px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; background: var(--accent); color: #f4f1ea; flex: 0 0 auto; }
.cluster-ico svg { width: 24px; height: 24px; }
.cluster-card h3 { font-size: 1.12rem; font-weight: 800; letter-spacing: -0.01em; color: var(--text); margin: 0; line-height: 1.22; }
.cluster-desc { color: var(--text-soft); font-size: 0.92rem; line-height: 1.55; margin: 0; }
.cluster-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; padding-top: 18px; border-top: 1px solid var(--line); }
.cluster-tags span { padding: 8px 14px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-strong); border: 1px solid var(--line); font-size: 0.84rem; font-weight: 700; }
@media (max-width: 860px) { .cluster-grid { grid-template-columns: 1fr; } }

/* ===== Runde 11: Layer-Kürzel, Premium-Cluster, Lineage ===== */

/* Markt-Cluster: dunkler Header + Body (override Runde 10) */
.cluster-card { padding: 0; gap: 0; overflow: hidden; box-shadow: var(--shadow); }
.cluster-head { display: flex; align-items: center; gap: 14px; padding: 22px 26px; background: linear-gradient(150deg, #1b3429, #11211a); }
.cluster-head .cluster-ico { width: 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14); color: #eaf3ee; }
.cluster-head .cluster-ico svg { width: 22px; height: 22px; }
.cluster-head h3 { color: #f4f1ea; font-size: 1.1rem; font-weight: 800; letter-spacing: -0.01em; margin: 0; line-height: 1.22; }
.cluster-body { padding: 24px 26px 28px; display: flex; flex-direction: column; gap: 16px; }
.cluster-body .cluster-desc { color: var(--text-soft); font-size: 0.93rem; line-height: 1.55; margin: 0; }
.cluster-body .cluster-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; }
.cluster-body .cluster-tags span { padding: 8px 14px; border-radius: 10px; background: var(--accent-soft); color: var(--accent-strong); border: 1px solid var(--line); font-size: 0.84rem; font-weight: 700; }

/* Datenintegrität: Lineage-Verkettung + menschzentrierter Satz */
.lineage { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 40px 0 30px; }
.lineage-node { padding: 10px 16px; border-radius: 999px; background: var(--panel); border: 1px solid var(--line-strong); box-shadow: var(--shadow-soft); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.02em; color: var(--accent-strong); white-space: nowrap; }
.lineage-link { flex: 1 1 22px; min-width: 16px; height: 2px; background: linear-gradient(90deg, var(--accent-2), var(--line-strong)); position: relative; }
.lineage-link::after { content: ""; position: absolute; right: 0; top: 50%; transform: translate(50%,-50%); width: 6px; height: 6px; border-radius: 50%; background: var(--accent-2); }
.di-human { margin-top: 30px; font-size: 1.04rem; line-height: 1.55; color: var(--text); max-width: 780px; padding-left: 18px; border-left: 3px solid var(--accent-2); }
@media (max-width: 760px) { .lineage { gap: 8px; } .lineage-link { display: none; } }

/* ===== Runde 12: Plattformarchitektur als gestapelte Layer-Karten ===== */
.layer-stack { position: relative; margin-top: 44px; display: flex; flex-direction: column; gap: 16px; }
.layer-card {
  position: relative; display: grid; grid-template-columns: 290px 1fr;
  background: var(--panel); border: 1px solid var(--line-strong); border-radius: 22px;
  overflow: hidden; box-shadow: var(--shadow);
}
/* subtile Verbindung zwischen den Ebenen */
.layer-card:not(:last-child)::after {
  content: ""; position: absolute; left: 44px; bottom: -16px; width: 2px; height: 16px;
  background: linear-gradient(180deg, var(--line-strong), var(--accent-2)); z-index: 2;
}
.lc-index {
  position: relative; display: flex; flex-direction: column; justify-content: center; gap: 8px;
  padding: 32px 32px; background: linear-gradient(155deg, #1b3429, #0f1f19); color: #f2f6f2;
}
.lc-index::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 34px 34px;
  -webkit-mask-image: radial-gradient(120% 100% at 0% 0%, #000, transparent 75%);
          mask-image: radial-gradient(120% 100% at 0% 0%, #000, transparent 75%);
}
.lc-no { position: relative; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92rem; font-weight: 800; letter-spacing: 0.14em; color: var(--lc-accent, #7fc8ad); }
.lc-name { position: relative; font-size: 1.72rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.05; color: #f4f7f4; }
.lc-body { padding: 30px 34px; display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.lc-lead { font-size: 1.05rem; font-weight: 500; color: var(--text); line-height: 1.5; margin: 0; }
.lc-mods { display: flex; flex-wrap: wrap; gap: 9px; }
.lc-mods span { padding: 9px 15px; border-radius: 10px; background: var(--accent-soft); color: var(--accent-strong); border: 1px solid var(--line); font-size: 0.86rem; font-weight: 700; }
.lc-01 { --lc-accent: #7fc8ad; }
.lc-02 { --lc-accent: #62b59a; }
.lc-03 { --lc-accent: #d8a24e; }
.lc-04 { --lc-accent: #aab0b6; }
@media (max-width: 760px) {
  .layer-card { grid-template-columns: 1fr; }
  .lc-index { flex-direction: row; align-items: baseline; gap: 12px; padding: 22px 24px; }
  .lc-name { font-size: 1.42rem; }
  .lc-body { padding: 22px 24px 26px; }
  .layer-card:not(:last-child)::after { left: 28px; }
}

/* ===== Runde 13: Premium Layer-Architektur + Markt-Showcase ===== */

/* --- Layer-Architektur: Achse, Tiefe, ruhige Chips --- */
.layer-stack { padding-left: 30px; gap: 18px; }
.layer-stack::before {
  content: ""; position: absolute; left: 5px; top: 40px; bottom: 40px; width: 2px;
  background: linear-gradient(180deg, #7fc8ad, #62b59a 33%, #d8a24e 66%, #aab0b6);
  opacity: 0.5;
}
.layer-card {
  grid-template-columns: 300px 1fr;
  box-shadow: 0 26px 60px -38px rgba(15,31,25,0.55), 0 2px 5px rgba(0,0,0,0.04);
}
.layer-card:not(:last-child)::after { display: none; }   /* alten Connector entfernen */
.layer-card::before {
  content: ""; position: absolute; left: -30px; top: 50%; transform: translateY(-50%);
  width: 13px; height: 13px; border-radius: 50%;
  background: var(--bg); border: 3px solid var(--lc-accent, #7fc8ad);
  box-shadow: 0 0 0 5px var(--bg); z-index: 3;
}
.lc-index { padding: 38px 34px; overflow: hidden; }
.lc-ghost {
  position: absolute; right: 16px; bottom: -22px; z-index: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 800;
  font-size: 7rem; line-height: 1; color: rgba(255,255,255,0.055); pointer-events: none;
}
.lc-no { position: relative; z-index: 1; }
.lc-name { position: relative; z-index: 1; font-size: 1.8rem; }
.lc-body { padding: 36px 38px; gap: 18px; }
.lc-lead { font-size: 1.06rem; color: var(--text-soft); }
.lc-mods { gap: 10px; }
.lc-mods span {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 10px 16px; border-radius: 11px;
  background: var(--panel); border: 1px solid var(--line-strong); color: var(--text);
  font-size: 0.88rem; font-weight: 600; box-shadow: var(--shadow-soft);
}
.lc-mods span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--lc-accent, #62b59a); flex: 0 0 auto; }
@media (max-width: 760px) {
  .layer-stack { padding-left: 0; gap: 16px; }
  .layer-stack::before, .layer-card::before { display: none; }
  .layer-card { grid-template-columns: 1fr; }
  .lc-index { flex-direction: row; align-items: baseline; gap: 12px; padding: 22px 24px; }
  .lc-name { font-size: 1.45rem; }
  .lc-ghost { font-size: 4.6rem; right: 14px; bottom: -14px; }
  .lc-body { padding: 24px 24px 26px; }
}

/* --- Markt-Cluster: mehr Bühne, ergänzende Badges --- */
.cluster-grid { gap: 22px; }
.cluster-card { border-radius: 22px; box-shadow: 0 26px 64px -38px rgba(15,31,25,0.5), 0 2px 5px rgba(0,0,0,0.04); }
.cluster-head { position: relative; overflow: hidden; padding: 28px 28px; gap: 16px; }
.cluster-ghost { position: absolute; right: -16px; top: -18px; color: rgba(255,255,255,0.05); pointer-events: none; }
.cluster-ghost svg { width: 116px; height: 116px; }
.cluster-head .cluster-ico { position: relative; z-index: 1; width: 50px; height: 50px; border-radius: 13px; }
.cluster-head .cluster-ico svg { width: 24px; height: 24px; }
.cluster-head h3 { position: relative; z-index: 1; font-size: 1.2rem; line-height: 1.25; }
.cluster-body { padding: 28px 28px 32px; gap: 20px; }
.cluster-body .cluster-desc { font-size: 0.96rem; color: var(--text-soft); }
.cluster-body .cluster-tags { padding-top: 20px; border-top: 1px solid var(--line); gap: 9px; }
.cluster-body .cluster-tags span {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 15px; border-radius: 11px;
  background: var(--panel); border: 1px solid var(--line-strong); color: var(--text);
  font-size: 0.86rem; font-weight: 600; box-shadow: var(--shadow-soft);
}
.cluster-body .cluster-tags span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--accent-2); flex: 0 0 auto; }

/* ===== Runde 14: Nutzen als System-Kacheln ===== */
.outcome-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 42px; }
.oc-card {
  position: relative; overflow: hidden;
  background: var(--panel); border: 1px solid var(--line-strong); border-radius: 16px;
  padding: 26px 24px 22px; box-shadow: var(--shadow-soft);
  display: flex; flex-direction: column; gap: 14px;
}
/* dezentes Grid-Eck = digitale Nachvollziehbarkeit */
.oc-card::before {
  content: ""; position: absolute; right: -18px; top: -18px; width: 104px; height: 104px;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 16px 16px; opacity: 0.65; pointer-events: none;
  -webkit-mask-image: radial-gradient(72% 72% at 100% 0%, #000, transparent 76%);
          mask-image: radial-gradient(72% 72% at 100% 0%, #000, transparent 76%);
}
/* quadratisches Zustands-Glyph */
.oc-mark { position: relative; width: 32px; height: 32px; border-radius: 9px; background: var(--accent-soft); border: 1px solid var(--line); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.oc-mark::after { content: ""; width: 12px; height: 12px; border-radius: 3px; background: var(--accent-2); }
.oc-card h3 { position: relative; font-size: 1.08rem; font-weight: 800; letter-spacing: -0.01em; color: var(--text); margin: 0; line-height: 1.28; }
.oc-card p { position: relative; font-size: 0.92rem; color: var(--text-soft); line-height: 1.55; margin: 0; flex: 1; }
/* Mechanismus-Tag = revisionssichere Log-/Zustandszeile */
.oc-mech { position: relative; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.oc-mech-k { font-size: 0.62rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }
.oc-mech-v {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.74rem; font-weight: 600;
  letter-spacing: 0.02em; color: var(--accent-strong);
  background: var(--bg-soft); border: 1px solid var(--line); border-radius: 8px; padding: 8px 12px;
}
.oc-mech-v::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: var(--accent-2); flex: 0 0 auto; }
@media (max-width: 960px) { .outcome-cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .outcome-cards { grid-template-columns: 1fr; } }

/* ===== Runde 15: Layer-Farben, Sticky-Shrink-Header, Anchor-Offset ===== */

/* Layer-Akzente klarer differenziert (ruhig, regulatorisch) */
.lc-01 { --lc-accent: #79cdac; }  /* frisches Mint/Grün */
.lc-02 { --lc-accent: #4ea5b2; }  /* kühles Petrol/Grün-Blau */
.lc-03 { --lc-accent: #d49a3f; }  /* warmes Ocker/Gold */
.lc-04 { --lc-accent: #9aa8a2; }  /* ruhiges Grau-Grün */
.layer-stack::before { background: linear-gradient(180deg, #79cdac, #4ea5b2 33%, #d49a3f 66%, #9aa8a2); }

/* Header beim Scrollen sichtbar halten + kompakter werden */
.site-header { transition: background .25s ease, box-shadow .25s ease, border-color .25s ease; }
.site-header .nav { transition: min-height .25s ease; }
.brand-logo-img { transition: width .25s ease, height .25s ease; }
.site-header.is-compact {
  background: rgba(247, 245, 242, 0.95);
  box-shadow: 0 8px 26px -18px rgba(15, 31, 25, 0.45);
  border-bottom-color: rgba(215, 207, 198, 0.95);
}
@media (min-width: 861px) {
  .site-header.is-compact .nav { min-height: 72px; }
  .site-header.is-compact .brand-logo-img { width: 60px; height: 60px; }
}
@media (max-width: 860px) {
  .site-header.is-compact .nav { min-height: 56px; }
  .site-header.is-compact .brand-logo-img { width: 44px; height: 44px; }
}

/* Anker-Ziele nicht vom Sticky-Header verdecken */
html { scroll-padding-top: 92px; }
@media (max-width: 860px) { html { scroll-padding-top: 76px; } }

/* ===== Runde 16: Top-Banner, Zwei-Zustands-Header, Mobile-Menü, H1 ===== */

/* Top-Banner (Zustand normal sichtbar, compact eingeklappt) */
.top-banner {
  background: linear-gradient(90deg, #0f1f19, #14271e);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: #e3ece6; overflow: hidden;
  max-height: 64px; opacity: 1;
  transition: max-height .22s ease, opacity .2s ease, border-color .22s ease;
}
.top-banner-inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 0; }
.top-banner-text { margin: 0; font-size: 0.82rem; font-weight: 600; letter-spacing: 0.015em; color: #e8efe9; }
.top-banner-cta {
  flex: 0 0 auto; font-size: 0.74rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
  color: #cfe6dc; border: 1px solid rgba(255,255,255,0.22); border-radius: 999px; padding: 6px 15px; white-space: nowrap;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.top-banner-cta:hover { background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.42); color: #fff; }
.site-header.is-compact .top-banner { max-height: 0; opacity: 0; border-bottom-color: transparent; }
@media (max-width: 600px) {
  .top-banner-inner { justify-content: center; padding: 8px 0; }
  .top-banner-text { font-size: 0.74rem; text-align: center; line-height: 1.35; }
  .top-banner-cta { display: none; }
}

/* Mobile-Menü als robustes Vollhöhen-Overlay (Top-Offset-unabhängig) */
@media (max-width: 860px) {
  .nav-links {
    top: 0 !important;
    height: 100dvh !important;
    padding-top: 96px !important;
    z-index: 50 !important;
  }
  .nav-toggle { z-index: 52 !important; }
  body.nav-open::before { z-index: 30; }
}
@media (max-width: 520px) {
  .nav-links { top: 0 !important; height: 100dvh !important; }
}

/* H1 im Hero: mobil keine Worttrennung */
@media (max-width: 760px) {
  .hero-content h1 {
    hyphens: none !important; -webkit-hyphens: none !important;
    word-break: normal !important; overflow-wrap: normal !important;
    font-size: clamp(1.82rem, 7.3vw, 2.3rem);
  }
}

/* ===== Runde 17: Banner zentriert, CTA-Logik, Mobile-Menü schließen ===== */

/* Top-Banner: Text zentriert (CTA entfernt) */
.top-banner-inner { justify-content: center; }
.top-banner-text { text-align: center; }

@media (max-width: 860px) {
  /* Demo-CTA mobil nur noch im aufklappbaren Menü */
  .mobile-portal-button { display: none !important; }
  .nav-links .portal-button {
    display: inline-flex !important;
    order: -1; align-self: stretch; justify-content: center;
    margin: 0 0 10px; padding: 13px 22px; min-height: 0;
    background: transparent; color: var(--accent) !important;
    border: 1px solid rgba(34, 70, 59, 0.32); box-shadow: none;
    border-radius: 10px; font-weight: 700; letter-spacing: 0.08em;
  }
  .nav-links .portal-button:hover { background: rgba(34, 70, 59, 0.06); }

  /* Drawer eigenständig scrollbar, kein Scroll-Chaining */
  .nav-links { overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }

  /* Schließen-X bleibt immer sichtbar und klickbar (unabhängig vom Header/Scroll) */
  body.nav-open .nav-toggle {
    position: fixed; top: 14px; right: 14px; z-index: 60;
  }
  body.nav-open .nav-toggle span { background: var(--text); }
  /* Header-Zustand friert ein, solange Menü offen ist (kein Ruckeln) */
  body.nav-open .site-header { transition: none; }
}

/* ===== Runde 18: Fix Mobile-Drawer-Position (backdrop-filter am Header) ===== */
/* Ein backdrop-filter macht den Header zum Bezugsrahmen für position:fixed-Kinder.
   Dadurch erschien das Mobile-Menü beim Scrollen am Dokumentanfang statt im Viewport.
   Header daher ohne backdrop-filter, dafür nahezu deckender Hintergrund. */
.site-header { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(246, 244, 240, 0.98); }
.site-header.is-compact { background: rgba(246, 244, 240, 0.99); }

/* ===== Runde 20: Nutzen-Showcase veredeln (Grid-Motive, Audit-Trail, Tags) ===== */
.outcome-cards { position: relative; }
.oc-card { overflow: visible; }
.oc-card::before { display: none; }            /* alte Grid-Ecke deaktivieren */

/* Viereck-/Grid-Motiv je Karte variiert, dezent */
.oc-grid {
  position: absolute; z-index: 0; pointer-events: none;
  width: 98px; height: 98px;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 16px 16px; opacity: 0.6;
}
/* Variante A – oben rechts (Karten 1, 4) */
.oc-card:nth-child(3n+1) .oc-grid {
  top: 1px; right: 1px;
  -webkit-mask-image: radial-gradient(78% 78% at 100% 0%, #000, transparent 76%);
          mask-image: radial-gradient(78% 78% at 100% 0%, #000, transparent 76%);
}
/* Variante B – unten rechts (Karten 2, 5) */
.oc-card:nth-child(3n+2) .oc-grid {
  bottom: 1px; right: 1px;
  -webkit-mask-image: radial-gradient(78% 78% at 100% 100%, #000, transparent 76%);
          mask-image: radial-gradient(78% 78% at 100% 100%, #000, transparent 76%);
}
/* Variante C – subtil im Hintergrund (Karten 3, 6) */
.oc-card:nth-child(3n) .oc-grid {
  inset: 0; width: auto; height: auto; opacity: 0.32;
  -webkit-mask-image: radial-gradient(120% 90% at 80% 60%, #000, transparent 82%);
          mask-image: radial-gradient(120% 90% at 80% 60%, #000, transparent 82%);
}

/* Desktop: feine Audit-/Trace-Spur zwischen Karten einer Reihe + Knoten */
@media (min-width: 961px) {
  .oc-card::after {
    content: ""; position: absolute; z-index: 3; pointer-events: none;
    top: 42px; right: -16px; width: 16px; height: 7px;
    background:
      linear-gradient(90deg, var(--line-strong), var(--line-strong)) left center / 16px 1px no-repeat,
      radial-gradient(circle at 14px 50%, var(--accent-2) 0 2.4px, transparent 2.6px);
  }
  .outcome-cards .oc-card:nth-child(3n)::after { display: none; }   /* keine Spur am Reihenende */
}

/* Tablet/Mobile: keine querlaufenden Linien – nur dezente vertikale Spur */
@media (max-width: 960px) {
  .oc-card::before {
    display: block; content: ""; position: absolute; left: 0; top: 22px; bottom: 22px; width: 2px;
    background: linear-gradient(180deg, transparent, var(--line-strong) 18%, var(--line-strong) 82%, transparent);
    opacity: 0.7;
  }
}
@media (max-width: 560px) {
  .oc-grid { opacity: 0.4; }
  .oc-card:nth-child(3n) .oc-grid { opacity: 0.24; }
}

/* Mechanismus-Tags ruhiger & einheitlicher – wie System-/Logik-Hinweise */
.oc-mech { border-top: 1px solid var(--line); padding-top: 14px; margin-top: 4px; gap: 7px; }
.oc-mech-k { letter-spacing: 0.16em; }
.oc-mech-v { background: transparent !important; border: 0 !important; padding: 0 !important; border-radius: 0; color: var(--accent-strong); }

/* ===== Runde 21–38: Gründerabschnitt mit moody Cannabis-Makro ===== */
.founder-stage {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #080a0e 0%, #090b0f 100%);
}
.founder-stage .founder-card {
  position: relative;
  z-index: 1;
  grid-template-columns: 240px 1fr;
  gap: 56px;
  align-items: center;
}
.founder-fx {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.founder-macro-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(5,7,10,0.97) 0%,
      rgba(5,7,10,0.94) 18%,
      rgba(5,7,10,0.82) 34%,
      rgba(5,7,10,0.52) 50%,
      rgba(5,7,10,0.20) 72%,
      rgba(5,7,10,0.28) 100%),
    radial-gradient(62% 120% at 8% 50%, rgba(30,62,98,0.28), transparent 72%),
    radial-gradient(48% 92% at 80% 48%, rgba(209,174,91,0.10), transparent 68%),
    url("assets/founder-macro-bg.webp") center center / cover no-repeat;
  filter: saturate(0.98) brightness(0.98) contrast(1.04);
  opacity: 0;
  transform: scale(1.015);
  transition: opacity 1.05s ease, transform 1.15s ease;
}
.founder-stage.is-revealed .founder-macro-bg { opacity: 1; transform: none; }
.founder-grid-hint {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 28%;
  height: 54%;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 30px 30px;
  opacity: 0;
  transition: opacity 0.9s ease;
  -webkit-mask-image: radial-gradient(92% 92% at 100% 100%, #000 0%, rgba(0,0,0,0.72) 34%, transparent 84%);
          mask-image: radial-gradient(92% 92% at 100% 100%, #000 0%, rgba(0,0,0,0.72) 34%, transparent 84%);
}
.founder-stage.is-revealed .founder-grid-hint { opacity: 0.16; }
.founder-stage .founder-photo {
  max-width: 240px;
  border-radius: 22px;
  border-color: rgba(255,255,255,0.18);
  box-shadow: 0 18px 42px rgba(0,0,0,0.30);
}
.founder-body {
  position: relative;
  z-index: 1;
  max-width: 760px;
  padding: 12px 0 14px;
  text-shadow: 0 2px 18px rgba(0,0,0,0.42);
}
.founder-body::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -22px -84px -24px -26px;
  pointer-events: none;
  border-radius: 30px;
  background:
    linear-gradient(90deg,
      rgba(4,6,10,0.84) 0%,
      rgba(4,6,10,0.74) 34%,
      rgba(4,6,10,0.58) 58%,
      rgba(4,6,10,0.28) 78%,
      rgba(4,6,10,0.00) 100%),
    radial-gradient(72% 100% at 12% 50%, rgba(17,26,41,0.32) 0%, rgba(17,26,41,0.10) 56%, transparent 82%);
  filter: blur(14px);
  opacity: 0.96;
}
.founder-body .eyebrow {
  color: #dac27e;
  text-shadow: 0 1px 10px rgba(0,0,0,0.28);
}
.founder-quote {
  font-size: clamp(1.32rem, 2.1vw, 1.7rem);
  line-height: 1.4;
  margin: 12px 0 20px;
  color: rgba(247,245,242,0.985);
  text-shadow:
    0 2px 14px rgba(0,0,0,0.42),
    0 1px 3px rgba(0,0,0,0.44);
}
.founder-name {
  font-size: 1rem;
  margin-bottom: 16px;
  color: rgba(247,245,242,0.96);
  text-shadow: 0 1px 10px rgba(0,0,0,0.30);
}
.founder-name strong { color: #ffffff; }
.founder-origin {
  color: rgba(247,245,242,0.90);
  font-size: 0.92rem;
  line-height: 1.6;
  margin: 0;
  max-width: 700px;
  text-shadow: 0 1px 10px rgba(0,0,0,0.26);
}
@media (max-width: 980px) {
  .founder-stage .founder-card { gap: 36px; grid-template-columns: 200px 1fr; }
  .founder-stage .founder-photo { max-width: 200px; }
}
@media (max-width: 760px) {
  .founder-stage { padding-top: 84px; padding-bottom: 84px; }
  .founder-stage .founder-card { grid-template-columns: 1fr; gap: 24px; }
  .founder-stage .founder-photo { max-width: 132px; }
  .founder-body { padding: 10px 0 6px; }
  .founder-body::before {
    inset: -18px -18px -18px -18px;
    border-radius: 24px;
    background:
      linear-gradient(180deg,
        rgba(4,6,10,0.80) 0%,
        rgba(4,6,10,0.68) 46%,
        rgba(4,6,10,0.48) 100%),
      radial-gradient(92% 100% at 20% 18%, rgba(17,26,41,0.28) 0%, rgba(17,26,41,0.06) 62%, transparent 88%);
    filter: blur(12px);
  }
  .founder-macro-bg {
    background:
      linear-gradient(180deg,
        rgba(5,7,10,0.90) 0%,
        rgba(5,7,10,0.78) 38%,
        rgba(5,7,10,0.84) 100%),
      radial-gradient(88% 70% at 84% 14%, rgba(209,174,91,0.10), transparent 68%),
      radial-gradient(90% 96% at 10% 56%, rgba(30,62,98,0.24), transparent 74%),
      url("assets/founder-macro-bg.webp") 66% center / cover no-repeat;
    filter: saturate(0.98) brightness(0.96) contrast(1.04);
  }
  .founder-grid-hint {
    width: 46%;
    height: 38%;
    background-size: 24px 24px;
  }
  .founder-stage.is-revealed .founder-grid-hint { opacity: 0.10; }
}
@media (prefers-reduced-motion: reduce) {
  .founder-macro-bg, .founder-grid-hint { transition: none !important; transform: none !important; }
}

/* ===== Runde 26: Kontakt -> hochwertiges Demo-Anfrageformular ===== */
.cta-section.cta-stage { position: relative; overflow: hidden; }
.cta-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.cta-bg .cta-logo-bg {
  position: absolute; right: -70px; top: 50%; transform: translateY(-50%);
  width: 440px; height: 440px;
  background: url("assets/420plus-logo-mark.png?v=7") center/contain no-repeat;
  filter: brightness(0) invert(1); opacity: 0.04;
}
.demo-stage::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(82% 88% at 26% 28%, #000 22%, transparent 82%);
          mask-image: radial-gradient(82% 88% at 26% 28%, #000 22%, transparent 82%);
}

.demo-card { position: relative; z-index: 1; display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: start; }

/* Intro links */
.demo-intro .eyebrow { color: #8fc7b3; }
.demo-intro .eyebrow::before { background: #8fc7b3 !important; }
.demo-intro h2 { color: #f6f7f4; }
.demo-lead { color: rgba(238,242,238,0.78); font-size: 1rem; line-height: 1.6; margin: 14px 0 24px; max-width: 460px; }
.demo-trust { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.demo-trust li { position: relative; padding-left: 26px; color: rgba(238,242,238,0.82); font-size: 0.92rem; font-weight: 500; }
.demo-trust li::before { content: ""; position: absolute; left: 2px; top: 50%; width: 9px; height: 5px; border-left: 2px solid #8fc7b3; border-bottom: 2px solid #8fc7b3; transform: translateY(-72%) rotate(-45deg); }

/* Formularpanel */
.demo-form {
  background: linear-gradient(165deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.12); border-radius: 20px;
  padding: 30px 30px 28px; display: flex; flex-direction: column; gap: 16px;
  box-shadow: 0 30px 70px -44px rgba(0,0,0,0.65), inset 0 1px 0 rgba(255,255,255,0.05);
}
.demo-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.demo-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.demo-field label, .demo-modules legend { font-size: 0.76rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(238,242,238,0.66); padding: 0; }
.demo-opt { text-transform: none; letter-spacing: 0; font-weight: 500; color: rgba(238,242,238,0.4); font-size: 0.74rem; }
.demo-field input, .demo-field select, .demo-field textarea {
  width: 100%; background: rgba(12,23,18,0.55); border: 1px solid rgba(255,255,255,0.16);
  border-radius: 10px; padding: 12px 14px; color: #f4f1ea; font-size: 0.96rem; font-family: inherit;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.demo-field textarea { resize: vertical; min-height: 84px; line-height: 1.5; }
.demo-field input::placeholder, .demo-field textarea::placeholder { color: rgba(238,242,238,0.4); }
.demo-field input:focus, .demo-field select:focus, .demo-field textarea:focus {
  outline: none; border-color: #8fc7b3; box-shadow: 0 0 0 3px rgba(143,199,179,0.16); background: rgba(12,23,18,0.7);
}
.demo-field select {
  appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; padding-right: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238fc7b3' stroke-width='1.6' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
}
.demo-field select:required:invalid { color: rgba(238,242,238,0.4); }
.demo-field select option { color: #12211b; }

/* Module-Checkboxen */
.demo-modules { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.demo-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 16px; }
.demo-check { display: flex; align-items: center; gap: 9px; font-size: 0.88rem; color: rgba(238,242,238,0.82); cursor: pointer; }
.demo-check input { width: 16px; height: 16px; accent-color: #8fc7b3; flex: 0 0 auto; }

/* Consent + Submit */
.demo-consent { display: flex; align-items: flex-start; gap: 10px; font-size: 0.82rem; color: rgba(238,242,238,0.66); line-height: 1.5; margin-top: 2px; }
.demo-consent input { width: 16px; height: 16px; margin-top: 2px; accent-color: #8fc7b3; flex: 0 0 auto; }
.demo-consent a { color: #8fc7b3; text-decoration: underline; }
.demo-submit { width: 100%; margin-top: 6px; justify-content: center; }

/* Mobile */
@media (max-width: 860px) { .demo-card { grid-template-columns: 1fr; gap: 30px; } }
@media (max-width: 560px) {
  .demo-row { grid-template-columns: 1fr; }
  .demo-checks { grid-template-columns: 1fr; }
  .demo-form { padding: 22px 18px; }
  .cta-bg .cta-logo-bg { opacity: 0.03; width: 300px; right: -50px; }
}

/* Runde 27: alter Kontaktblock + Formularblock zusammenführen */
.cta-stage:not(.demo-stage) { padding-bottom: 46px; }
.demo-stage { padding-top: 40px; }
#demo { scroll-margin-top: 96px !important; }
@media (max-width: 860px) { #demo { scroll-margin-top: 84px !important; } }

/* ===== Runde 28: Demo-Formular als breiter Vollbreiten-Block ===== */
.demo-stage .cta-bg { display: none; }            /* kein Logo im Formularbereich */

.demo-block {
  position: relative; z-index: 1;
  background: linear-gradient(165deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.12); border-radius: 22px;
  padding: 40px 40px 34px;
  box-shadow: 0 36px 80px -50px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.05);
}
.demo-block-head { margin-bottom: 26px; max-width: 660px; }
.demo-block-head h2 { color: #f6f7f4; margin: 0 0 10px; }
.demo-block-head p { color: rgba(238,242,238,0.75); font-size: 1rem; line-height: 1.6; margin: 0; }

/* Formular nicht mehr als eigenes Panel – sitzt im Block */
.demo-form { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; gap: 18px; }
.demo-row-3 { grid-template-columns: repeat(3, 1fr); }
.demo-field optgroup { color: #12211b; font-weight: 700; }

/* Module nach Plattform-Ebenen gruppiert */
.demo-mgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 24px; margin-top: 4px; }
.demo-mgroup { display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.demo-mgroup-title { margin: 0 0 2px; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #8fc7b3; }
.demo-check-wide { margin-top: 16px; }

@media (max-width: 980px) { .demo-mgrid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 860px) { .demo-row-3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
  .demo-block { padding: 26px 20px 24px; }
  .demo-row-3 { grid-template-columns: 1fr; }
  .demo-mgrid { grid-template-columns: 1fr; }
}

/* ===== Runde 29: Module als hochwertige Link-Kacheln (statt Pills) ===== */
/* alte Pill-Span-Stile neutralisieren */
.lc-mods span {
  padding: 0; border: 0; background: none; box-shadow: none; border-radius: 0;
  display: inline; align-items: normal; gap: 0; color: inherit; font: inherit;
}
.lc-mods span::before { content: none !important; display: none !important; }

.lc-mods { display: grid; grid-template-columns: repeat(auto-fit, minmax(214px, 1fr)); gap: 10px; }
.lc-mod {
  display: flex; flex-direction: column; gap: 5px;
  padding: 14px 16px; border: 1px solid var(--line-strong); border-radius: 12px;
  background: var(--panel); text-decoration: none; color: inherit;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.lc-mod .lc-mod-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.lc-mod .lc-mod-name { font-size: 0.95rem; font-weight: 700; color: var(--text); line-height: 1.3; }
.lc-mod .lc-mod-arrow { color: var(--lc-accent, #62b59a); font-size: 1.05rem; line-height: 1; flex: 0 0 auto; transition: transform .18s ease; }
.lc-mod .lc-mod-desc { font-size: 0.8rem; color: var(--text-soft); line-height: 1.45; }
.lc-mod:hover {
  border-color: var(--lc-accent, #62b59a); background: var(--bg-soft);
  box-shadow: 0 16px 30px -24px rgba(15, 31, 25, 0.45); transform: translateY(-1px);
}
.lc-mod:hover .lc-mod-arrow { transform: translateX(3px); }
.lc-mod:focus-visible { outline: 2px solid var(--lc-accent, #62b59a); outline-offset: 2px; }

@media (max-width: 760px) {
  .lc-mods { grid-template-columns: 1fr; gap: 9px; }
  .lc-mod { padding: 15px 16px; }
}

/* ===== Runde 30: gleichwertige Ebenen, linke Systemachse, 2-Spalten-Modulraster ===== */
/* Modulraster: 2 Spalten, gleich hohe Link-Kacheln */
.lc-mods { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: stretch; }
.lc-mod { height: 100%; min-height: 96px; justify-content: flex-start; }
.lc-mod .lc-mod-desc { margin-top: auto; padding-top: 2px; }

/* Vier Ebenen gleich groß (Desktop) */
@media (min-width: 761px) {
  .layer-card { min-height: 330px; }
  .lc-index { min-height: 100%; }
}

/* Linke Systemachse: feine Linie + Akzent-Nodes + dezenter Connector je Ebene */
.layer-stack::before { opacity: 0.42; }
.layer-card::before {
  width: 12px; height: 12px; border-width: 3px;
  box-shadow: 0 0 0 5px var(--bg);
}
.layer-card:not(:last-child)::after,
.layer-card::after {
  content: ""; display: block; position: absolute;
  left: -17px; top: 50%; bottom: auto; transform: translateY(-50%);
  width: 15px; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, var(--lc-accent, #62b59a), transparent);
  opacity: 0.5; z-index: 2;
}

/* Mobile: Achse dezent weiterlaufen, Module einspaltig */
@media (max-width: 760px) {
  .layer-card { min-height: 0; }
  .lc-mods { grid-template-columns: 1fr; }
  .layer-stack { padding-left: 18px; }
  .layer-stack::before { display: block; left: 5px; top: 28px; bottom: 28px; width: 2px; opacity: 0.36; }
  .layer-card::before { display: block; left: -17px; top: 40px; transform: none; width: 10px; height: 10px; border-width: 2px; box-shadow: 0 0 0 4px var(--bg); }
  .layer-card::after { display: none; }
}

/* ===== Runde 31: Vier Ebenen als interaktiver Layer-Navigator ===== */
.ln-count {
  margin: 14px 0 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.82rem; letter-spacing: 0.04em; color: var(--muted);
}
.layer-nav { margin-top: 40px; }

/* gemeinsame Tab-Optik */
.ln-tab {
  position: relative; display: flex; align-items: center; gap: 13px; width: 100%; text-align: left;
  padding: 16px 18px; border: 1px solid var(--line-strong); border-radius: 14px;
  background: var(--panel); color: var(--text); cursor: pointer; font: inherit;
  box-shadow: var(--shadow-soft); transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}
.ln-tab-no { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.1em; color: var(--lc-accent, #62b59a); }
.ln-tab-name { font-size: 1.18rem; font-weight: 800; letter-spacing: -0.01em; }
.ln-tab-arrow { margin-left: auto; color: var(--lc-accent, #62b59a); opacity: 0; transform: translateX(-4px); transition: opacity .18s ease, transform .18s ease; }
.ln-tab:hover { border-color: var(--lc-accent, #62b59a); }
.ln-tab:hover .ln-tab-arrow { opacity: 0.65; transform: none; }
.ln-tab:focus-visible { outline: 2px solid var(--lc-accent, #62b59a); outline-offset: 2px; }
.ln-tab[aria-selected="true"] {
  background: linear-gradient(155deg, #1b3429, #0f1f19); border-color: transparent; color: #f4f7f4;
  box-shadow: 0 20px 40px -26px rgba(15, 31, 25, 0.65);
}
.ln-tab[aria-selected="true"] .ln-tab-name { color: #f4f7f4; }
.ln-tab[aria-selected="true"] .ln-tab-arrow { opacity: 1; transform: none; }

/* aktives Modulpanel */
.ln-panel {
  background: var(--panel); border: 1px solid var(--line-strong); border-top: 3px solid var(--lc-accent, #62b59a);
  border-radius: 18px; padding: 32px 34px; box-shadow: 0 28px 64px -42px rgba(15, 31, 25, 0.42);
}
.ln-panel[hidden] { display: none; }
.ln-panel-head { margin-bottom: 22px; }
.ln-panel-no { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.12em; color: var(--lc-accent, #62b59a); }
.ln-panel-name { margin: 4px 0 8px; font-size: 1.6rem; font-weight: 800; letter-spacing: -0.02em; color: var(--text); line-height: 1.1; }
.ln-panel-desc { margin: 0; font-size: 1.02rem; color: var(--text-soft); line-height: 1.55; max-width: 560px; }
.ln-mods { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: stretch; }
.ln-mods .lc-mod { height: 100%; min-height: 104px; padding: 18px 20px; }
.ln-mods .lc-mod .lc-mod-name { font-size: 1rem; }
@keyframes lnFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.ln-panel:not([hidden]) { animation: lnFade 0.24s ease; }

/* ---------- Desktop: zweispaltig, Systemachse links ---------- */
@media (min-width: 761px) {
  .layer-nav {
    display: grid; grid-template-columns: 300px 1fr; column-gap: 40px; row-gap: 12px;
    align-items: start; position: relative; padding-left: 26px;
  }
  .layer-nav::before {
    content: ""; position: absolute; left: 7px; top: 10px; bottom: 10px; width: 2px;
    background: linear-gradient(180deg, #79cdac, #4ea5b2 33%, #d49a3f 66%, #9aa8a2); opacity: 0.32;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 50%, transparent 100%);
            mask-image: linear-gradient(180deg, #000 0%, #000 50%, transparent 100%);
  }
  .ln-item { display: contents; }
  .ln-tab { grid-column: 1; }
  .ln-tab::before {
    content: ""; position: absolute; left: -23px; top: 50%; transform: translateY(-50%);
    width: 11px; height: 11px; border-radius: 50%;
    background: var(--bg); border: 2.5px solid var(--lc-accent, #62b59a); box-shadow: 0 0 0 4px var(--bg); z-index: 2;
  }
  .ln-tab[aria-selected="true"]::before { background: var(--lc-accent, #62b59a); }
  .ln-panel { grid-column: 2; grid-row: 1 / span 40; align-self: start; }
}

/* ---------- Mobile: Accordion ---------- */
@media (max-width: 760px) {
  .layer-nav { position: relative; padding-left: 20px; }
  .layer-nav::before {
    content: ""; position: absolute; left: 5px; top: 16px; bottom: 16px; width: 2px;
    background: linear-gradient(180deg, #79cdac, #4ea5b2 33%, #d49a3f 66%, #9aa8a2); opacity: 0.3;
  }
  .ln-item { position: relative; margin-bottom: 10px; }
  .ln-tab::before {
    content: ""; position: absolute; left: -17px; top: 50%; transform: translateY(-50%);
    width: 9px; height: 9px; border-radius: 50%;
    background: var(--bg); border: 2px solid var(--lc-accent, #62b59a); box-shadow: 0 0 0 3px var(--bg); z-index: 2;
  }
  .ln-tab[aria-selected="true"]::before { background: var(--lc-accent, #62b59a); }
  .ln-panel { margin: 8px 0 4px; padding: 22px 20px; }
  .ln-mods { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) { .ln-panel:not([hidden]) { animation: none; } }

/* === Datenintegrität: revisionssicherer Log-Beweis === */
.di-proof {
  margin: 38px auto 0;
  max-width: 760px;
  background: var(--panel);
  border: 1px solid var(--line-strong);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}
.di-proof-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 20px;
  background: var(--accent-strong);
  color: #eef4f1;
}
.di-proof-label { font-weight: 700; font-size: 0.92rem; letter-spacing: 0.01em; }
.di-proof-tag {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.72rem; letter-spacing: 0.04em;
  padding: 4px 10px; border-radius: 999px;
  background: rgba(255,255,255,0.12); color: #cfe2da; white-space: nowrap;
}
.di-proof-body {
  padding: 18px 20px 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.86rem;
}
.di-proof-row { display: flex; gap: 14px; padding: 7px 0; border-bottom: 1px dashed var(--line); }
.di-proof-row .di-k { flex: 0 0 130px; color: var(--text-soft); }
.di-proof-row .di-v { color: var(--text); }
.di-proof-row code { font-family: inherit; color: var(--accent-2); font-weight: 700; }
.di-proof-event .di-v code { color: var(--accent); }
.di-proof-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  margin: 14px 0; padding: 4px;
}
.di-proof-col { border-radius: 12px; padding: 12px 14px; }
.di-proof-prev { background: var(--bg-alt); }
.di-proof-new { background: var(--accent-soft); }
.di-col-label {
  display: block; font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--text-soft); margin-bottom: 8px; font-weight: 700;
}
.di-pair { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; }
.di-pair > span:first-child { color: var(--text-soft); }
.di-num { font-weight: 700; color: var(--text); }
.di-changed { color: #b23a5b; position: relative; }
.di-changed::after { content: "●"; font-size: 0.6em; vertical-align: middle; margin-left: 6px; color: #b23a5b; }
.di-proof-cap {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 0.92rem; line-height: 1.55; color: var(--text-soft);
  padding: 12px 20px 18px;
}
.di-assurance {
  display: flex; flex-wrap: wrap; gap: 12px 28px;
  margin: 22px auto 0; max-width: 780px;
}
.di-assurance-item {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 0.96rem; font-weight: 600; color: var(--accent-strong);
}
.di-assurance-item svg { width: 19px; height: 19px; color: var(--accent-2); flex: 0 0 auto; }
@media (max-width: 560px) {
  .di-proof-row { flex-direction: column; gap: 2px; }
  .di-proof-row .di-k { flex-basis: auto; }
  .di-proof-grid { grid-template-columns: 1fr; }
}

/* === Durchspiel-Beispiel: Befund → Maßnahme → Entscheidung → Nachweis === */
.section.flowcase { background: var(--bg-soft); }
.flow-steps {
  display: flex; align-items: stretch; justify-content: center;
  gap: 8px; margin-top: 44px; flex-wrap: nowrap;
}
.flow-step {
  flex: 1 1 0; min-width: 0;
  position: relative;
  background: var(--panel);
  border: 1px solid var(--line-strong);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
  padding: 22px 20px 20px;
  display: flex; flex-direction: column;
}
.flow-step-proof { background: var(--accent-strong); border-color: var(--accent-strong); }
.flow-step-proof h3 { color: #cfe2da; }
.flow-step-proof p { color: #cbddd4; }
.flow-step-proof .flow-num { color: #9cc3b4; opacity: 1; }
.flow-step-proof .flow-ico { background: rgba(255,255,255,0.12); color: #d6ece3; }
.flow-step-proof .flow-tag { background: rgba(255,255,255,0.14); color: #e7f1ec; border-color: transparent; }
.flow-num {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8rem; font-weight: 800; letter-spacing: 0.12em;
  color: var(--accent-2); opacity: 0.55;
}
.flow-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; margin: 12px 0 14px;
  border-radius: 12px; background: var(--accent-soft); color: var(--accent);
}
.flow-ico svg { width: 22px; height: 22px; }
.flow-step h3 { font-size: 1.06rem; margin: 0 0 8px; color: var(--text); }
.flow-step p { font-size: 0.93rem; line-height: 1.5; color: var(--text-soft); margin: 0 0 16px; }
.flow-step-proof p { color: #cfe2da; }
.flow-tag {
  align-self: flex-start; margin-top: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.72rem; letter-spacing: 0.02em;
  padding: 5px 11px; border-radius: 999px;
  background: var(--accent-soft); color: var(--accent-strong);
  border: 1px solid transparent; white-space: nowrap;
}
.flow-arrow {
  flex: 0 0 auto; align-self: center;
  display: inline-flex; color: var(--accent-2); opacity: 0.5;
}
.flow-arrow svg { width: 26px; height: 26px; }
.flow-foot {
  margin: 30px auto 0; max-width: 820px;
  font-size: 1.0rem; line-height: 1.55; color: var(--text);
  padding-left: 18px; border-left: 3px solid var(--accent-2);
}
@media (max-width: 940px) {
  .flow-steps { flex-direction: column; align-items: stretch; gap: 6px; }
  .flow-step { flex: 1 1 auto; }
  .flow-arrow { transform: rotate(90deg); margin: 2px 0; }
}

/* === Betrieb & Datenhoheit: Deployment-Band === */
.deploy-band { padding: 54px 0; background: var(--bg-alt); }
.deploy-inner { text-align: center; }
.deploy-title { margin: 6px 0 26px; font-size: clamp(1.5rem, 3vw, 2rem); color: var(--text); }
.deploy-items {
  display: flex; justify-content: center; flex-wrap: wrap;
  gap: 16px; max-width: 1080px; margin: 0 auto;
}
.deploy-item {
  flex: 1 1 300px; max-width: 340px;
  display: flex; flex-direction: column; align-items: flex-start; gap: 14px; text-align: left;
  background: var(--panel);
  border: 1px solid var(--line-strong);
  border-radius: 16px;
  box-shadow: var(--shadow-soft);
  padding: 24px 22px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.deploy-item:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.deploy-ico {
  width: 44px; height: 44px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--accent-soft); color: var(--accent);
}
.deploy-ico svg { width: 22px; height: 22px; }
.deploy-text { display: flex; flex-direction: column; gap: 3px; }
.deploy-text strong { font-size: 1.05rem; color: var(--accent-strong); font-weight: 800; margin-bottom: 2px; }
.deploy-text { font-size: 0.9rem; line-height: 1.45; color: var(--text-soft); }
@media (max-width: 720px) {
  .deploy-band { padding: 40px 0; }
  .deploy-item { flex-basis: 100%; }
}

/* Fix: keep final proof card title light on dark background (DE/EN) */
.flow-step.flow-step-proof h3,
.flow-step-proof h3 {
  color: #cfe2da !important;
}


/* ===== Runde 37: Control Center als übergreifende Ebene ===== */
.layer-control { margin-top: 28px; margin-bottom: 18px; }
.layer-control-card {
  display: block; padding: 18px 20px; border-radius: 18px; text-decoration: none;
  background: linear-gradient(160deg, rgba(17,40,31,0.98), rgba(12,27,21,0.98));
  border: 1px solid rgba(121, 205, 172, 0.18); box-shadow: 0 24px 52px -36px rgba(15, 31, 25, 0.75);
}
.layer-control-card .lc-mod-name { color: #f4f7f4; }
.layer-control-card .lc-mod-desc { color: rgba(232, 239, 235, 0.82); max-width: 760px; }
.layer-control-card { cursor: default; }
.layer-control-card:hover { border-color: rgba(121, 205, 172, 0.18); background: linear-gradient(160deg, rgba(17,40,31,0.98), rgba(12,27,21,0.98)); box-shadow: 0 24px 52px -36px rgba(15, 31, 25, 0.75); transform: none; }
@media (min-width: 761px) { .layer-control-card { padding: 22px 24px; } }

/* Industrie 5.0 — monumentales Manifest */
.section.manifesto {
  position: relative;
  background: var(--bg-soft);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 120px 0 128px;
  overflow: hidden;
}
.mf-numeral {
  position: absolute;
  top: 50%; left: 0; right: 0;
  transform: translateY(-48%);
  text-align: center;
  font-size: 46rem;
  line-height: 1;
  font-weight: 800;
  color: var(--accent);
  opacity: 0.05;
  letter-spacing: 0;
  pointer-events: none;
  z-index: 0;
  font-family: Georgia, 'Times New Roman', serif;
}
.manifesto-inner {
  position: relative;
  z-index: 1;
  max-width: 940px;
  text-align: center;
}
.mf-kicker {
  color: var(--accent);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin: 0 0 26px;
}
.manifesto-text {
  color: var(--accent);
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 600;
  margin: 26px auto 0;
  max-width: 720px;
  letter-spacing: -0.015em;
}
.manifesto-lead {
  margin: 0;
}
.mf-claim {
  display: block;
  color: var(--accent-strong);
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.03em;
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 860px) {
  .section.manifesto { padding: 104px 0 108px; }
  .mf-numeral { font-size: 28rem; }
  .manifesto-text { font-size: 1.16rem; margin-top: 20px; }
  .mf-claim { font-size: 2.1rem; }
}
@media (max-width: 480px) {
  .mf-claim { font-size: 1.7rem; }
  .mf-claimbr { display: none; }
}

/* ===== Plattform-Architektur: 4 Ebenen / 12 Module ===== */
.section.arch { background: var(--bg); }
.arch-cc {
  text-align: center;
  max-width: 640px;
  margin: 30px auto 0;
  padding: 20px 24px 22px;
  border-top: 1px solid var(--accent-soft);
  border-bottom: 1px solid var(--accent-soft);
  background: transparent;
}
.arch-cc-kicker {
  display: block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent-2);
  margin-bottom: 8px;
}
.arch-cc-name {
  display: block;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--accent-strong);
  margin-bottom: 8px;
}
.arch-cc-desc {
  display: block;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--text-soft);
  max-width: 520px;
  margin: 0 auto;
}
/* feine Verbindungslinie vom Control Center zu den Ebenen */
.arch-cc-bridge {
  width: 1px;
  height: 18px;
  margin: 0 auto 0;
  background: var(--accent-soft);
}
.arch-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  padding: 16px 8px 0;
}
/* eine durchgehende Führungslinie oberhalb aller vier Ebenen */
.arch-grid::before {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  top: 0;
  height: 1px;
  background: var(--accent-soft);
}
.arch-col {
  display: grid;
  grid-template-rows: minmax(150px, auto) repeat(3, auto);
  gap: 12px;
  align-content: start;
  position: relative;
}
/* Desktop/Tablet: keine versetzten Einzelstriche */
.arch-col::before {
  display: none;
}
.arch-col[data-layer="1"] { --layer-color: #2f6d5b; }
.arch-col[data-layer="2"] { --layer-color: #3a7d68; }
.arch-col[data-layer="3"] { --layer-color: #4a8f78; }
.arch-col[data-layer="4"] { --layer-color: #5aa088; }

.arch-col-head { padding: 4px 4px 8px; }
.arch-mod { min-height: 104px; align-content: start; }
.arch-num {
  display: inline-block;
  font-size: 0.74rem; font-weight: 800; letter-spacing: 0.1em;
  color: var(--layer-color, var(--accent));
  margin-bottom: 6px;
}
.arch-layer-name {
  display: block; font-size: 1.12rem; font-weight: 800;
  color: var(--accent-strong); letter-spacing: -0.01em; margin-bottom: 6px;
}
.arch-layer-sub {
  display: block; font-size: 0.82rem; color: var(--muted); line-height: 1.5;
}

.arch-mod {
  text-align: left;
  width: 100%;
  display: flex; flex-direction: column; gap: 8px;
  padding: 16px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
  font: inherit;
}
.arch-mod-ico {
  width: 38px; height: 38px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-soft); color: var(--layer-color, var(--accent));
  transition: background 0.18s ease, color 0.18s ease;
}
.arch-mod-ico svg { width: 20px; height: 20px; }
.arch-mod-name {
  font-size: 0.92rem; font-weight: 700; color: var(--text);
  letter-spacing: -0.005em; line-height: 1.3;
}
.arch-mod-desc {
  font-size: 0.82rem; color: var(--text-soft); line-height: 1.45;
  /* auf Desktop eingeklappt, per Hover sichtbar */
  max-height: 0; opacity: 0; overflow: hidden;
  transition: max-height 0.22s ease, opacity 0.22s ease, margin-top 0.22s ease;
}
.arch-mod:hover,
.arch-mod:focus-visible {
  border-color: var(--layer-color, var(--accent));
  box-shadow: 0 8px 24px rgba(23,52,43,0.10);
  transform: translateY(-2px);
  outline: none;
}
.arch-mod:hover .arch-mod-ico,
.arch-mod:focus-visible .arch-mod-ico {
  background: var(--layer-color, var(--accent)); color: #fff;
}
.arch-mod:hover .arch-mod-desc,
.arch-mod:focus-visible .arch-mod-desc {
  max-height: 80px; opacity: 1;
}

/* Tablet: 2 Spalten */
@media (max-width: 980px) {
  .arch-grid { grid-template-columns: repeat(2, 1fr); gap: 22px 16px; }
}
/* Mobile: 1 Spalte, Beschreibung immer sichtbar */
@media (max-width: 620px) {
  .arch-grid {
    grid-template-columns: none;
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 4px 0 16px;
    scrollbar-width: none;
  }
  .arch-grid::before,
  .arch-cc-bridge { display: none; }
  .arch-col:first-child { scroll-snap-align: start; }
  .arch-grid::-webkit-scrollbar { display: none; }
  .arch-col {
    flex: 0 0 100%;
    scroll-snap-align: start;
    grid-template-rows: auto repeat(3, auto);
  }
  .arch-col::before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--layer-color, var(--accent));
    opacity: 0.9;
  }
  .arch-col-head { min-height: auto; }
  .arch-mod-desc { max-height: none; opacity: 1; overflow: visible; }
  .arch-cc { flex-direction: row; align-items: flex-start; }
}


/* ===== Datenintegrität: heller Ledger-Höhepunkt ===== */
.section.ledger-section {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, var(--bg-soft) 100%);
  color: var(--text);
  overflow: hidden;
  padding: 100px 0 104px;
  border-top: 1px solid var(--line);
}
.ledger-head { position: relative; max-width: 800px; }
.ledger-title {
  color: var(--text);
  font-size: 2.6rem;
  line-height: 1.1;
  letter-spacing: -0.025em;
  margin: 14px 0 18px;
}
.ledger-sub {
  color: var(--text-soft);
  font-size: 1.06rem;
  line-height: 1.6;
  margin: 0;
  max-width: 680px;
}

/* Ketten-Visualisierung: wertige weiße Karten mit hash->prev-Fluss */
.chain-viz {
  position: relative;
  display: flex; align-items: stretch; flex-wrap: nowrap;
  gap: 0; margin: 50px 0 18px;
  padding: 6px 4px 14px;
}
.chain-block {
  flex: 1 1 0; min-width: 194px;
  display: flex; flex-direction: column; gap: 10px;
  padding: 18px 20px;
  border: 2px solid var(--accent-strong);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 5px 5px 0 0 var(--accent-strong);
  position: relative;
}
.cb-ev {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.82rem; font-weight: 700; color: var(--accent);
  letter-spacing: -0.01em; margin-bottom: 6px;
  white-space: nowrap;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.cb-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cb-k {
  font-size: 0.62rem; letter-spacing: 0.11em; text-transform: uppercase;
  color: var(--muted); font-weight: 700;
}
.cb-h {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.84rem; color: var(--accent-strong); letter-spacing: 0.02em; font-weight: 600;
}
.cb-h.cb-prev { color: var(--muted); font-weight: 400; }

/* Verbindung: hash des einen fließt in prev des nächsten */
.chain-arrow {
  flex: 0 0 40px;
  align-self: center;
  position: relative;
  height: 3px;
  margin: 0 2px;
  background: var(--accent-strong);
  z-index: 2;
}
.chain-arrow::after {
  content: "";
  position: absolute; right: -2px; top: 50%;
  width: 9px; height: 9px;
  border-top: 3px solid var(--accent-strong);
  border-right: 3px solid var(--accent-strong);
  transform: translateY(-50%) rotate(45deg);
}
.chain-block.chain-now {
  background: var(--panel-accent);
  border-color: var(--accent-strong);
  box-shadow: 5px 5px 0 0 var(--accent);
}
.chain-block.chain-now .cb-ev { color: var(--accent-strong); }
.chain-block.chain-now::after {
  content: "● live";
  position: absolute; top: 12px; right: 14px;
  font-size: 0.6rem; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--accent-2); font-weight: 700;
}

/* Verify-Siegel */
.chain-verify {
  display: inline-flex; align-items: center; gap: 9px;
  margin: 0 0 44px;
  padding: 9px 16px 9px 12px;
  border: 1px solid var(--accent-soft);
  border-radius: 999px;
  background: var(--panel-accent);
  color: var(--accent-strong);
  font-size: 0.84rem; font-weight: 600;
}
.chain-verify svg { width: 17px; height: 17px; color: var(--accent-2); }

.ledger-core {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 34px;
  margin-bottom: 40px;
  align-items: start;
}
.ledger-core-lead {
  font-size: 1.26rem; line-height: 1.55; font-weight: 500;
  color: var(--text); margin: 0; letter-spacing: -0.01em;
}
.ledger-core-lead strong { color: var(--accent); font-weight: 700; }
.ledger-mark {
  background: var(--accent-strong);
  color: #ffffff;
  font-weight: 700;
  padding: 0.1em 0.4em;
  border-radius: 5px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  white-space: normal;
}
.ledger-core-contrast {
  font-size: 1rem; line-height: 1.6;
  color: var(--text-soft); margin: 0;
  padding-left: 18px; border-left: 3px solid var(--accent);
}

.ledger-layers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 30px;
}
.ll-item {
  display: flex; gap: 14px;
  padding: 20px 20px;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
}
.ll-depth {
  font-size: 0.82rem; font-weight: 800; letter-spacing: 0.06em;
  color: var(--line-strong);
  flex: 0 0 auto;
}
.ll-txt { display: flex; flex-direction: column; gap: 6px; }
.ll-k {
  font-size: 0.78rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--accent);
}
.ll-v { font-size: 0.92rem; line-height: 1.5; color: var(--text-soft); }
.ll-unlock {
  background: var(--panel-accent);
  border: 1px solid var(--accent-2);
}
.ll-unlock .ll-depth { color: var(--accent-2); }

.ledger-alcoa {
  font-size: 0.82rem; color: var(--muted); margin: 0;
}

@media (max-width: 860px) {
  .section.ledger-section { padding: 70px 0 74px; }
  .ledger-title { font-size: 1.95rem; }
  .lt-br { display: none; }
  .ledger-core { grid-template-columns: 1fr; gap: 22px; }
  .ledger-layers { grid-template-columns: 1fr; }
  .chain-viz { flex-direction: column; align-items: stretch; flex-wrap: nowrap; }
  .chain-block { min-width: 0; width: 100%; flex: 0 0 auto; box-shadow: 4px 4px 0 0 var(--accent-strong); }
  .chain-arrow {
    flex: 0 0 auto;
    align-self: center;
    width: 3px; height: 24px;
    margin: 10px 0;
    background: var(--accent-strong);
  }
  .chain-arrow::after {
    right: 50%; top: auto; bottom: -1px;
    width: 8px; height: 8px;
    border-top: 3px solid var(--accent-strong);
    border-right: 3px solid var(--accent-strong);
    transform: translateX(50%) rotate(135deg);
  }
}

/* Swipe-Hinweis nur auf Mobile */
.arch-swipe-hint { display: none; }
@media (max-width: 620px) {
  .arch-swipe-hint {
    display: block;
    text-align: center;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    color: var(--accent);
    font-weight: 600;
    margin: 4px 0 14px;
  }
}

/* Demo-Block hell (statt zweitem dunklen Block), Muster bleibt */
.cta-section.demo-stage { background: var(--bg-soft); }
.demo-stage::before {
  background-image:
    linear-gradient(rgba(23,52,43,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,52,43,0.06) 1px, transparent 1px) !important;
}
.demo-stage .cta-content .eyebrow { color: var(--accent); }
.demo-stage .cta-content .eyebrow::before { background: var(--accent) !important; }
.demo-stage .cta-content h2 { color: var(--accent-strong); }
.demo-stage .cta-content > p { color: var(--text-soft); }
.demo-stage .cta-fineprint { color: var(--muted); }
.demo-stage .demo-block { background: var(--panel); border: 1px solid var(--line-strong); }
.demo-stage .demo-block-head,
.demo-stage .demo-mgroup-title,
.demo-stage label,
.demo-stage .demo-field label,
.demo-stage .demo-check { color: var(--text); }
.demo-stage input,
.demo-stage select,
.demo-stage textarea {
  background: var(--panel) !important;
  color: var(--text) !important;
  border: 1px solid var(--line-strong) !important;
}
.demo-stage input::placeholder,
.demo-stage textarea::placeholder { color: var(--muted); }
.demo-stage .demo-opt { color: var(--text-soft); }
.demo-stage .button.primary { background: var(--accent); color: #fff; border-color: var(--accent); }
.demo-stage .button.primary:hover { background: var(--accent-strong); border-color: var(--accent-strong); }

/* Demo-Block: H2 + Intro-Text sicher dunkel (höhere Spezifität) */
.cta-section.demo-stage .cta-content h2 { color: var(--accent-strong) !important; }
.cta-section.demo-stage .cta-content > p { color: var(--text-soft) !important; }
.cta-section.demo-stage .demo-block-head { color: var(--text) !important; }

/* Demo-Block: block-head H2 + P korrekt dunkel */
.demo-stage .demo-block-head h2 { color: var(--accent-strong) !important; }
.demo-stage .demo-block-head p { color: var(--text-soft) !important; }

/* Demo-Module: aufklappbar (details/summary), lesbare Farben */
.demo-stage .demo-modules { border: 0; padding: 0; margin: 0; }
.demo-stage .demo-modules-summary {
  cursor: pointer;
  list-style: none;
  display: flex; align-items: center; gap: 10px;
  font-size: 1rem; font-weight: 700;
  color: var(--text);
  padding: 14px 16px;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  background: var(--panel);
  user-select: none;
}
.demo-stage .demo-modules-summary::-webkit-details-marker { display: none; }
.demo-stage .demo-modules-summary::after {
  content: "";
  margin-left: auto;
  width: 8px; height: 8px;
  border-right: 2px solid var(--accent);
  border-bottom: 2px solid var(--accent);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
.demo-stage .demo-modules[open] .demo-modules-summary::after { transform: rotate(-135deg); }
.demo-stage .demo-modules[open] .demo-modules-summary {
  border-bottom-left-radius: 0; border-bottom-right-radius: 0;
  border-bottom-color: transparent;
}
.demo-stage .demo-modules .demo-mgrid {
  border: 1px solid var(--line-strong);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  padding: 18px 16px;
}
.demo-stage .demo-modules .demo-opt { color: var(--muted); font-weight: 500; }
.demo-stage .demo-mgroup-title { color: var(--accent-strong) !important; }
.demo-stage .demo-check span { color: var(--text) !important; }

/* ── Industrie 5.0 · V als feine Kontur (#C3A88F), SVG-Hintergrundmotiv ── */
.section.manifesto .mf-numeral {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  font-size: 0;
  color: transparent;
  background-image: url("assets/mf-v.svg");
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.20;
}

/* ===== Modulseiten ===== */
.module-hero {
  position: relative;
  background: var(--accent-strong);
  color: #eef3f0;
  overflow: hidden;
  padding: 72px 0 68px;
}
.module-hero-bg {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(ellipse 70% 80% at 30% 40%, #000 0%, transparent 78%);
  mask-image: radial-gradient(ellipse 70% 80% at 30% 40%, #000 0%, transparent 78%);
  pointer-events: none;
}
.module-hero .container { position: relative; }
.module-breadcrumb {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  font-size: 0.82rem; color: rgba(255,255,255,0.55);
  margin-bottom: 30px;
}
.module-breadcrumb a { color: rgba(255,255,255,0.75); text-decoration: none; }
.module-breadcrumb a:hover { color: #fff; }
.module-eyebrow {
  font-size: 0.74rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--accent-soft); margin: 0 0 14px;
}
.module-title {
  font-size: 3rem; line-height: 1.08; letter-spacing: -0.025em;
  color: #ffffff; margin: 0 0 20px; max-width: 800px;
}
.module-lead {
  font-size: 1.16rem; line-height: 1.6; color: rgba(255,255,255,0.8);
  max-width: 680px; margin: 0 0 32px;
}
.module-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }

.module-section { padding: 72px 0; }
.module-section-alt { background: var(--bg-soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.module-narrow { max-width: 760px; }
.module-kicker {
  font-size: 0.74rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--accent); margin: 0 0 16px;
}
.module-h2 {
  font-size: 1.9rem; line-height: 1.2; letter-spacing: -0.02em;
  color: var(--accent-strong); margin: 0 0 22px; max-width: 680px;
}
.module-body {
  font-size: 1.05rem; line-height: 1.7; color: var(--text-soft);
  margin: 0 0 18px; max-width: 680px;
}
.module-body:last-child { margin-bottom: 0; }

.module-feature-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
  margin-top: 10px;
}
.module-feature {
  background: var(--panel); border: 1px solid var(--line-strong);
  border-radius: 16px; padding: 24px 22px; box-shadow: var(--shadow-soft);
}
.module-feature-ico {
  width: 46px; height: 46px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--accent-soft); color: var(--accent); margin-bottom: 16px;
}
.module-feature-ico svg { width: 23px; height: 23px; }
.module-feature h3 {
  font-size: 1.08rem; font-weight: 800; color: var(--accent-strong);
  margin: 0 0 10px; letter-spacing: -0.01em;
}
.module-feature p {
  font-size: 0.94rem; line-height: 1.55; color: var(--text-soft); margin: 0;
}

.module-cta {
  background: linear-gradient(160deg, #11221c, #0b1611);
  color: #f6f7f4; padding: 76px 0; text-align: center;
}
.module-cta-inner { max-width: 620px; }
.module-cta h2 {
  font-size: 1.9rem; line-height: 1.2; letter-spacing: -0.02em;
  color: #fff; margin: 0 auto 16px; max-width: 520px;
}
.module-cta p {
  font-size: 1.02rem; line-height: 1.6; color: rgba(238,242,238,0.75);
  margin: 0 auto 28px; max-width: 480px;
}

@media (max-width: 860px) {
  .module-hero { padding: 54px 0 50px; }
  .module-title { font-size: 2.1rem; }
  .module-section { padding: 54px 0; }
  .module-h2 { font-size: 1.55rem; }
  .module-feature-grid { grid-template-columns: 1fr; gap: 14px; }
  .module-cta { padding: 56px 0; }
  .module-cta h2 { font-size: 1.55rem; }
}

/* Manifest-Link auf der Startseite (hell) */
.mf-more { margin-top: 26px; }
.mf-more a { display: inline-flex; align-items: center; gap: 7px; font-size: 0.98rem; font-weight: 700; color: var(--accent); text-decoration: none; }
.mf-more a:hover { color: var(--accent-strong); }
.mf-more a span { transition: transform 0.18s ease; }
.mf-more a:hover span { transform: translateX(3px); }

/* ===== Detailseite Industrie 5.0 · Richtung A · Chrom-Präzision (.i5-doc) ===== */
/* Nur farblich gescoped – Header/Footer/Logo bleiben unberührt. Metallic sparsam als Akzent. */
.i5-doc {
  --i5-bg: #0e0e10;              /* near-black */
  --i5-bg-deep: #0b0b0c;         /* Schlussband */
  --i5-white: #f3f3f1;           /* Überschriften */
  --i5-ink-bright: #cfcfcc;      /* Lead */
  --i5-ink: #bdbdba;             /* Fließtext */
  --i5-ink-soft: #8d8d89;        /* Quellen */
  --i5-chrome: #aeb4b6;          /* Eyebrows (Silber/Chrom) */
  --i5-gold: #CBB77F;            /* Akzent: Kernaussage, Kanten, Buttons */
  --i5-gold-hi: #dccfa8;
  --i5-rule: rgba(203,183,127,0.15);
  background: var(--i5-bg);
}
.i5-doc .container { max-width: 720px; }
.i5-doc .section { background: transparent; border-top: 1px solid var(--i5-rule); }
.i5-doc .i5-alt { background: transparent; border-bottom: none; }

/* Eyebrows: Mono + Silber/Chrom mit feinem Strich */
.i5-doc .eyebrow, .i5-doc .module-eyebrow {
  font-family: ui-monospace, Menlo, Consolas, monospace;
  color: var(--i5-chrome); display: flex; align-items: center; gap: 10px;
  font-weight: 700; letter-spacing: 0.16em;
}
.i5-doc .eyebrow::before, .i5-doc .module-eyebrow::before {
  content: ""; width: 22px; height: 1px; background: #83878a; flex: none;
}

/* Überschriften: klares Weiß (kein Verlauf) */
.i5-doc .module-title, .i5-doc .ledger-title, .i5-doc .i5-closing-claim { color: var(--i5-white); }
.i5-doc .module-lead, .i5-doc .ledger-core-lead { color: var(--i5-ink-bright); }

/* Hero */
.i5-doc .module-hero {
  background: radial-gradient(120% 80% at 50% -12%, rgba(255,255,255,0.055), transparent 58%), var(--i5-bg);
  border-top: none;
}
.i5-doc .module-hero-bg { opacity: 0.5; }
.i5-doc .module-breadcrumb a { color: rgba(255,255,255,0.6); }
.i5-doc .module-breadcrumb a:hover { color: var(--i5-gold); }
.i5-doc .module-hero .button.primary { background: var(--i5-gold); color: #141312; border-color: var(--i5-gold); }
.i5-doc .module-hero .button.primary:hover { background: var(--i5-gold-hi); border-color: var(--i5-gold-hi); }
.i5-doc .module-hero .button.ghost { color: var(--i5-white); border-color: rgba(255,255,255,0.28); }
.i5-doc .module-hero .button.ghost:hover { border-color: var(--i5-gold); color: var(--i5-gold); }

/* Fließtext */
.i5-doc .i5-body { font-size: 1.05rem; line-height: 1.72; color: var(--i5-ink); margin: 0 0 18px; max-width: 720px; }
.i5-doc .i5-body:last-child { margin-bottom: 0; }
.i5-doc .i5-body strong { color: var(--i5-gold); font-weight: 700; }
.i5-doc a.i5-inline { color: var(--i5-gold); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.i5-doc a.i5-inline:hover { color: var(--i5-gold-hi); }

/* Kernaussage: SOLIDES Gold, feine Goldkante – kein Verlauf */
.i5-doc .i5-claim {
  max-width: 720px; margin: 32px 0 0; padding: 4px 0 4px 22px;
  border-left: 2px solid var(--i5-gold);
  font-size: 1.22rem; line-height: 1.46; font-weight: 700; letter-spacing: -0.012em;
  color: var(--i5-gold);
}
.i5-doc .i5-sources { font-size: 0.82rem; line-height: 1.5; color: var(--i5-ink-soft); margin-top: 30px; max-width: 720px; }

/* Schlussband */
.i5-doc .i5-closing { background: var(--i5-bg-deep); border-top: 1px solid var(--i5-rule); color: var(--i5-ink); padding: 84px 0; }
.i5-doc .i5-closing .eyebrow { color: var(--i5-chrome); }
.i5-doc .i5-closing-claim { font-size: 2rem; line-height: 1.18; letter-spacing: -0.022em; margin: 0 0 24px; max-width: 640px; }
.i5-doc .i5-closing-lines { max-width: 680px; }
.i5-doc .i5-closing-lines p { font-size: 1.05rem; line-height: 1.66; color: var(--i5-ink); margin: 0 0 14px; }
.i5-doc .i5-final { font-weight: 800; color: var(--i5-gold); font-size: 1.18rem; margin: 24px 0 30px; }
.i5-doc .i5-closing .button.primary { background: var(--i5-gold); color: #141312; border-color: var(--i5-gold); }
.i5-doc .i5-closing .button.primary:hover { background: var(--i5-gold-hi); border-color: var(--i5-gold-hi); }

@media (max-width: 860px) {
  .i5-doc .i5-claim { font-size: 1.08rem; }
  .i5-doc .i5-closing { padding: 60px 0; }
  .i5-doc .i5-closing-claim { font-size: 1.5rem; }
}

/* ===== Site-weites Dark-Theme (nur Inhaltsbereich; Header/Footer/Logo unberührt) ===== */
main.site-dark {
  --bg: #0e0e10;
  --bg-soft: #121214;
  --bg-alt: #0b0b0c;
  --panel: #17171a;
  --panel-soft: #141416;
  --panel-accent: #1b1b1f;
  --text: #ecece9;
  --text-soft: #b7b7b3;
  --muted: #8d8d89;
  --line: rgba(255,255,255,0.09);
  --line-strong: rgba(255,255,255,0.14);
  --accent: #CBB77F;
  --accent-2: #d8c9a6;
  --accent-soft: rgba(203,183,127,0.15);
  --accent-strong: #e2d5b0;
  --shadow: 0 20px 50px rgba(0,0,0,0.45);
  --shadow-soft: 0 8px 26px rgba(0,0,0,0.32);
  background: #0e0e10;
}
/* hartkodierte Grün-/Weißbänder auf Neutral-Dunkel */
main.site-dark .hero-dark { background: radial-gradient(125% 150% at 82% -15%, #1b1b1e 0%, #101012 55%, #0b0b0c 100%); }
main.site-dark .cta-section.cta-stage { background: linear-gradient(160deg, #151517, #0b0b0c); }
main.site-dark .ledger-section { background: linear-gradient(180deg, #141416 0%, var(--bg) 100%); }
main.site-dark .mod-chip { background: var(--panel); }
main.site-dark .hero-visual { background: linear-gradient(180deg, #151517, #101012); }
/* Buttons: Gold-Fläche mit dunklem Text */
main.site-dark .button.primary { color: #141312; }
main.site-dark .hero-dark .button.primary,
main.site-dark .cta-stage .button.primary,
main.site-dark .demo-stage .button.primary { background: var(--accent); color: #141312; border-color: var(--accent); }
main.site-dark .cluster-ico { color: #141312; }

/* Nachzug: restliche grüne Hartkodierungen im Dark-Theme neutralisieren */
main.site-dark .founder-stage { background: linear-gradient(160deg, #141416, #0b0b0c); }
main.site-dark .cluster-head { background: linear-gradient(150deg, #202024, #141416); }
main.site-dark .cta-brand {
  background: radial-gradient(125% 120% at 28% 18%, rgba(203,183,127,0.10) 0%, #0d0d0f 66%), linear-gradient(160deg, #151517, #0b0b0c);
}
main.site-dark .system-panel { background: linear-gradient(180deg, #17171a, #0f0f11); }
main.site-dark .lc-index { background: linear-gradient(155deg, #1c1c20, #121214); color: #ecece9; }
main.site-dark .ln-tab[aria-selected="true"] { background: linear-gradient(155deg, #1f1f22, #151517); border-color: transparent; color: var(--accent); }
main.site-dark .ln-tab[aria-selected="true"]::before { background: var(--accent); }
/* Ledger-Highlight: gefüllte Box -> ruhiger Gold-Text mit feiner Unterlinie */
main.site-dark .ledger-mark {
  background: transparent; color: var(--accent); font-weight: 700; padding: 0;
  text-decoration: underline; text-decoration-color: rgba(203,183,127,0.5); text-underline-offset: 3px;
}

/* ===== Feinschliff Dark-Theme: Top-Banner, Footer-Switch, Türkis→Metall, Icons ===== */
/* Top-Banner (Header-Streifen) von Dunkelgrün auf Neutral-Dunkel */
.top-banner { background: linear-gradient(90deg, #141416, #1c1c1f); }
/* Footer DE/EN-Switch: aktives Feld von Grün auf Gold */
.language-switch a.active { background: #CBB77F; border-color: #CBB77F; color: #141312; }

/* Ebenen-Farbcodierung (Türkis/Grün) -> Silber-Gold-Chrom-Familie.
   Speist zugleich die 01–04-Nummern, die Modul-Icons und die Ebenen-Striche. */
main.site-dark .arch-col[data-layer="1"] { --layer-color: #CBB77F; }
main.site-dark .arch-col[data-layer="2"] { --layer-color: #CBB77F; }
main.site-dark .arch-col[data-layer="3"] { --layer-color: #CBB77F; }
main.site-dark .arch-col[data-layer="4"] { --layer-color: #CBB77F; }
/* Modulkachel-Hover: dezent statt voll gefüllt (bessere Lesbarkeit, ruhiger) */
main.site-dark .arch-mod:hover { background: rgba(203,183,127,0.09); color: var(--text); }
/* Layer-Nav-Fallbacks (falls genutzt) ebenfalls in Metallfamilie */
main.site-dark .lc-01 { --lc-accent: #D8C9A6; }
main.site-dark .lc-02 { --lc-accent: #CBB77F; }
main.site-dark .lc-03 { --lc-accent: #B79A63; }
main.site-dark .lc-04 { --lc-accent: #AAB0B6; }
main.site-dark .arch-cc-bridge { background: var(--accent); }

/* Markt-Karten-Icons: von Grün/hell auf Gold */
main.site-dark .cluster-head .cluster-ico {
  background: rgba(203,183,127,0.10); border-color: rgba(203,183,127,0.24); color: var(--accent);
}

/* ===== Feinschliff 2: Erb-Textfarbe, Türkis(#8fc7b3)→Gold, Header-Akzente ===== */
/* Grundfehler-Fix: geerbte Textfarbe im Dark-Bereich hell setzen (nicht nur die Variable) */
main.site-dark { color: var(--text); }
main.site-dark .section-sub { color: var(--text-soft); }

/* Türkis/Mint #8fc7b3 -> Gold (Eyebrows, Legal-Link, Fokus, Checkboxen) */
main.site-dark .eyebrow-light { color: var(--accent); }
main.site-dark .cta-stage .cta-content .eyebrow { color: var(--accent); }
main.site-dark .demo-intro .eyebrow { color: var(--accent); }
main.site-dark .demo-mgroup-title { color: var(--accent); }
main.site-dark .demo-consent a { color: var(--accent); }
main.site-dark .demo-field input:focus,
main.site-dark .demo-field select:focus,
main.site-dark .demo-field textarea:focus {
  border-color: var(--accent); box-shadow: 0 0 0 3px rgba(203,183,127,0.16); background: rgba(20,20,22,0.7);
}
main.site-dark .demo-check input, main.site-dark .demo-consent input { accent-color: var(--accent); }
/* Icon-Kachel der Modulcards sichtbarer (dezenter Gold-Ton) */
main.site-dark .arch-mod-ico { background: rgba(203,183,127,0.08); }

/* Header (hell): grüne Akzente entfernen – DEMO BUCHEN gold, DE neutral-dunkel */
.site-header .portal-button { background: #CBB77F !important; color: #1f1c19 !important; border-color: #CBB77F; }
.site-header .portal-button:hover { background: #b7a26b !important; border-color: #b7a26b; }
.site-header .nav-language-button { border-color: rgba(31,28,25,0.32); }
.site-header .nav-language-current,
.site-header .nav-language-chevron,
.site-header .nav-language-button { color: #1f1c19; }

/* Türkis-Striche/Häkchen (::before) -> Gold */
main.site-dark .eyebrow-light::before { background: var(--accent) !important; }
main.site-dark .cta-stage .cta-content .eyebrow::before { background: var(--accent) !important; }
main.site-dark .demo-intro .eyebrow::before { background: var(--accent) !important; }
main.site-dark .hero-chip::before { background: var(--accent); }
main.site-dark .demo-trust li::before { border-left-color: var(--accent); border-bottom-color: var(--accent); }

/* ===== Feinschliff 3: Icons größer/einheitlich, Dropdown, Unterseiten (module/ledger) ===== */
/* Modul-Icons: Inhalt größer */
main.site-dark .arch-mod-ico svg { width: 24px; height: 24px; }
main.site-dark .arch-mod-ico { width: 42px; height: 42px; }

/* DE/EN-Dropdown im Header: aktiv/hover von Grün auf Gold */
.site-header .nav-language-menu a:hover,
.site-header .nav-language-menu a.active { background: rgba(203,183,127,0.18); color: #8a6d3b; }
.site-header .nav-language-menu a.active::after { color: #8a6d3b; }

/* Modul-Detailseiten (module-* Struktur) im Dark-Theme */
main.site-dark .module-hero { background: #0e0e10; }
main.site-dark .module-eyebrow { color: var(--accent); }
main.site-dark .module-title { color: #f3f3f1; }
main.site-dark .module-h2 { color: #f3f3f1; }
main.site-dark .module-cta { background: linear-gradient(160deg, #151517, #0b0b0c); }
main.site-dark .module-cta h2 { color: #f3f3f1; }
main.site-dark .module-hero .button.primary { background: var(--accent); color: #141312; border-color: var(--accent); }
main.site-dark .module-hero .button.ghost { color: #f3f3f1; border-color: rgba(255,255,255,0.28); }

/* Ledger-Seite: cta-band von Gold-Fläche auf Neutral-Dunkel + lesbarer Button */
main.site-dark .cta-band { background: linear-gradient(160deg, #151517, #0b0b0c); }
main.site-dark .cta-band .button.primary { background: var(--accent); color: #141312; border-color: var(--accent); }
main.site-dark .cta-band .button.primary:hover { background: #b7a26b; border-color: #b7a26b; }

/* ===== Feinschliff 4: Rechtsseiten-Kontrast + Manifest-Interaktion ===== */
/* Rechtsseiten: (fast) weiße Box -> dunkle Card, lesbarer Text */
main.site-dark .legal-box { background: var(--panel); border-color: var(--line-strong); box-shadow: var(--shadow-soft); }
main.site-dark .legal-box h2 { color: var(--accent); }
main.site-dark .legal-toc a { color: var(--text-soft); }
main.site-dark .legal-toc a:hover { color: var(--accent); }

/* Manifest: ganzer Claim ist Link, leuchtet bei Hover; V sichtbarer + leuchtet */
.mf-link { display: block; text-decoration: none; color: inherit; cursor: pointer; }
.mf-numeral { transition: opacity 0.45s ease, text-shadow 0.45s ease; }
main.site-dark .mf-numeral { opacity: 0.09; transform: translateY(-56%); }
main.site-dark .mf-claim, main.site-dark .manifesto-text { transition: color 0.3s ease, text-shadow 0.3s ease; }
main.site-dark .section.manifesto:hover .mf-numeral {
  opacity: 0.20; text-shadow: 0 0 80px rgba(203,183,127,0.55), 0 0 34px rgba(203,183,127,0.4);
}
main.site-dark .mf-link:hover .mf-claim { color: #f2e7d3; text-shadow: 0 0 38px rgba(203,183,127,0.6); }
main.site-dark .mf-link:hover .manifesto-text { color: var(--accent-strong); text-shadow: 0 0 22px rgba(203,183,127,0.45); }
main.site-dark .mf-link:hover .mf-kicker { color: var(--accent-strong); }

/* ===== Feinschliff 5: restliche helle Legal-Karten + Manifest-Kicker höher ===== */
main.site-dark .legal-toc a { background: var(--panel); border-color: var(--line-strong); color: var(--text-soft); }
main.site-dark .legal-toc a:hover { color: var(--text); border-color: var(--accent); }
main.site-dark .legal-doc-card { background: var(--panel); border-color: var(--line-strong); box-shadow: var(--shadow-soft); }
main.site-dark .legal-doc-card:hover { border-color: var(--accent); box-shadow: var(--shadow); }
main.site-dark .legal-doc-card h2 { color: #f3f3f1; }
main.site-dark .legal-note { background: rgba(255,255,255,0.04); border-color: var(--line-strong); color: var(--text-soft); }

/* "Industrie 5.0" über die obere Kante der V ziehen */
main.site-dark .mf-kicker { margin: -90px 0 46px; }

/* ===== Feinschliff 6: Datenintegrität – Kette + Schriftzug als leuchtender Link ===== */
.chain-link { display: block; text-decoration: none; color: inherit; cursor: pointer; }
main.site-dark a.ledger-mark { cursor: pointer; }
main.site-dark .chain-block { transition: border-color 0.3s ease, box-shadow 0.3s ease; }
main.site-dark a.ledger-mark { transition: color 0.3s ease, text-shadow 0.3s ease; }
/* Hover auf Kette ODER Schriftzug -> beide leuchten */
main.site-dark .ledger-section:has(.chain-link:hover) .chain-block,
main.site-dark .ledger-section:has(.ledger-mark:hover) .chain-block {
  border-color: #CBB77F; box-shadow: 0 0 26px rgba(203,183,127,0.42);
}
main.site-dark .ledger-section:has(.chain-link:hover) .chain-block.chain-now,
main.site-dark .ledger-section:has(.ledger-mark:hover) .chain-block.chain-now {
  box-shadow: 0 0 32px rgba(203,183,127,0.55);
}
main.site-dark .ledger-section:has(.chain-link:hover) a.ledger-mark,
main.site-dark .ledger-section:has(.ledger-mark:hover) a.ledger-mark {
  color: var(--accent-strong); text-shadow: 0 0 20px rgba(203,183,127,0.55);
}

/* Aufzählungen auf Detailseiten (.i5-doc) */
.i5-doc ul.i5-list { margin: 6px 0 20px; padding: 0; list-style: none; max-width: 720px; }
.i5-doc ul.i5-list li { position: relative; padding-left: 22px; margin: 0 0 10px; color: var(--i5-ink); line-height: 1.62; font-size: 1.05rem; }
.i5-doc ul.i5-list li::before { content: ""; position: absolute; left: 3px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: var(--i5-gold); }
.i5-doc ul.i5-list li:last-child { margin-bottom: 0; }

/* ===== Touch/Mobil: kein Hover -> ruhende Leucht-Andeutung als Tipp-Affordanz ===== */
@media (hover: none) {
  /* Datenintegrität: Kette + Schriftzug wirken dauerhaft dezent "aktiv" */
  main.site-dark .chain-block { border-color: rgba(203,183,127,0.5); box-shadow: 0 0 14px rgba(203,183,127,0.16); }
  main.site-dark .chain-block.chain-now { box-shadow: 0 0 20px rgba(203,183,127,0.28); }
  main.site-dark a.ledger-mark { text-shadow: 0 0 10px rgba(203,183,127,0.28); }
  /* Manifest: V etwas präsenter + kleiner Tipp-Pfeil am Label */
  main.site-dark .mf-numeral { opacity: 0.13; }
  main.site-dark .mf-kicker::after { content: " \2192"; color: var(--accent); font-weight: 700; }
  /* Kurzes Aufleuchten beim Antippen (aktiver Zustand) */
  main.site-dark .chain-link:active .chain-block,
  main.site-dark a.ledger-mark:active { box-shadow: 0 0 26px rgba(203,183,127,0.5); }
  main.site-dark .mf-link:active .mf-claim { color: #f2e7d3; text-shadow: 0 0 30px rgba(203,183,127,0.55); }
}

/* Mobil: Hero-Inhalt mittig ausrichten, passend zur zentrierten V-Grafik */
@media (max-width: 760px) {
  .hero-field.hero-field .hero-content {
    text-align: center;
  }
  .hero-field.hero-field .hero-content h1,
  .hero-field.hero-field .hero-content .hero-lead,
  .hero-field.hero-field .hero-content p:not(.eyebrow) {
    margin-left: auto;
    margin-right: auto;
  }
  .hero-field.hero-field .hero-chips {
    align-items: flex-start;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  .hero-field.hero-field .hero-actions {
    justify-content: center;
  }
}

/* Optional: Hero-Inhalt auch auf großen Bildschirmen mittig.
   Aktiv, solange <div class="hero-field hero-centered"> gesetzt ist.
   Zum Deaktivieren die Klasse hero-centered in index.html / index-en.html entfernen. */
.hero-field.hero-centered .hero-content {
  text-align: center;
}
.hero-field.hero-centered .hero-content h1,
.hero-field.hero-centered .hero-content .hero-lead,
.hero-field.hero-centered .hero-content p:not(.eyebrow) {
  margin-left: auto;
  margin-right: auto;
}
.hero-field.hero-centered .hero-chips {
  justify-content: center;
}
.hero-field.hero-centered .hero-actions {
  justify-content: center;
}

/* Unterseiten-Header: Inhalt mittig, passend zur zentrierten V-Grafik */
.module-hero .container {
  text-align: center;
}
.module-hero .module-breadcrumb {
  justify-content: center;
}
.module-hero .eyebrow,
.module-hero .module-eyebrow {
  justify-content: center;
}
.module-hero h1,
.module-hero .module-hero-lead,
.module-hero .container > p {
  margin-left: auto;
  margin-right: auto;
}
.module-hero-actions {
  justify-content: center;
}

/* Mobil: Grafik reicht bis zum Scheitel bei 88 % — wie auf großen Bildschirmen */
@media (max-width: 900px) {
  .hero-field::before {
    background-size: auto 100%;
    background-position: center top;
    opacity: .5;
  }
  .module-hero::before {
    background-size: auto 118%;
    background-position: center top;
  }
}

/* ============================================================
   Runde 38: 420+ Key-Visual systemweit + Mobile-Overflow-Fix
   ============================================================ */

/* Das große V zieht sich auf den zentralen Unterseiten wie auf der
   Startseite über Hero und ersten Inhaltsbereich. Der Verlauf bleibt
   bewusst zurückhaltender als im Startseiten-Hero. */
.subpage-keyvisual {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(112% 112% at 80% -14%, rgba(38, 52, 68, 0.58) 0%, rgba(23, 28, 34, 0.32) 35%, rgba(14, 14, 16, 0.08) 68%, transparent 100%),
    #0e0e10;
}
.subpage-keyvisual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("assets/mf-hero-v.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
  opacity: 0.78;
}
.subpage-keyvisual > section {
  position: relative;
  z-index: 1;
  background: transparent !important;
}
.subpage-keyvisual .module-hero {
  background: transparent !important;
}
/* Die alte, nur auf den Hero begrenzte V-Ebene wird im neuen Verbund deaktiviert. */
.subpage-keyvisual .module-hero::before {
  display: none;
}
.subpage-keyvisual .module-hero-bg {
  opacity: 0.28;
}
.subpage-keyvisual > .section {
  border-top-color: rgba(203, 183, 127, 0.12);
}

/* Rechtliche Seiten: dasselbe große V als Markenanker im oberen Seitenraum.
   Das Motiv wird nicht über das gesamte lange Dokument gestreckt. */
.legal-page.legal-keyvisual {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(112% 92% at 80% -8%, rgba(38, 52, 68, 0.42) 0%, rgba(22, 27, 33, 0.22) 38%, rgba(14, 14, 16, 0.04) 72%, transparent 100%),
    #0e0e10;
}
.legal-page.legal-keyvisual::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  height: clamp(760px, 74vw, 1040px);
  background-image: url("assets/mf-hero-v.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
  opacity: 0.50;
}
.legal-page.legal-keyvisual > .container {
  position: relative;
  z-index: 1;
}

/* Robuster Viewport-Schutz, auch für Browser ohne overflow-x: clip. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
@supports (overflow: clip) {
  html,
  body { overflow-x: clip; }
}
img,
svg,
video,
canvas {
  max-width: 100%;
}

/* Mobile Architektur: interne Swipe-Fläche ohne negativen Außenüberstand. */
@media (max-width: 620px) {
  .section.arch .container {
    min-width: 0;
    overflow: hidden;
  }
  .arch-grid {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 4px 0 16px;
    scroll-padding-inline: 0;
    overscroll-behavior-x: contain;
  }
  .arch-col {
    flex: 0 0 min(84%, calc(100vw - 56px));
    min-width: 0;
  }
  .arch-mod,
  .arch-cc,
  .hero-content,
  .module-hero .container,
  .legal-page .container {
    min-width: 0;
    max-width: 100%;
  }
}

/* Auf mobilen Unterseiten bleibt das V gleich groß und zusammenhängend;
   nur der Verlauf wird weiter zurückgenommen. */
@media (max-width: 900px) {
  .subpage-keyvisual::before {
    background-size: auto 100%;
    background-position: center top;
    opacity: 0.66;
  }
  .legal-page.legal-keyvisual::before {
    height: 820px;
    background-size: auto 100%;
    opacity: 0.42;
  }
}

/* Sehr schmale Mobil-Viewports: lange Fachbegriffe dürfen den Inhaltsbereich
   nicht verbreitern (z. B. „zusammenhängenden“ auf der Ledger-Seite). */
@media (max-width: 380px) {
  .module-title,
  .ledger-title,
  .section-title,
  .i5-closing-claim,
  .legal-page h1,
  .legal-page h2 {
    max-width: 100%;
    hyphens: auto;
    -webkit-hyphens: auto;
    overflow-wrap: anywhere;
  }
}


/* ============================================================
   Runde 43: Startseiten-Header 1:1 auf allen übrigen Seiten
   ============================================================ */

/* Gemeinsame, feste Darstellungsfläche des zentralen 420+-Key-Visuals.
   Dadurch ändern lange Unterseiten nicht mehr Größe oder Verlauf des V. */
:root {
  --brand-header-canvas-height: 971px;
}

@media (max-width: 1279px) { :root { --brand-header-canvas-height: 935px; } }
@media (max-width: 1023px) { :root { --brand-header-canvas-height: 930px; } }
@media (max-width: 900px)  { :root { --brand-header-canvas-height: 910px; } }
@media (max-width: 760px)  { :root { --brand-header-canvas-height: 925px; } }
@media (max-width: 600px)  { :root { --brand-header-canvas-height: 950px; } }
@media (max-width: 480px)  { :root { --brand-header-canvas-height: 995px; } }
@media (max-width: 390px)  { :root { --brand-header-canvas-height: 1035px; } }
@media (max-width: 360px)  { :root { --brand-header-canvas-height: 1050px; } }
@media (max-width: 320px)  { :root { --brand-header-canvas-height: 1100px; } }

/* Exakt dieselbe Grundfläche und derselbe Verlauf wie im Startseiten-Header. */
.hero-field,
.subpage-keyvisual,
.legal-page.legal-keyvisual.hero-field {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0e0e10 !important;
}

/* Der Verlauf liegt auf einer festen Fläche und wird auf Unterseiten nicht
   durch die Länge des zweiten Bereichs gestreckt. */
.hero-field::after,
.subpage-keyvisual::after,
.legal-page.legal-keyvisual.hero-field::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--brand-header-canvas-height);
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(118% 118% at 82% -12%, #1d252f 0%, #12171c 34%, #0d1014 58%, #0e0e10 88%);
}

/* Identische Größe, Position und Deckkraft des V auf jeder Seite. */
.hero-field::before,
.subpage-keyvisual::before,
.legal-page.legal-keyvisual.hero-field::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--brand-header-canvas-height);
  inset: 0 0 auto 0;
  z-index: 1;
  pointer-events: none;
  background-image: url("assets/mf-hero-v.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
  opacity: .8;
}

.hero-field > section,
.subpage-keyvisual > section,
.legal-page.legal-keyvisual.hero-field > .container {
  position: relative;
  z-index: 2;
}

/* Der Unterseiten-Hero verwendet nun auch dieselbe Hero-Bühne und dasselbe
   Blueprint-Grid der Startseite. Die Texte bleiben seitenspezifisch. */
.subpage-keyvisual .module-hero.hero.hero-dark {
  background: transparent !important;
  color: #eef2ee;
}
.subpage-keyvisual .hero-grid-lines {
  opacity: 1 !important;
}
.subpage-keyvisual .module-hero::before {
  display: none !important;
}

/* Alte abweichende Unterseiten-/Rechtstext-Verläufe vollständig neutralisieren. */
.subpage-keyvisual .module-hero-bg { display: none !important; }
.legal-page.legal-keyvisual.hero-field::before {
  top: 0;
  height: var(--brand-header-canvas-height);
  background-size: auto 100%;
  opacity: .8;
}

/* Der mobile Overflow-Fix bleibt unverändert aktiv. */
@media (max-width: 900px) {
  .hero-field::before,
  .subpage-keyvisual::before,
  .legal-page.legal-keyvisual.hero-field::before {
    background-position: center top;
    background-size: auto 100%;
    opacity: .8;
  }
}

/* ============================================================
   Runde 44: Nahtloser Übergang vom Header in den ersten Bereich
   ============================================================ */

/* Hero und erster Inhaltsbereich bilden gemeinsam die 420+-Key-Visual-Bühne.
   Deshalb keine horizontale Trennlinie innerhalb dieser Komposition –
   unabhängig von Sprache, Seitentyp oder Viewportbreite. */
.hero-field > .hero,
.subpage-keyvisual > .hero {
  border-bottom: 0 !important;
}

.hero-field > .hero + .section,
.subpage-keyvisual > .hero + .section {
  border-top: 0 !important;
  border-top-color: transparent !important;
}

/* Auch auf sehr kleinen Displays bleibt der Übergang vollständig nahtlos. */
@media (max-width: 900px) {
  .hero-field > .hero + .section,
  .subpage-keyvisual > .hero + .section {
    border-top: 0 !important;
  }
}

/* ============================================================
   Runde 45: Subpage-Hero auf Startseiten-Niveau
   Nur die obere Hero-Bühne wird verbreitert und typografisch an
   die Startseite angeglichen. Die nachfolgenden Fachtexte bleiben
   weiterhin auf der schmalen 720-px-Lesespalte.
   ============================================================ */

/* Breite Bühne ausschließlich im oberen Hero der Haupt-Subpages. */
.i5-doc .subpage-keyvisual .module-hero .container {
  width: min(var(--max), calc(100% - 40px));
  max-width: var(--max);
}

/* Gleiche vertikale Bühne wie im Startseiten-Hero. */
.i5-doc .subpage-keyvisual .module-hero {
  padding: 92px 0 88px;
}

/* H1-Skalierung und Zeilenwirkung der Startseite übernehmen. */
.i5-doc .subpage-keyvisual .module-title {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto 24px;
  font-size: clamp(2.45rem, 4.6vw, 4.25rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

/* Lead ebenfalls auf die Startseiten-Systematik verbreitern. */
.i5-doc .subpage-keyvisual .module-lead {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto 34px;
  font-size: clamp(1.08rem, 1.9vw, 1.35rem);
  line-height: 1.58;
  text-wrap: balance;
}

/* Breadcrumb und Eyebrow bleiben fein, erhalten aber etwas mehr Luft. */
.i5-doc .subpage-keyvisual .module-breadcrumb {
  margin-bottom: 34px;
}
.i5-doc .subpage-keyvisual .module-eyebrow {
  margin-bottom: 18px;
}

/* Der Fließtext nach dem Hero bleibt bewusst schmal. */
.i5-doc .subpage-keyvisual > .section > .container,
.i5-doc > .section > .container {
  max-width: 720px;
}

@media (max-width: 860px) {
  .i5-doc .subpage-keyvisual .module-hero {
    padding: 64px 0 62px;
  }
  .i5-doc .subpage-keyvisual .module-hero .container {
    width: min(100% - 28px, var(--max));
  }
  .i5-doc .subpage-keyvisual .module-title {
    max-width: 760px;
    font-size: clamp(1.82rem, 7.3vw, 2.3rem);
    line-height: 1.1;
    hyphens: none;
    -webkit-hyphens: none;
    word-break: normal;
    overflow-wrap: normal;
  }
  .i5-doc .subpage-keyvisual .module-lead {
    max-width: 720px;
    font-size: 1.02rem;
    line-height: 1.6;
    text-wrap: pretty;
  }
  .i5-doc .subpage-keyvisual .module-breadcrumb {
    margin-bottom: 26px;
  }
}

@media (max-width: 480px) {
  .i5-doc .subpage-keyvisual .module-hero {
    padding: 50px 0 54px;
  }
  .i5-doc .subpage-keyvisual .module-title {
    font-size: clamp(1.82rem, 8.2vw, 2.18rem);
  }
  .i5-doc .subpage-keyvisual .module-lead {
    font-size: 0.98rem;
    line-height: 1.58;
  }
  .i5-doc .subpage-keyvisual .module-hero-actions {
    width: 100%;
    gap: 10px;
  }
  .i5-doc .subpage-keyvisual .module-hero-actions .button {
    min-height: 48px;
  }
}

/* ============================================================
   Runde 30: Zielmärkte + Rechtsseiten verfeinern
   Basis bleibt die aktuelle Live-Richtung: ruhiger, klarer,
   weniger dekorativ. Ziel: bessere Materialität ohne Redesign.
   ============================================================ */

/* --- Zielmärkte: gleiche Struktur, aber hochwertiger und ruhiger --- */
.section.markets .section-heading {
  max-width: 1020px;
}
.section.markets .section-heading h2 {
  max-width: 920px;
  margin-bottom: 14px;
  text-wrap: balance;
}
.section.markets .section-sub {
  max-width: 860px;
}

.cluster-grid {
  align-items: stretch;
  gap: 20px;
}
.cluster-card {
  position: relative;
  min-height: 100%;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(18,20,24,0.94), rgba(12,13,17,0.98));
  box-shadow: 0 18px 46px -32px rgba(0,0,0,0.6);
}
.cluster-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
.cluster-head {
  padding: 22px 24px 18px;
  gap: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.cluster-ghost {
  right: 14px;
  top: 12px;
  color: rgba(214, 219, 226, 0.11);
}
.cluster-ghost svg {
  width: 78px;
  height: 78px;
}
.cluster-head .cluster-ico {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(203,183,127,0.12);
  border: 1px solid rgba(203,183,127,0.24);
  color: #d7bf84;
}
.cluster-head .cluster-ico svg {
  width: 21px;
  height: 21px;
}
.cluster-head h3 {
  max-width: calc(100% - 94px);
  font-size: 1.05rem;
  line-height: 1.24;
}
.cluster-body {
  padding: 18px 24px 24px;
  gap: 18px;
  flex: 1;
}
.cluster-body .cluster-desc {
  max-width: 31ch;
  font-size: 0.94rem;
  line-height: 1.58;
  color: rgba(234, 236, 234, 0.76);
}
.cluster-body .cluster-tags {
  margin-top: auto;
  padding-top: 16px;
  gap: 8px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.cluster-body .cluster-tags span {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  color: #f4f1ea;
  box-shadow: none;
  font-size: 0.81rem;
  font-weight: 600;
}
.cluster-body .cluster-tags span::before {
  background: rgba(203,183,127,0.88);
}
.market-foot {
  max-width: 880px;
  margin-top: 24px;
  color: rgba(234, 236, 234, 0.76);
}

@media (max-width: 1040px) {
  .section.markets .section-heading h2,
  .section.markets .section-sub,
  .market-foot {
    max-width: 100%;
  }
}

/* --- Rechtliche Seiten: Panels transparenter, damit das V subtil durchscheint --- */
.legal-page.site-dark .legal-box,
.legal-page.site-dark .legal-toc a,
.legal-page.site-dark .legal-doc-card,
.legal-page.site-dark .legal-note {
  position: relative;
  background: linear-gradient(180deg, rgba(19,21,26,0.66), rgba(13,14,18,0.76));
  border: 1px solid rgba(203,183,127,0.15);
  box-shadow: 0 18px 42px -30px rgba(0,0,0,0.58);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}
.legal-page.site-dark .legal-box::before,
.legal-page.site-dark .legal-toc a::before,
.legal-page.site-dark .legal-doc-card::before,
.legal-page.site-dark .legal-note::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
.legal-page.site-dark .legal-box {
  padding: 30px;
}
.legal-page.site-dark .legal-box section + section,
.legal-page.site-dark .legal-privacy section + section,
.legal-page.site-dark .legal-terms section + section {
  border-top-color: rgba(255,255,255,0.08);
}
.legal-page.site-dark .legal-box h2,
.legal-page.site-dark .legal-privacy h2,
.legal-page.site-dark .legal-doc-card h2 {
  color: #f3f1eb;
}
.legal-page.site-dark .legal-box p,
.legal-page.site-dark .legal-box li,
.legal-page.site-dark .legal-privacy p,
.legal-page.site-dark .legal-privacy li,
.legal-page.site-dark .legal-note,
.legal-page.site-dark .legal-doc-card p,
.legal-page.site-dark .legal-lead {
  color: rgba(236, 238, 236, 0.78);
}
.legal-page.site-dark .legal-box a,
.legal-page.site-dark .legal-doc-card em {
  color: #d7bf84;
}
.legal-page.site-dark .legal-toc a {
  background: linear-gradient(180deg, rgba(19,21,26,0.56), rgba(13,14,18,0.70));
  color: rgba(236, 238, 236, 0.76);
}
.legal-page.site-dark .legal-toc a:hover {
  color: #f3f1eb;
  border-color: rgba(203,183,127,0.34);
  background: linear-gradient(180deg, rgba(22,24,30,0.68), rgba(15,16,20,0.80));
}
.legal-page.site-dark .legal-toc span {
  background: rgba(203,183,127,0.14);
  border: 1px solid rgba(203,183,127,0.28);
  color: #d7bf84;
}
.legal-page.site-dark .legal-doc-card {
  min-height: 240px;
}
.legal-page.site-dark .legal-doc-card:hover {
  border-color: rgba(203,183,127,0.30);
  box-shadow: 0 20px 46px -30px rgba(0,0,0,0.62);
}
.legal-page.site-dark .legal-note {
  background: linear-gradient(180deg, rgba(25,27,33,0.56), rgba(15,16,20,0.72));
}

@media (max-width: 760px) {
  .cluster-head {
    padding: 20px 20px 16px;
  }
  .cluster-body {
    padding: 16px 20px 20px;
  }
  .cluster-ghost {
    right: 10px;
    top: 10px;
  }
  .cluster-ghost svg {
    width: 66px;
    height: 66px;
  }
  .legal-page.site-dark .legal-box,
  .legal-page.site-dark .legal-doc-card,
  .legal-page.site-dark .legal-note {
    padding-left: 22px;
    padding-right: 22px;
  }
}

/* ============================================================
   Runde 31: Zielmärkte – Platzierung und Textbreite korrigiert
   ============================================================ */

/* Der Kartenkopf reserviert rechts einen festen Bereich nur für das Ghost-Motiv. */
.cluster-head {
  position: relative;
  min-height: 96px;
  padding: 22px 112px 20px 24px;
  align-items: center;
}

/* Titel darf den für das Ghost-Motiv reservierten Bereich nicht mehr überlagern. */
.cluster-head h3 {
  max-width: none;
  width: 100%;
}

/* Das große Linienmotiv sitzt nun sauber und einheitlich in der oberen rechten Ecke. */
.cluster-ghost {
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(214, 219, 226, 0.10);
}
.cluster-ghost svg {
  width: 72px;
  height: 72px;
}

/* Beschreibung wieder über die verfügbare Kartenbreite laufen lassen. */
.cluster-body .cluster-desc {
  max-width: none;
  width: 100%;
  min-height: 4.9em;
}

@media (max-width: 1120px) {
  .cluster-head {
    padding-right: 96px;
  }
  .cluster-ghost {
    right: 14px;
  }
  .cluster-ghost svg {
    width: 64px;
    height: 64px;
  }
}

@media (max-width: 860px) {
  .cluster-head {
    min-height: 88px;
    padding: 20px 92px 18px 20px;
  }
  .cluster-body .cluster-desc {
    min-height: 0;
  }
}

@media (max-width: 520px) {
  .cluster-head {
    padding-right: 78px;
  }
  .cluster-ghost {
    right: 10px;
  }
  .cluster-ghost svg {
    width: 56px;
    height: 56px;
  }
}


/* ============================================================
   Runde 32: Zielmärkte Feinschliff + CTA-Visual vereinfachen
   ============================================================ */

/* Zielmärkte: Tags nicht mehr an den Kartenboden zwingen.
   So verschwindet die unruhige Leerstelle oberhalb der Tag-Zeile,
   insbesondere bei der dritten Karte mit weniger Chips. */
.cluster-body .cluster-tags {
  margin-top: 0;
}

/* CTA-Visual: nur ein sichtbares Logo im Vordergrund,
   kein zweites Logo im Hintergrund und kein Grid-Muster.
   Der Verlauf wird jetzt neutraler / metallischer und das Logo etwas größer. */
.cta-brand {
  background:
    radial-gradient(140% 125% at 78% 20%, rgba(132, 144, 162, 0.20) 0%, rgba(69, 80, 98, 0.12) 28%, rgba(20, 23, 29, 0.00) 58%),
    linear-gradient(160deg, rgba(20, 22, 27, 0.98), rgba(11, 12, 16, 0.98));
}
.cta-brand::before {
  display: none;
}
.cta-brand-bg {
  display: none;
}
.cta-brand-mark {
  width: 128px;
  opacity: 0.97;
}
.cta-brand-tagline {
  color: rgba(238,242,238,0.78);
}
main.site-dark .cta-brand {
  background:
    radial-gradient(140% 125% at 78% 20%, rgba(132, 144, 162, 0.20) 0%, rgba(69, 80, 98, 0.12) 28%, rgba(20, 23, 29, 0.00) 58%),
    linear-gradient(160deg, rgba(20, 22, 27, 0.98), rgba(11, 12, 16, 0.98));
}

@media (max-width: 760px) {
  .cta-brand-mark {
    width: 96px;
  }
}


/* ============================================================
   Runde 46: Einheitliches CTA-System
   - Primäre Demo-CTAs bleiben klar gefüllt
   - Header-CTA ist dezenter, aber eindeutig hervorgehoben
   - Sekundäre Aktionen bleiben als Outline untergeordnet
   ============================================================ */
:root {
  --cta-gold: #cbb77f;
  --cta-gold-hover: #d8c691;
  --cta-gold-active: #b9a367;
  --cta-ink: #171512;
  --cta-focus: rgba(203, 183, 127, 0.32);
}

/* Gemeinsame Geometrie und Typografie für Inhalts-CTAs */
.button {
  min-height: 50px;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  box-sizing: border-box;
  font-size: 0.92rem;
  font-weight: 750;
  line-height: 1;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

/* Primäre Aktion: überall dieselbe warme Goldfläche */
main.site-dark .button.primary,
main.site-dark .hero-dark .button.primary,
main.site-dark .module-hero .button.primary,
main.site-dark .cta-stage .button.primary,
main.site-dark .cta-band .button.primary,
main.site-dark .demo-stage .button.primary,
.button.primary {
  background: var(--cta-gold);
  border-color: var(--cta-gold);
  color: var(--cta-ink);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
}

main.site-dark .button.primary:hover,
main.site-dark .hero-dark .button.primary:hover,
main.site-dark .module-hero .button.primary:hover,
main.site-dark .cta-stage .button.primary:hover,
main.site-dark .cta-band .button.primary:hover,
main.site-dark .demo-stage .button.primary:hover,
.button.primary:hover {
  background: var(--cta-gold-hover);
  border-color: var(--cta-gold-hover);
  color: var(--cta-ink);
  box-shadow: 0 11px 26px rgba(0, 0, 0, 0.20);
  transform: translateY(-1px);
}

main.site-dark .button.primary:active,
.button.primary:active {
  background: var(--cta-gold-active);
  border-color: var(--cta-gold-active);
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.16);
  transform: translateY(0);
}

/* Sekundäre Aktion: gleiche Größe, deutlich geringeres Gewicht */
main.site-dark .button.ghost,
.button.ghost {
  min-height: 50px;
  padding: 0 24px;
  background: rgba(255, 255, 255, 0.018);
  border-color: rgba(255, 255, 255, 0.28);
  color: #f2f1ed;
  box-shadow: none;
}

main.site-dark .button.ghost:hover,
.button.ghost:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.52);
  color: #ffffff;
  transform: translateY(-1px);
}

/* Globaler Header-CTA: gleiche Farbfamilie, bewusst ruhiger als im Hero */
.site-header .portal-button {
  min-height: 40px;
  padding: 0 20px;
  border: 1px solid rgba(174, 148, 83, 0.88) !important;
  border-radius: 2px;
  background: rgba(203, 183, 127, 0.22) !important;
  color: #29231a !important;
  box-shadow: none !important;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.105em;
  text-transform: uppercase;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease;
}

.site-header .portal-button:hover {
  background: var(--cta-gold) !important;
  border-color: var(--cta-gold) !important;
  color: var(--cta-ink) !important;
  transform: translateY(-1px);
}

.site-header .portal-button:active {
  background: var(--cta-gold-active) !important;
  border-color: var(--cta-gold-active) !important;
  transform: translateY(0);
}

/* CTA im mobilen Drawer folgt derselben Header-Hierarchie */
@media (max-width: 860px) {
  .nav-links .portal-button {
    min-height: 44px !important;
    padding: 0 20px !important;
    border: 1px solid rgba(174, 148, 83, 0.76) !important;
    border-radius: 3px !important;
    background: rgba(203, 183, 127, 0.14) !important;
    color: #29231a !important;
    box-shadow: none !important;
    font-size: 0.79rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.10em !important;
  }

  .nav-links .portal-button:hover {
    background: var(--cta-gold) !important;
    border-color: var(--cta-gold) !important;
  }
}

/* Tastaturfokus klar, aber nicht grell */
.button:focus-visible,
.portal-button:focus-visible,
.mobile-portal-button:focus-visible {
  outline: 3px solid var(--cta-focus);
  outline-offset: 3px;
}

/* Formular-CTA bleibt gleichwertiger Primär-CTA, bei voller Breite */
.demo-submit {
  min-height: 52px;
  font-size: 0.94rem;
}

@media (max-width: 560px) {
  .button {
    min-height: 48px;
    padding: 0 21px;
    font-size: 0.89rem;
  }

  .hero-actions,
  .module-hero-actions {
    gap: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .button,
  .portal-button {
    transition: none;
  }
  .button:hover,
  .portal-button:hover {
    transform: none;
  }
}


/* ============================================================
   Runde 33: Rechtsseiten-Keyvisual vollständig auslaufen lassen
   ============================================================ */
.legal-page.legal-keyvisual.hero-field {
  min-height: var(--brand-header-canvas-height);
}

@media (min-width: 901px) {
  .legal-page.legal-keyvisual.hero-field {
    padding-bottom: 150px;
  }
}


/* ============================================================
   Runde 34: Cannabis-Facility-Motiv im Kontakt-CTA
   ============================================================ */
.cta-brand.cta-brand-photo-wrap {
  min-height: 360px;
  padding: 0;
  border: 0;
  border-radius: 26px;
  overflow: hidden;
  background: #0d0f13;
  box-shadow: 0 22px 54px -34px rgba(0,0,0,0.78);
}
.cta-brand.cta-brand-photo-wrap::before,
.cta-brand.cta-brand-photo-wrap::after {
  display: none !important;
}
.cta-brand-photo-wrap picture {
  display: block;
  width: 100%;
  height: 100%;
}
.cta-brand-photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center center;
}
@media (max-width: 900px) {
  .cta-brand.cta-brand-photo-wrap,
  .cta-brand-photo {
    min-height: 420px;
  }
}
@media (max-width: 600px) {
  .cta-brand.cta-brand-photo-wrap,
  .cta-brand-photo {
    min-height: 340px;
  }
}


/* ============================================================
   Runde 40: offene Hero-Leitprinzipien, Ledger-H2-Gleichstand,
   horizontale Vertrauensleiste für Betrieb & Datenhoheit
   ============================================================ */

/* Hero: keine Badge-/Button-Anmutung mehr */
.hero-field .hero-chips,
.hero-field.hero-centered .hero-chips {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 34px;
  margin: 24px auto 30px;
  width: auto;
  max-width: 100%;
}
.hero-field .hero-chip {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(238,242,238,0.88);
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.45;
  letter-spacing: 0.005em;
  cursor: default;
  white-space: nowrap;
}
.hero-field .hero-chip::before {
  content: "";
  display: block;
  width: 18px;
  height: 1.5px;
  flex: 0 0 18px;
  border-radius: 2px;
  background: var(--accent);
  opacity: 0.92;
}

/* Ledger-Hauptüberschrift exakt in der allgemeinen H2-Skalierung */
.ledger-title {
  font-size: clamp(2.1rem, 4.2vw, 3.75rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
}

/* Betrieb & Datenhoheit: offene, nicht klickbare Vertrauensleiste */
.deploy-band {
  position: relative;
  padding: 88px 0 92px;
  background:
    radial-gradient(70% 120% at 50% 0%, rgba(93,112,130,0.10), transparent 70%),
    linear-gradient(180deg, #0f1012 0%, #0b0c0e 100%);
  border-top: 1px solid rgba(255,255,255,0.07);
  border-bottom: 1px solid rgba(255,255,255,0.07);
  overflow: hidden;
}
.deploy-inner { text-align: center; }
.deploy-title {
  margin: 8px auto 42px;
  max-width: 920px;
  font-size: clamp(2.1rem, 4.2vw, 3.75rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
  color: var(--text);
}
.deploy-items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  border-top: 1px solid rgba(203,183,127,0.28);
  border-bottom: 1px solid rgba(203,183,127,0.28);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.018) 50%, transparent);
}
.deploy-item {
  position: relative;
  display: grid;
  grid-template-columns: 32px 38px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  min-width: 0;
  max-width: none;
  padding: 30px 30px 32px;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: none;
  cursor: default;
}
.deploy-item + .deploy-item {
  border-left: 1px solid rgba(255,255,255,0.10);
}
.deploy-item:hover {
  transform: none;
  box-shadow: none;
}
.deploy-index {
  padding-top: 6px;
  color: var(--accent);
  font-size: 0.70rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.16em;
}
.deploy-ico {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent);
  background: transparent;
  border: 1px solid rgba(203,183,127,0.30);
  border-radius: 9px;
}
.deploy-ico svg { width: 18px; height: 18px; }
.deploy-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  color: rgba(238,242,238,0.68);
  font-size: 0.92rem;
  line-height: 1.55;
}
.deploy-text strong {
  margin: 0;
  color: #f2eee4;
  font-size: 1.05rem;
  font-weight: 760;
  line-height: 1.25;
}
.deploy-text > span { display: block; }

@media (max-width: 900px) {
  .deploy-items { grid-template-columns: 1fr; }
  .deploy-item + .deploy-item {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,0.10);
  }
  .deploy-item { padding-left: 22px; padding-right: 22px; }
}

@media (max-width: 720px) {
  .hero-field .hero-chips,
  .hero-field.hero-centered .hero-chips {
    align-items: flex-start;
    gap: 13px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-field .hero-chip {
    width: 100%;
    white-space: normal;
    text-align: left;
    font-size: 0.84rem;
  }
  .ledger-title,
  .deploy-title {
    font-size: clamp(1.88rem, 9.4vw, 2.7rem);
    line-height: 1.06;
  }
  .deploy-band { padding: 68px 0 70px; }
  .deploy-title { margin-bottom: 32px; }
  .deploy-item {
    grid-template-columns: 28px 34px minmax(0, 1fr);
    gap: 12px;
    padding-top: 24px;
    padding-bottom: 25px;
  }
  .deploy-ico { width: 32px; height: 32px; }
}

@media (max-width: 420px) {
  .ledger-title,
  .deploy-title {
    font-size: clamp(1.72rem, 10vw, 2.36rem);
  }
  .deploy-item {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .deploy-index { padding-top: 0; }
  .deploy-ico { margin: 2px 0 4px; }
}


/* ============================================================
   Runde 42: Mobile Hero-Claims zentriert; Modul-Infopopups
   statt Kartenvergrößerung im Bereich „Vier Ebenen“
   ============================================================ */

/* Karten bleiben in ihrer Größe stabil. Der Kurztext erscheint separat. */
.arch-mod {
  position: relative;
  overflow: visible;
}
.arch-mod:hover,
.arch-mod:focus-visible,
.arch-mod.is-active {
  transform: none;
  border-color: var(--layer-color, var(--accent));
  box-shadow: 0 8px 22px rgba(0,0,0,0.16);
  outline: none;
}
.arch-mod:hover .arch-mod-ico,
.arch-mod:focus-visible .arch-mod-ico,
.arch-mod.is-active .arch-mod-ico {
  background: var(--layer-color, var(--accent));
  color: #fff;
}

/* Text bleibt semantisch im Button, ist visuell aber nur im Popup sichtbar. */
.arch-mod-desc,
.arch-mod:hover .arch-mod-desc,
.arch-mod:focus-visible .arch-mod-desc,
.arch-mod.is-active .arch-mod-desc {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  border: 0 !important;
}

.arch-popover {
  --arch-arrow-x: 50%;
  position: fixed;
  z-index: 1200;
  width: max-content;
  max-width: min(270px, calc(100vw - 24px));
  padding: 10px 13px 11px;
  border: 1px solid rgba(203,183,127,0.52);
  border-radius: 10px;
  background: rgba(20,20,22,0.98);
  color: rgba(244,241,234,0.92);
  box-shadow: 0 16px 38px rgba(0,0,0,0.38);
  font-size: 0.78rem;
  font-weight: 560;
  line-height: 1.42;
  text-align: left;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(3px) scale(0.985);
  transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease;
}
.arch-popover.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}
.arch-popover::before,
.arch-popover::after {
  content: "";
  position: absolute;
  left: var(--arch-arrow-x);
  width: 0;
  height: 0;
  transform: translateX(-50%);
}
.arch-popover[data-placement="top"]::before {
  top: 100%;
  border: 7px solid transparent;
  border-top-color: rgba(203,183,127,0.52);
}
.arch-popover[data-placement="top"]::after {
  top: calc(100% - 1px);
  border: 6px solid transparent;
  border-top-color: rgba(20,20,22,0.98);
}
.arch-popover[data-placement="bottom"]::before {
  bottom: 100%;
  border: 7px solid transparent;
  border-bottom-color: rgba(203,183,127,0.52);
}
.arch-popover[data-placement="bottom"]::after {
  bottom: calc(100% - 1px);
  border: 6px solid transparent;
  border-bottom-color: rgba(20,20,22,0.98);
}

/* Die drei Leitclaims stehen mobil zentriert, einschließlich der Goldlinie. */
@media (max-width: 720px) {
  .hero-field .hero-chips,
  .hero-field.hero-centered .hero-chips {
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .hero-field .hero-chip,
  .hero-field.hero-centered .hero-chip {
    width: 100%;
    max-width: 360px;
    justify-content: center;
    text-align: center;
    white-space: normal;
  }
  .arch-popover {
    max-width: min(286px, calc(100vw - 28px));
    padding: 11px 13px 12px;
    font-size: 0.80rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .arch-popover { transition: none; }
}
/* v43: LinkedIn link in founder attribution */
.founder-name .founder-link {
  color: inherit;
  text-decoration: none;
}
.founder-name .founder-link strong {
  transition: color 160ms ease;
}
.founder-name .founder-link:hover strong,
.founder-name .founder-link:focus-visible strong {
  color: #d3b46f;
}
.founder-name .founder-link:focus-visible {
  outline: 2px solid rgba(211, 180, 111, 0.7);
  outline-offset: 3px;
  border-radius: 2px;
}


/* ============================================================
   Version 45: Durchgehendes dunkles Markensystem
   Original-Logo in Weiß, Hero-Markenanker, dunkler Header/Footer
   ============================================================ */

/* Exaktes Original-SVG bleibt geometrisch unverändert. */
.brand-logo-img,
.footer-bottom-logo,
.hero-brand-anchor img {
  object-fit: contain;
}

/* --- Header: dunkle, ruhige Fortsetzung der Hero-Bühne --- */
.site-header,
.site-header.is-compact {
  position: sticky;
  isolation: isolate;
  color: #f3f1eb;
  background:
    radial-gradient(84% 150% at 77% -42%, rgba(64, 79, 94, 0.34), transparent 66%),
    linear-gradient(180deg, rgba(18, 22, 27, 0.995), rgba(12, 14, 17, 0.995)) !important;
  border-bottom: 1px solid rgba(203, 183, 127, 0.20) !important;
  box-shadow: 0 12px 34px -28px rgba(0, 0, 0, 0.95);
}
.site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}
.site-header .top-banner,
.site-header .nav {
  position: relative;
  z-index: 1;
}
.top-banner {
  background: rgba(8, 9, 11, 0.76) !important;
  border-bottom-color: rgba(255,255,255,0.075) !important;
}
.top-banner-text { color: rgba(244, 242, 236, 0.78) !important; }

.site-header .nav-links { color: rgba(239, 239, 235, 0.70); }
.site-header .nav-links > a:not(.portal-button),
.site-header .nav-links .mobile-legal-link {
  color: rgba(239, 239, 235, 0.74);
}
.site-header .nav-links > a:not(.portal-button):hover,
.site-header .nav-links > a:not(.portal-button):focus-visible,
.site-header .nav-links .mobile-legal-link:hover,
.site-header .nav-links .mobile-legal-link:focus-visible {
  color: #d3b46f;
}
.site-header .logo:focus-visible,
.site-header .nav-links > a:focus-visible,
.site-header .nav-language-button:focus-visible {
  outline: 2px solid rgba(211, 180, 111, 0.72);
  outline-offset: 4px;
}

/* Header-CTA bleibt klar, aber ruhiger als der Hero-CTA. */
.site-header .portal-button,
.site-header .mobile-portal-button {
  background: rgba(203, 183, 127, 0.12) !important;
  border-color: rgba(203, 183, 127, 0.74) !important;
  color: #efe3c7 !important;
}
.site-header .portal-button:hover,
.site-header .mobile-portal-button:hover {
  background: #cbb77f !important;
  border-color: #cbb77f !important;
  color: #171511 !important;
}

/* Sprachwahl im dunklen Header. */
.site-header .nav-language-button {
  background: rgba(255,255,255,0.026) !important;
  border-color: rgba(203,183,127,0.38) !important;
  color: rgba(244,242,236,0.86) !important;
}
.site-header .nav-language-current,
.site-header .nav-language-chevron {
  color: inherit !important;
}
.site-header .nav-language-button:hover,
.site-header .nav-language:focus-within .nav-language-button {
  background: rgba(203,183,127,0.09) !important;
  border-color: rgba(203,183,127,0.70) !important;
}
.site-header .nav-language-menu {
  background: rgba(16, 17, 20, 0.985) !important;
  border-color: rgba(203,183,127,0.28) !important;
  box-shadow: 0 22px 52px rgba(0,0,0,0.42) !important;
}
.site-header .nav-language-menu a {
  color: rgba(244,242,236,0.82) !important;
}
.site-header .nav-language-menu a:hover,
.site-header .nav-language-menu a.active {
  background: rgba(203,183,127,0.14) !important;
  color: #d8bf82 !important;
}
.site-header .nav-language-menu a.active::after { color: #d8bf82 !important; }

.nav-toggle span { background: #e8e4dc !important; }
body.nav-open .nav-toggle span { background: #d3b46f !important; }
body.nav-open::before {
  background: rgba(2, 3, 5, 0.72) !important;
  backdrop-filter: blur(3px);
}

/* Mobiler Drawer verwendet dasselbe Markensystem. */
@media (max-width: 860px) {
  .site-header .nav-links {
    background:
      radial-gradient(120% 90% at 90% 0%, rgba(54, 69, 83, 0.30), transparent 62%),
      linear-gradient(180deg, rgba(18, 20, 24, 0.995), rgba(9, 10, 12, 0.995)) !important;
    border-left-color: rgba(203,183,127,0.22) !important;
    box-shadow: -22px 0 58px rgba(0,0,0,0.48) !important;
  }
  .site-header .nav-links a,
  .site-header .nav-links .mobile-legal-link {
    color: rgba(244,242,236,0.84) !important;
  }
  .site-header .nav-links a:hover,
  .site-header .nav-links a:focus-visible {
    color: #d3b46f !important;
  }
  .mobile-nav-separator {
    border-top-color: rgba(203,183,127,0.24) !important;
    color: #d3b46f !important;
  }
  .site-header .nav-links .nav-language-menu {
    background: rgba(255,255,255,0.025) !important;
    border-color: rgba(203,183,127,0.20) !important;
  }
}

/* --- Weißes Original-Logo als ruhiger Markenanker im Startseiten-Hero --- */
.hero-field > .hero.hero-dark { padding-bottom: 0; }
.hero-brand-anchor {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 20px auto -36px;
  pointer-events: none;
}
.hero-brand-anchor img {
  display: block;
  width: 104px;
  height: 104px;
  filter:
    drop-shadow(0 0 16px rgba(255,255,255,0.07))
    drop-shadow(0 0 28px rgba(203,183,127,0.075));
}
@media (max-width: 720px) {
  .hero-brand-anchor {
    margin-top: 24px;
    margin-bottom: -14px;
  }
  .hero-brand-anchor img {
    width: 80px;
    height: 80px;
  }
}

/* --- Footer: derselbe dunkle Rahmen, mit sehr schwachem V/Grid --- */
.site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: rgba(244,242,236,0.88);
  background:
    radial-gradient(90% 150% at 50% 112%, rgba(58, 69, 81, 0.28), transparent 65%),
    linear-gradient(180deg, #101216 0%, #090a0c 100%) !important;
  border-top: 1px solid rgba(203,183,127,0.24) !important;
}
.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(72% 90% at 50% 45%, #000 12%, transparent 80%);
          mask-image: radial-gradient(72% 90% at 50% 45%, #000 12%, transparent 80%);
}
.site-footer::after {
  content: "";
  position: absolute;
  left: 50%;
  top: auto;
  bottom: 8px;
  width: min(336px, 100%);
  height: 140px;
  z-index: 0;
  pointer-events: none;
  transform: translateX(-50%);
  background: url("assets/mf-footer-v658.svg") center top / contain no-repeat;
  opacity: 0.60;
}
@media (max-width: 720px) {
  .site-footer::after {
    top: auto;
    bottom: 60px;
    width: min(420px, 100%);
    height: 175px;
  }
}
.site-footer > .container {
  position: relative;
  z-index: 1;
}
.site-footer .footer-column-title { color: #f2eee5 !important; }
.site-footer .footer-grid p,
.site-footer .footer-bottom p { color: rgba(235,233,227,0.62) !important; }
.site-footer .footer-contact { color: rgba(235,233,227,0.64) !important; }
.site-footer .footer-contact span { color: #f2eee5 !important; }
.site-footer .footer-contact a,
.site-footer .footer-links,
.site-footer .footer-links a { color: rgba(235,233,227,0.64) !important; }
.site-footer .footer-contact a:hover,
.site-footer .footer-contact a:focus-visible,
.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible { color: #d3b46f !important; }
.site-footer .footer-bottom {
  border-top-color: rgba(203,183,127,0.18) !important;
}
.site-footer .language-switch a {
  background: rgba(255,255,255,0.026) !important;
  border-color: rgba(255,255,255,0.14) !important;
  color: rgba(244,242,236,0.70) !important;
}
.site-footer .language-switch a:hover,
.site-footer .language-switch a:focus-visible {
  border-color: rgba(203,183,127,0.60) !important;
  color: #d3b46f !important;
}
.site-footer .language-switch a.active {
  background: #cbb77f !important;
  border-color: #cbb77f !important;
  color: #151310 !important;
}
.site-footer a:focus-visible {
  outline: 2px solid rgba(211,180,111,0.72);
  outline-offset: 3px;
}


/* ============================================================
   Version 46: Hero-Markenanker freigestellt
   Redundanten Industrie-5.0-Kicker auf der Startseite entfernt.
   Das Original-Logo erhält einen klaren Abstand zur Manifest-Headline.
   ============================================================ */
.hero-brand-anchor {
  margin-top: 20px;
  margin-bottom: -8px;
}
.hero-field > .section.manifesto {
  padding-top: 88px;
}
@media (max-width: 720px) {
  .hero-brand-anchor {
    margin-top: 24px;
    margin-bottom: 0;
  }
  .hero-field > .section.manifesto {
    padding-top: 72px;
  }
}


/* ============================================================
   Version 47: Hero-Logo vollständig sichtbar + neues Favicon
   Der negative untere Rand wurde entfernt, damit das Original-SVG
   innerhalb des Hero-Bereichs nicht mehr angeschnitten wird.
   ============================================================ */
.hero-brand-anchor {
  margin-bottom: 0;
  line-height: 0;
  overflow: visible;
}
.hero-brand-anchor img {
  height: auto;
  overflow: visible;
}
.hero-field > .section.manifesto {
  padding-top: 80px;
}
@media (max-width: 720px) {
  .hero-field > .section.manifesto {
    padding-top: 72px;
  }
}



/* ============================================================
   Version 48A: Feine Linienfortführung im Hero-Logo (minimal)
   Original-SVG bleibt unverändert. Zusätzliche Linien erscheinen
   ausschließlich als separate Ebene hinter dem Logo.
   ============================================================ */
.hero-brand-anchor {
  position: relative;
  z-index: 2;
  display: block;
  width: 112px;
  height: 112px;
  margin: 20px auto 0;
  pointer-events: none;
  line-height: 0;
  overflow: visible;
}
.hero-brand-anchor .hero-brand-lines,
.hero-brand-anchor img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.hero-brand-anchor .hero-brand-lines {
  z-index: 0;
  background: url("assets/hero-logo-lines-a.svg") center / 100% 100% no-repeat;
  filter: drop-shadow(0 0 10px rgba(203,183,127,0.045));
}
.hero-brand-anchor img {
  z-index: 1;
  object-fit: contain;
  filter:
    drop-shadow(0 0 16px rgba(255,255,255,0.07))
    drop-shadow(0 0 28px rgba(203,183,127,0.075));
}
.hero-field > .section.manifesto {
  padding-top: 86px;
}
@media (max-width: 720px) {
  .hero-brand-anchor {
    width: 84px;
    height: 84px;
    margin-top: 24px;
  }
  .hero-brand-anchor .hero-brand-lines {
    opacity: 0.78;
  }
  .hero-field > .section.manifesto {
    padding-top: 76px;
  }
}
@media (max-width: 420px) {
  .hero-brand-anchor .hero-brand-lines {
    opacity: 0.0;
  }
}




/* ============================================================
   Version 50B: Tetrisartige Mikro-Systemmotive (subtil, etwas lesbarer)
   Kleine, unregelmäßige Cluster statt eines sichtbaren Boxenbands.
   ============================================================ */
@media (min-width: 861px) {
  .site-header .nav {
    isolation: isolate;
    overflow: hidden;
  }
  .site-header .nav::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(72vw, 1180px);
    height: 86px;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
    opacity: 0.58;
    background: url("assets/header-system-blocks.svg") center / 100% 100% no-repeat;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 22%, #000 34%, #000 86%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0%, transparent 22%, #000 34%, #000 86%, transparent 100%);
  }
  .site-header .nav > * {
    position: relative;
    z-index: 1;
  }
  .site-header.is-compact .nav::before {
    opacity: 0.49;
  }
}
@media (max-width: 860px) {
  .site-header .nav::before { display: none; }
}


/* ============================================================
   Version 51B: Organische Header-Mikroverpixelung (subtil, etwas präsenter)
   Keine lesbaren Blockformen; nur unregelmäßige 1–2px-Signale.
   ============================================================ */
@media (min-width: 861px) {
  .site-header .nav {
    isolation: isolate;
    overflow: hidden;
  }
  .site-header .nav::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(72vw, 1180px);
    height: 92px;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
    opacity: 0.55;
    background: url("assets/header-micro-pixels.svg") center / 100% 100% no-repeat;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 17%, rgba(0,0,0,.92) 29%, #000 46%, #000 72%, rgba(0,0,0,.35) 88%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0%, transparent 17%, rgba(0,0,0,.92) 29%, #000 46%, #000 72%, rgba(0,0,0,.35) 88%, transparent 100%);
  }
  .site-header .nav > * { position: relative; z-index: 1; }
  .site-header.is-compact .nav::before { opacity: 0.473; }
}
@media (max-width: 860px) {
  .site-header .nav::before { display: none; }
}


/* ============================================================
   Version 52: Organisch ausbalancierte Header-Mikroverpixelung
   Drei diffuse Mikrofelder mit großen Ruhezonen; Logo und Navigation
   bleiben vollständig freigestellt. Mobil weiterhin deaktiviert.
   ============================================================ */
@media (min-width: 861px) {
  .site-header .nav {
    isolation: isolate;
    overflow: hidden;
  }
  .site-header .nav::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(72vw, 1180px);
    height: 92px;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
    opacity: 0.60;
    background: url("assets/header-micro-pixels-organic.svg") center / 100% 100% no-repeat;
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%, transparent 14%,
      rgba(0,0,0,.72) 20%, #000 27%,
      #000 49%, rgba(0,0,0,.70) 54%,
      transparent 60%, transparent 100%);
            mask-image: linear-gradient(90deg,
      transparent 0%, transparent 14%,
      rgba(0,0,0,.72) 20%, #000 27%,
      #000 49%, rgba(0,0,0,.70) 54%,
      transparent 60%, transparent 100%);
  }
  .site-header .nav > * {
    position: relative;
    z-index: 1;
  }
  .site-header.is-compact .nav::before {
    opacity: 0.52;
  }
}
@media (max-width: 860px) {
  .site-header .nav::before {
    display: none;
  }
}


/* ============================================================
   Version 53: Organische Mikroverpixelung – sichtbarere Ausführung
   Verteilung aus v52 bleibt erhalten; Dichte und Wahrnehmbarkeit werden
   moderat angehoben, ohne Logo oder Navigation zu bedrängen.
   ============================================================ */
@media (min-width: 861px) {
  .site-header .nav::before {
    width: min(72vw, 1180px);
    height: 92px;
    opacity: 0.82;
    background-image: url("assets/header-micro-pixels-visible.svg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%, transparent 13%,
      rgba(0,0,0,.80) 19%, #000 25%,
      #000 50%, rgba(0,0,0,.76) 55%,
      transparent 61%, transparent 100%);
            mask-image: linear-gradient(90deg,
      transparent 0%, transparent 13%,
      rgba(0,0,0,.80) 19%, #000 25%,
      #000 50%, rgba(0,0,0,.76) 55%,
      transparent 61%, transparent 100%);
  }
  .site-header.is-compact .nav::before {
    opacity: 0.72;
  }
}
@media (max-width: 860px) {
  .site-header .nav::before { display: none; }
}


/* ============================================================
   Version 54B: Subtil helixartige Header-Mikrostruktur
   Zwei lose, gegeneinander versetzte Signalbewegungen ohne sichtbare
   DNA-Grafik, ohne regelmäßige Querstreben und ohne Animation.
   ============================================================ */
@media (min-width: 861px) {
  .site-header .nav::before {
    width: min(72vw, 1180px);
    height: 96px;
    opacity: 0.86;
    background-image: url("assets/header-micro-helix-b.svg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%, transparent 13%,
      rgba(0,0,0,.78) 18%, #000 23%,
      #000 51%, rgba(0,0,0,.72) 56%,
      transparent 62%, transparent 100%);
            mask-image: linear-gradient(90deg,
      transparent 0%, transparent 13%,
      rgba(0,0,0,.78) 18%, #000 23%,
      #000 51%, rgba(0,0,0,.72) 56%,
      transparent 62%, transparent 100%);
  }
  .site-header.is-compact .nav::before { opacity: 0.740; }
}
@media (max-width: 860px) { .site-header .nav::before { display: none; } }


/* ============================================================
   Version 55: Responsiver Daten-/Quellcode-Tunnel im Header
   Eigene Hintergrundebene unter Logo und Navigation. Desktop und Mobil
   verwenden getrennt optimierte Bildfassungen; alle Funktionen bleiben unverändert.
   ============================================================ */
.site-header,
.site-header.is-compact {
  overflow: hidden;
}

/* Frühere Mikro-/Helix-Ebene vollständig deaktivieren. */
.site-header .nav::before {
  display: none !important;
}

.site-header::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 36px;
  bottom: 0;
  background-image:
    linear-gradient(90deg,
      rgba(8,10,13,0.54) 0%,
      rgba(9,12,16,0.27) 30%,
      rgba(9,11,14,0.30) 66%,
      rgba(8,9,11,0.70) 100%),
    linear-gradient(180deg,
      rgba(10,12,15,0.20) 0%,
      rgba(8,9,11,0.45) 100%),
    url("assets/header-data-tunnel-desktop.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.76;
  filter: saturate(0.68) contrast(0.92);
  -webkit-mask-image: linear-gradient(90deg,
    rgba(0,0,0,0.88) 0%, #000 15%, #000 82%, rgba(0,0,0,0.62) 100%);
          mask-image: linear-gradient(90deg,
    rgba(0,0,0,0.88) 0%, #000 15%, #000 82%, rgba(0,0,0,0.62) 100%);
}

.site-header.is-compact::after {
  top: 0;
  opacity: 0.69;
}

.site-header .top-banner,
.site-header .nav {
  position: relative;
  z-index: 2;
}

/* Ruhige Leseschutzzonen für Logo und Navigation, ohne harte Flächen. */
.site-header .logo::before,
.site-header .nav-links::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: -18px -28px;
  background: radial-gradient(ellipse at center,
    rgba(10,12,15,0.76) 0%,
    rgba(10,12,15,0.42) 50%,
    transparent 78%);
  filter: blur(8px);
}
.site-header .logo,
.site-header .nav-links {
  isolation: isolate;
}

@media (max-width: 860px) {
  .site-header::after {
    top: 34px;
    background-image:
      linear-gradient(90deg,
        rgba(8,10,13,0.56) 0%,
        rgba(8,10,13,0.28) 48%,
        rgba(8,9,11,0.64) 100%),
      linear-gradient(180deg,
        rgba(8,10,13,0.16) 0%,
        rgba(8,9,11,0.50) 100%),
      url("assets/header-data-tunnel-mobile.webp");
    background-position: 58% center;
    background-size: cover;
    opacity: 0.68;
    filter: saturate(0.62) contrast(0.90);
    -webkit-mask-image: none;
            mask-image: none;
  }
  .site-header.is-compact::after {
    top: 0;
    opacity: 0.63;
  }
  .site-header .logo::before {
    inset: -14px -20px;
    background: radial-gradient(ellipse at center,
      rgba(8,10,13,0.82) 0%, rgba(8,10,13,0.40) 54%, transparent 80%);
  }
  .site-header .nav-links::before {
    display: none;
  }
}

@media (max-width: 520px) {
  .site-header::after {
    top: 34px;
    background-position: 62% center;
    opacity: 0.62;
  }
}

@media (prefers-reduced-data: reduce) {
  .site-header::after {
    background-image:
      linear-gradient(180deg, rgba(18,22,27,0.995), rgba(12,14,17,0.995));
  }
}

/* ============================================================
   Version 56: Datenraum final integrieren
   - ruhiger Logo-Schutzraum ohne sichtbare Plakette
   - Hero-Logo als schemenhaftes Element der V-Architektur
   - Sprachmenü vollständig über allen Ebenen sichtbar
   ============================================================ */

/* Header darf interaktive Dropdowns nicht mehr beschneiden. */
.site-header,
.site-header.is-compact {
  overflow: visible !important;
}
.site-header::after {
  clip-path: inset(0);
}

/* Desktop: Nav und Sprachmenü aus früheren Dekor-Overflow-Regeln lösen. */
@media (min-width: 861px) {
  .site-header .nav,
  .site-header .nav-links,
  .site-header .nav-language {
    overflow: visible !important;
  }
  .site-header .nav-language {
    position: relative;
    isolation: isolate;
    z-index: 120;
  }
  .site-header .nav-language-menu {
    z-index: 500 !important;
  }
}

/* Gleichmäßiger Anthrazit-Schutzraum hinter dem weißen Header-Logo.
   Bewusst weich und lokal, ohne sichtbare Box oder Card. */
.site-header .logo {
  isolation: isolate;
  position: relative;
}
.site-header .logo::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  left: 50%;
  top: 50%;
  width: 154px;
  height: 126px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(ellipse at center,
    rgba(27,31,36,0.98) 0%,
    rgba(23,27,32,0.94) 34%,
    rgba(18,22,27,0.72) 56%,
    rgba(12,15,19,0.24) 74%,
    transparent 88%);
  filter: blur(8px);
}
.site-header.is-compact .logo::before {
  width: 132px;
  height: 104px;
  opacity: 0.96;
}

/* Das Logo in der römischen V bleibt das unveränderte Original-SVG,
   wird aber wie ein Wasserzeichen Teil der Linienarchitektur. */
.hero-brand-anchor img {
  opacity: 0.255;
  filter:
    brightness(0)
    saturate(100%)
    invert(84%)
    sepia(18%)
    saturate(610%)
    hue-rotate(4deg)
    brightness(91%)
    contrast(88%);
}
.hero-brand-anchor .hero-brand-lines {
  opacity: 0.64;
  filter: none;
}

/* Mobil: Logo-Schutzraum verkleinern; schemenhaftes V-Logo weiter reduzieren. */
@media (max-width: 860px) {
  .site-header .logo::before {
    width: 116px;
    height: 96px;
    background: radial-gradient(ellipse at center,
      rgba(27,31,36,0.98) 0%,
      rgba(22,26,31,0.92) 36%,
      rgba(17,21,26,0.62) 58%,
      rgba(11,14,18,0.18) 76%,
      transparent 89%);
    filter: blur(7px);
  }
  .hero-brand-anchor img {
    opacity: 0.19;
  }
  .hero-brand-anchor .hero-brand-lines {
    opacity: 0.48;
  }

  /* Im mobilen Drawer bleibt das Menü im normalen Dokumentfluss:
     vollständig sichtbar, ohne Clipping durch den scrollbaren Drawer. */
  .site-header .nav-links .nav-language {
    z-index: 140;
  }
  .site-header .nav-links .nav-language-menu {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: min(212px, calc(100vw - 64px)) !important;
    min-width: 0 !important;
    margin-top: 8px !important;
    z-index: 160 !important;
  }
}

@media (max-width: 420px) {
  .hero-brand-anchor img,
  .hero-brand-anchor .hero-brand-lines {
    display: none !important;
  }
}

/* ============================================================
   Version 57: Hero-Logo als digitales Echo im V
   Das Original-SVG dient als exakte Maske für eine gedämpfte
   Datentunnel-Textur. Keine weiße Zweitmarke, kein Glow.
   ============================================================ */
.hero-brand-anchor {
  isolation: isolate;
}

/* Exaktes Originalzeichen als maskierte Datentunnel-Ebene. */
.hero-brand-anchor::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  -webkit-mask-image: url("assets/420plus-logo-mark-line-white.svg");
          mask-image: url("assets/420plus-logo-mark-line-white.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-image:
    linear-gradient(135deg,
      rgba(121, 146, 157, 0.96) 0%,
      rgba(104, 132, 146, 0.90) 42%,
      rgba(160, 145, 112, 0.82) 72%,
      rgba(118, 139, 146, 0.90) 100%),
    linear-gradient(90deg,
      transparent 0%,
      rgba(221, 231, 232, 0.24) 32%,
      transparent 43%,
      rgba(207, 184, 129, 0.19) 62%,
      transparent 76%),
    url("assets/header-data-tunnel-desktop.webp");
  background-repeat: no-repeat;
  background-position: center, center, 49% 51%;
  background-size: 100% 100%, 100% 100%, 310% auto;
  background-blend-mode: color, screen, luminosity;
  opacity: 0.145;
  filter: saturate(0.58) contrast(1.06);
}

/* Das geladene Original-SVG bleibt als kaum sichtbare metallische
   Geometriesicherung erhalten, ohne reines Weiß. */
.hero-brand-anchor img {
  z-index: 2;
  opacity: 0.035;
  filter:
    brightness(0)
    saturate(100%)
    invert(74%)
    sepia(10%)
    saturate(455%)
    hue-rotate(146deg)
    brightness(91%)
    contrast(86%);
}

/* Innenlinien bleiben nur als leise Systemspur sichtbar. */
.hero-brand-anchor .hero-brand-lines {
  z-index: 0;
  opacity: 0.31;
  filter: saturate(0.65) brightness(0.90);
}

/* Tablet: Textur und Kontur nochmals zurücknehmen. */
@media (max-width: 1024px) {
  .hero-brand-anchor::after {
    opacity: 0.112;
    background-size: 100% 100%, 100% 100%, 350% auto;
  }
  .hero-brand-anchor img {
    opacity: 0.028;
  }
  .hero-brand-anchor .hero-brand-lines {
    opacity: 0.25;
  }
}

/* Mobil: nur noch ein sehr leises Echo; kleinste Ansichten bleiben frei. */
@media (max-width: 720px) {
  .hero-brand-anchor::after {
    opacity: 0.075;
    background-image:
      linear-gradient(135deg,
        rgba(117, 140, 151, 0.94),
        rgba(151, 139, 111, 0.72)),
      url("assets/header-data-tunnel-mobile.webp");
    background-position: center, 54% 50%;
    background-size: 100% 100%, 330% auto;
    background-blend-mode: color, luminosity;
  }
  .hero-brand-anchor img {
    opacity: 0.018;
  }
  .hero-brand-anchor .hero-brand-lines {
    opacity: 0.18;
  }
}

@media (max-width: 420px) {
  .hero-brand-anchor::after {
    display: none !important;
  }
}

/* ============================================================
   Version 58: Digitales Echo ausgewogen sichtbar
   v57 war in realer Browserdarstellung zu dunkel. Die maskierte
   Datentunnel-Textur bleibt untergeordnet, Logoform und 420 sind
   nun wieder subtil, aber sicher erkennbar.
   ============================================================ */
.hero-brand-anchor::after {
  opacity: 0.205;
  background-image:
    linear-gradient(135deg,
      rgba(132, 158, 169, 0.98) 0%,
      rgba(111, 143, 156, 0.94) 38%,
      rgba(168, 151, 112, 0.88) 70%,
      rgba(124, 148, 157, 0.94) 100%),
    linear-gradient(90deg,
      transparent 0%,
      rgba(226, 235, 235, 0.30) 29%,
      transparent 43%,
      rgba(211, 187, 127, 0.24) 61%,
      transparent 78%),
    url("assets/header-data-tunnel-desktop.webp");
  background-position: center, center, 49% 51%;
  background-size: 100% 100%, 100% 100%, 275% auto;
  background-blend-mode: color, screen, luminosity;
  filter: saturate(0.62) brightness(1.13) contrast(1.10);
}

.hero-brand-anchor img {
  opacity: 0.062;
  filter:
    brightness(0)
    saturate(100%)
    invert(77%)
    sepia(9%)
    saturate(520%)
    hue-rotate(145deg)
    brightness(96%)
    contrast(90%);
}

.hero-brand-anchor .hero-brand-lines {
  opacity: 0.39;
  filter: saturate(0.70) brightness(0.96);
}

@media (max-width: 1024px) {
  .hero-brand-anchor::after {
    opacity: 0.158;
    background-size: 100% 100%, 100% 100%, 315% auto;
  }
  .hero-brand-anchor img { opacity: 0.048; }
  .hero-brand-anchor .hero-brand-lines { opacity: 0.32; }
}

@media (max-width: 720px) {
  .hero-brand-anchor::after {
    opacity: 0.095;
    background-image:
      linear-gradient(135deg,
        rgba(125, 150, 161, 0.96),
        rgba(158, 144, 108, 0.78)),
      url("assets/header-data-tunnel-mobile.webp");
    background-position: center, 54% 50%;
    background-size: 100% 100%, 300% auto;
    background-blend-mode: color, luminosity;
    filter: saturate(0.58) brightness(1.08) contrast(1.06);
  }
  .hero-brand-anchor img { opacity: 0.030; }
  .hero-brand-anchor .hero-brand-lines { opacity: 0.22; }
}


/* ============================================================
   Version 59: V-Logo mit goldener Kontur und Datentunnel-Textur
   Das innere 420+-Zeichen bleibt das Original-SVG, erscheint aber
   als schemenhaftes, warm-metallisches Wasserzeichen mit sehr
   subtiler Datentunnel-Tiefe innerhalb der Maskenform.
   ============================================================ */
.hero-brand-anchor {
  isolation: isolate;
}

/* Digitale Echo-Textur: maskiert auf die exakte Form des Original-Logos,
   farblich zwischen kühlem Tunnelgrau und warmem V-Gold balanciert. */
.hero-brand-anchor::after {
  opacity: 0.118;
  background-image:
    linear-gradient(135deg,
      rgba(190, 175, 140, 0.96) 0%,
      rgba(155, 151, 139, 0.92) 20%,
      rgba(119, 141, 151, 0.92) 40%,
      rgba(197, 181, 141, 0.90) 66%,
      rgba(137, 154, 161, 0.90) 100%),
    linear-gradient(90deg,
      transparent 0%,
      rgba(215, 197, 150, 0.16) 26%,
      transparent 38%,
      rgba(162, 182, 189, 0.16) 55%,
      transparent 70%,
      rgba(205, 188, 146, 0.10) 82%,
      transparent 100%),
    url("assets/header-data-tunnel-desktop.webp");
  background-repeat: no-repeat;
  background-position: center, center, 50% 50%;
  background-size: 100% 100%, 100% 100%, 280% auto;
  background-blend-mode: color, screen, luminosity;
  filter: saturate(0.44) brightness(1.02) contrast(1.03);
}

/* Metallische Goldkontur des exakten Original-SVG. Deutlich untergeordnet
   gegenüber der römischen V, aber als Geometriespur erkennbar. */
.hero-brand-anchor img {
  opacity: 0.152;
  filter:
    brightness(0)
    saturate(100%)
    invert(77%)
    sepia(24%)
    saturate(430%)
    hue-rotate(356deg)
    brightness(89%)
    contrast(88%);
}

/* Die vorhandenen Innenlinien bleiben als ganz leise Systemspur erhalten
   und rücken farblich näher an den Goldton der V. */
.hero-brand-anchor .hero-brand-lines {
  opacity: 0.24;
  filter: saturate(0.92) brightness(0.94);
}

@media (max-width: 1024px) {
  .hero-brand-anchor::after {
    opacity: 0.096;
    background-size: 100% 100%, 100% 100%, 305% auto;
  }
  .hero-brand-anchor img {
    opacity: 0.124;
  }
  .hero-brand-anchor .hero-brand-lines {
    opacity: 0.18;
  }
}

@media (max-width: 720px) {
  .hero-brand-anchor::after {
    opacity: 0.072;
    background-image:
      linear-gradient(135deg,
        rgba(184, 170, 136, 0.94),
        rgba(126, 145, 153, 0.88),
        rgba(188, 173, 135, 0.90)),
      url("assets/header-data-tunnel-mobile.webp");
    background-position: center, 54% 50%;
    background-size: 100% 100%, 295% auto;
    background-blend-mode: color, luminosity;
    filter: saturate(0.38) brightness(1.00) contrast(1.02);
  }
  .hero-brand-anchor img {
    opacity: 0.086;
  }
  .hero-brand-anchor .hero-brand-lines {
    opacity: 0.12;
  }
}

@media (max-width: 420px) {
  .hero-brand-anchor::after,
  .hero-brand-anchor img,
  .hero-brand-anchor .hero-brand-lines {
    display: none !important;
  }
}

/* v59 Feinabstimmung: Datentunnel ausschließlich in den vier geschützten
   Innenfeldern. Die 420-Ziffern und die goldene Außenkontur bleiben frei. */
.hero-brand-anchor::after {
  display: none !important;
}
.hero-brand-anchor::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  -webkit-mask-image: url("assets/hero-logo-data-fields-mask.svg");
          mask-image: url("assets/hero-logo-data-fields-mask.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-image:
    linear-gradient(135deg,
      rgba(201, 184, 142, 0.48),
      rgba(119, 143, 153, 0.62) 42%,
      rgba(188, 171, 132, 0.42) 75%),
    url("assets/header-data-tunnel-desktop.webp");
  background-repeat: no-repeat;
  background-position: center, 50% 50%;
  background-size: 100% 100%, 250% auto;
  background-blend-mode: color, luminosity;
  opacity: 0.14;
  filter: saturate(0.42) brightness(1.05) contrast(1.08);
}
.hero-brand-anchor img {
  z-index: 2;
  opacity: 0.165;
  filter:
    brightness(0)
    saturate(100%)
    invert(78%)
    sepia(29%)
    saturate(420%)
    hue-rotate(356deg)
    brightness(88%)
    contrast(88%);
}
.hero-brand-anchor .hero-brand-lines {
  z-index: 0;
  opacity: 0.22;
}
@media (max-width: 1024px) {
  .hero-brand-anchor::before {
    opacity: 0.105;
    background-size: 100% 100%, 285% auto;
  }
  .hero-brand-anchor img { opacity: 0.132; }
  .hero-brand-anchor .hero-brand-lines { opacity: 0.17; }
}
@media (max-width: 720px) {
  .hero-brand-anchor::before {
    opacity: 0.068;
    background-image:
      linear-gradient(135deg,
        rgba(193, 177, 139, 0.44),
        rgba(123, 145, 153, 0.55),
        rgba(184, 168, 131, 0.38)),
      url("assets/header-data-tunnel-mobile.webp");
    background-position: center, 54% 50%;
    background-size: 100% 100%, 290% auto;
  }
  .hero-brand-anchor img { opacity: 0.090; }
  .hero-brand-anchor .hero-brand-lines { opacity: 0.11; }
}
@media (max-width: 420px) {
  .hero-brand-anchor::before,
  .hero-brand-anchor img,
  .hero-brand-anchor .hero-brand-lines {
    display: none !important;
  }
}

/* v59 finale Sichtbarkeitsabstimmung: strukturierte Datenfragmente in den
   markierten Innenfeldern, weiterhin ohne Überlagerung der Ziffern. */
.hero-brand-anchor::before {
  background-image:
    url("assets/hero-logo-data-pattern.svg"),
    linear-gradient(135deg,
      rgba(201, 184, 142, 0.44),
      rgba(119, 143, 153, 0.58) 42%,
      rgba(188, 171, 132, 0.38) 75%),
    url("assets/header-data-tunnel-desktop.webp");
  background-position: center, center, 50% 50%;
  background-size: 100% 100%, 100% 100%, 250% auto;
  background-blend-mode: screen, color, luminosity;
  opacity: 0.19;
}
@media (max-width: 1024px) {
  .hero-brand-anchor::before { opacity: 0.14; }
}
@media (max-width: 720px) {
  .hero-brand-anchor::before {
    background-image:
      url("assets/hero-logo-data-pattern.svg"),
      linear-gradient(135deg,
        rgba(193, 177, 139, 0.40),
        rgba(123, 145, 153, 0.50),
        rgba(184, 168, 131, 0.34)),
      url("assets/header-data-tunnel-mobile.webp");
    background-position: center, center, 54% 50%;
    background-size: 100% 100%, 100% 100%, 290% auto;
    opacity: 0.075;
  }
}


/* ============================================================
   Version 61: Industrie-5.0-Emblem + kleine V im Markenanker
   ============================================================ */

/* Eigene, dekorative V-Ebene innerhalb des bestehenden 420+-Markenankers.
   Das Original-Logo bleibt unverändert und liegt darüber. */
.hero-brand-anchor .hero-brand-v {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: url("assets/hero-logo-inner-v.svg") center / 100% 100% no-repeat;
  opacity: 0.72;
}
.hero-brand-anchor .hero-brand-lines {
  z-index: 1;
}
.hero-brand-anchor::before {
  z-index: 2;
}
.hero-brand-anchor img {
  z-index: 3;
}

/* Thematischer Übergangsmarker auf der Industrie-5.0-Seite. */
.i5-emblem-transition {
  position: relative;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 176px;
  margin: -8px 0 -18px;
  pointer-events: none;
}
.i5-emblem-transition::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(34vw, 430px);
  height: 150px;
  transform: translate(-50%, -50%);
  background: radial-gradient(ellipse at center, rgba(16,19,23,0.78), rgba(10,12,15,0.24) 58%, transparent 78%);
  filter: blur(8px);
}
.i5-emblem-transition img {
  position: relative;
  z-index: 1;
  display: block;
  width: clamp(154px, 13.2vw, 184px);
  height: auto;
  opacity: 0.88;
  filter: drop-shadow(0 0 18px rgba(195,168,143,0.045));
}

@media (max-width: 1024px) {
  .hero-brand-anchor .hero-brand-v { opacity: 0.62; }
  .i5-emblem-transition {
    min-height: 154px;
    margin-top: -5px;
    margin-bottom: -14px;
  }
  .i5-emblem-transition img {
    width: clamp(132px, 17vw, 154px);
    opacity: 0.82;
  }
}

@media (max-width: 720px) {
  .hero-brand-anchor .hero-brand-v {
    opacity: 0.56;
    transform: scale(0.98);
  }
  .i5-emblem-transition {
    min-height: 126px;
    margin-top: -2px;
    margin-bottom: -8px;
  }
  .i5-emblem-transition::before {
    width: 240px;
    height: 112px;
  }
  .i5-emblem-transition img {
    width: clamp(96px, 28vw, 114px);
    opacity: 0.76;
  }
}

@media (max-width: 420px) {
  .hero-brand-anchor .hero-brand-v {
    display: none !important;
  }
}


/* ============================================================
   Version 69/70: transparente I5-Emblem-Variante + Hero-Position
   ============================================================ */
.i5-doc .i5-emblem-transition {
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
.i5-doc .i5-emblem-transition::before {
  content: none !important;
  display: none !important;
}
.i5-doc .subpage-keyvisual > .section {
  border-top: 0 !important;
}
.i5-closing .button.ghost,
.module-hero-actions .button.ghost {
  color: var(--i5-white);
}


/* ============================================================
   Version 72: Industrie-5.0-Emblem exakt an Hero-Anker ausrichten
   ============================================================ */
.i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor {
  position: relative;
  z-index: 2;
  display: block;
  width: 96px;
  min-height: 0 !important;
  height: auto;
  margin: 20px auto -6px !important;
  padding: 0;
  line-height: 0;
  pointer-events: none;
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}
.i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor::before,
.i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor::after {
  content: none !important;
  display: none !important;
}
.i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor img {
  display: block;
  width: 100% !important;
  height: auto;
  opacity: 0.74;
  filter: drop-shadow(0 0 12px rgba(195,168,143,0.08));
}
@media (max-width: 720px) {
  .i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor {
    width: 82px;
    margin: 18px auto -4px !important;
  }
  .i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor img {
    opacity: 0.68;
  }
}


/* ============================================================
   Version 73: echtes transparentes Industrie-5.0-Emblem
   ============================================================ */
.i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor {
  width: 100px;
  margin: 18px auto -4px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor img {
  width: 100% !important;
  opacity: 0.72;
  filter: drop-shadow(0 0 8px rgba(203,183,127,0.06));
}
@media (max-width: 720px) {
  .i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor {
    width: 86px;
    margin: 16px auto -2px !important;
  }
  .i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor img {
    opacity: 0.68;
  }
}

/* ============================================================
   Version 76: Ledger-Emblem + Header dauerhaft in Originalgröße
   ============================================================ */

/* Freistehendes Ledger-Emblem aus der lizenzierten Kettengrafik. */
.ledger-emblem-anchor {
  position: relative;
  z-index: 2;
  display: block;
  width: 104px;
  height: 104px;
  margin: 20px auto -6px;
  padding: 0;
  line-height: 0;
  pointer-events: none;
  background: transparent;
  border: 0;
  overflow: visible;
}
.ledger-emblem-anchor img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.90;
  filter: drop-shadow(0 0 13px rgba(195,168,143,0.10));
}
@media (max-width: 720px) {
  .ledger-emblem-anchor {
    width: 88px;
    height: 88px;
    margin: 18px auto -4px;
  }
  .ledger-emblem-anchor img { opacity: 0.84; }
}

/* Header und Logo bleiben beim Scrollen auf Desktop und Mobil unverändert.
   Das obere Leitband bleibt dauerhaft sichtbar. */
.site-header.is-compact .top-banner {
  max-height: 64px !important;
  opacity: 1 !important;
  border-bottom-color: rgba(255,255,255,0.075) !important;
}

@media (min-width: 861px) {
  .site-header.is-compact .nav {
    min-height: 104px !important;
  }
  .site-header.is-compact .brand-logo-img {
    width: 88px !important;
    height: 88px !important;
  }
  .site-header.is-compact .logo::before {
    width: 154px !important;
    height: 126px !important;
    opacity: 1 !important;
  }
}

@media (min-width: 521px) and (max-width: 860px) {
  .site-header.is-compact .nav {
    min-height: 74px !important;
  }
  .site-header.is-compact .brand-logo-img {
    width: 54px !important;
    height: 54px !important;
  }
  .site-header.is-compact .logo::before {
    width: 116px !important;
    height: 96px !important;
    opacity: 1 !important;
  }
}

@media (max-width: 520px) {
  .site-header.is-compact .nav {
    min-height: 68px !important;
  }
  .site-header.is-compact .brand-logo-img {
    width: 52px !important;
    height: 52px !important;
  }
  .site-header.is-compact .logo::before {
    width: 116px !important;
    height: 96px !important;
    opacity: 1 !important;
  }
}

/* Ankerziele an den nun dauerhaft hohen Sticky-Header anpassen. */
html { scroll-padding-top: 150px !important; }
@media (max-width: 860px) {
  html { scroll-padding-top: 118px !important; }
}


/* ============================================================
   Version 77: Ledger-Emblem leicht gedreht und sauber freigestellt
   ============================================================ */
.ledger-emblem-anchor {
  width: 108px;
  height: 96px;
  margin: 18px auto -2px;
}
.ledger-emblem-anchor img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.90;
  transform: rotate(-16deg) scale(0.90) translateY(-2px);
  transform-origin: center center;
}
@media (max-width: 720px) {
  .ledger-emblem-anchor {
    width: 92px;
    height: 82px;
    margin: 16px auto 0;
  }
  .ledger-emblem-anchor img {
    opacity: 0.84;
    transform: rotate(-16deg) scale(0.88) translateY(-2px);
  }
}


/* ============================================================
   Version 78: gemeinsame Emblem-Position + kontinuierlicher Header-Datenfluss
   ============================================================ */

/* Gemeinsamer geometrischer Anker: Buttons und Emblem sitzen auf Startseite,
   Industrie 5.0 und Ledger auf derselben Höhe innerhalb des großen V. */
.hero-emblem-stack {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 4;
}
.hero-emblem-stack .hero-actions,
.hero-emblem-stack .module-hero-actions {
  margin: 0 !important;
  justify-content: center;
  min-height: 50px;
}

@media (min-width: 861px) {
  .hero-field > .hero.hero-dark,
  .i5-doc .subpage-keyvisual .module-hero {
    min-height: 650px;
    box-sizing: border-box;
  }
  .hero-field.hero-centered .hero-content,
  .i5-doc .subpage-keyvisual .module-hero .container {
    position: relative;
  }
  .hero-field.hero-centered .hero-emblem-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack {
    position: absolute;
    top: 345px;
    left: 0;
    right: 0;
  }
}

/* Auf kleineren Viewports bleibt die Gruppe im Dokumentfluss, aber mit
   identischen Abständen und einer gemeinsamen optischen Mitte. */
@media (max-width: 860px) {
  .hero-emblem-stack {
    position: relative;
    margin-top: 28px;
  }
  .hero-field .hero-chips {
    margin-bottom: 0 !important;
  }
  .i5-doc .subpage-keyvisual .module-lead {
    margin-bottom: 0 !important;
  }
}

/* Alle drei Embleme verwenden dieselbe 116px-Ankerfläche. */
.hero-brand-anchor,
.i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor,
.ledger-emblem-anchor {
  position: relative !important;
  display: block !important;
  width: 116px !important;
  height: 116px !important;
  min-height: 0 !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  line-height: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none;
}

/* Startseitenlogo: klare gold-bronzene Kontur statt schemenhafter Wasserzeichenwirkung. */
.hero-brand-anchor img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 0.82 !important;
  filter:
    brightness(0)
    saturate(100%)
    invert(79%)
    sepia(31%)
    saturate(510%)
    hue-rotate(356deg)
    brightness(88%)
    contrast(94%)
    drop-shadow(0 0 10px rgba(203,183,127,0.12)) !important;
}
.hero-brand-anchor::before,
.hero-brand-anchor::after {
  opacity: 0.045 !important;
}
.hero-brand-anchor .hero-brand-lines {
  opacity: 0.16 !important;
}
.hero-brand-anchor .hero-brand-v {
  opacity: 0.42 !important;
}

/* Industrie-5.0-Emblem rund 10 % größer, damit es der Startseite näher kommt. */
.i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor img {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 124px !important;
  height: 124px !important;
  max-width: none !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0.88 !important;
  filter: drop-shadow(0 0 10px rgba(203,183,127,0.11)) !important;
}

/* Ledger-Kette ebenfalls etwas größer und sauber symmetrisch in der Mitte. */
.ledger-emblem-anchor img {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 150px !important;
  height: 150px !important;
  max-width: none !important;
  object-fit: contain !important;
  transform: translate(-50%, -50%) rotate(-44deg) scale(1) !important;
  transform-origin: center center !important;
  opacity: 0.95 !important;
  filter: drop-shadow(0 0 12px rgba(203,183,127,0.13)) !important;
}

@media (max-width: 720px) {
  .hero-brand-anchor,
  .i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor,
  .ledger-emblem-anchor {
    width: 94px !important;
    height: 94px !important;
    margin-top: 16px !important;
  }
  .hero-brand-anchor img {
    opacity: 0.78 !important;
  }
  .i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor img {
    width: 102px !important;
    height: 102px !important;
    opacity: 0.84 !important;
  }
  .ledger-emblem-anchor img {
    width: 122px !important;
    height: 122px !important;
    opacity: 0.91 !important;
  }
}

/* Der Datenraum im Header bleibt dauerhaft in Bewegung. Die Scrollrichtung
   bestimmt die Flussrichtung; im Stillstand läuft er langsam weiter. */
.site-header::after,
.site-header.is-compact::after {
  left: -6% !important;
  right: -6% !important;
  top: 36px !important;
  bottom: 0 !important;
  opacity: var(--header-flow-opacity, 0.73) !important;
  transform: translate3d(
      var(--header-flow-x, 0px),
      var(--header-flow-y, 0px),
      0
    ) scale(var(--header-flow-scale, 1.09));
  transform-origin: center center;
  will-change: transform, opacity;
  transition: none !important;
}

@media (max-width: 860px) {
  .site-header::after,
  .site-header.is-compact::after {
    top: 34px !important;
    left: -9% !important;
    right: -9% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header::after,
  .site-header.is-compact::after {
    transform: scale(1.08) !important;
    opacity: 0.70 !important;
  }
}


/* ============================================================
   Version 79: Startseiten-Emblem in exakt #A3946E
   ============================================================ */
.hero-brand-anchor img {
  opacity: 0.94 !important;
  filter: drop-shadow(0 0 10px rgba(163,148,110,0.16)) !important;
}
@media (max-width: 720px) {
  .hero-brand-anchor img {
    opacity: 0.90 !important;
  }
}


/* ============================================================
   Version 80: fortlaufender Matrix-/Deploy-Datenfluss im Header
   Vier sequenzielle Bildzustände statt Hin-und-her-Schwenken.
   ============================================================ */
.site-header::after,
.site-header.is-compact::after {
  content: none !important;
  display: none !important;
}

.header-deploy-flow {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 36px;
  bottom: 0;
  overflow: hidden;
  background:
    linear-gradient(90deg,
      rgba(8,10,13,0.76) 0%,
      rgba(9,12,16,0.18) 20%,
      rgba(9,11,14,0.15) 77%,
      rgba(8,9,11,0.82) 100%),
    linear-gradient(180deg,
      rgba(10,12,15,0.12) 0%,
      rgba(8,9,11,0.42) 100%);
  -webkit-mask-image: linear-gradient(90deg,
    rgba(0,0,0,0.88) 0%, #000 13%, #000 86%, rgba(0,0,0,0.68) 100%);
          mask-image: linear-gradient(90deg,
    rgba(0,0,0,0.88) 0%, #000 13%, #000 86%, rgba(0,0,0,0.68) 100%);
}

.header-deploy-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 0;
  transform: scale(1.015);
  filter: saturate(0.72) contrast(0.96);
  transition: opacity 260ms ease-out;
  will-change: opacity;
}

.header-deploy-frame.is-active {
  opacity: 0.76;
}

.site-header .top-banner,
.site-header .nav {
  position: relative;
  z-index: 2;
}

@media (max-width: 860px) {
  .header-deploy-flow {
    top: 34px;
  }
  .header-deploy-frame {
    width: 190%;
    left: -45%;
    max-width: none;
    object-fit: cover;
  }
  .header-deploy-frame.is-active {
    opacity: 0.68;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header-deploy-frame {
    transition: none !important;
  }
  .header-deploy-frame.is-active {
    opacity: 0.64;
  }
}


/* ============================================================
   Version 81: Header-Deploy-Frames aus geschnittener Corridor-Vorlage
   ============================================================ */
.header-deploy-frame {
  filter: saturate(0.76) contrast(1.00) brightness(0.92);
}
.header-deploy-frame.is-active {
  opacity: 0.74;
}
@media (max-width: 860px) {
  .header-deploy-frame.is-active {
    opacity: 0.68;
  }
}


/* ============================================================
   Version 82: filigraner Corridor-Flow, ausschließlich scrollgesteuert
   ============================================================ */
.header-deploy-frame {
  transform: scale(1.002) !important;
  filter: saturate(0.90) contrast(1.01) brightness(0.96) !important;
  transition: opacity 360ms ease-out !important;
}
.header-deploy-frame.is-active {
  opacity: 0.70 !important;
}
.site-header:not(.is-flowing) .header-deploy-frame {
  transition-duration: 0ms !important;
}
@media (max-width: 860px) {
  .header-deploy-frame {
    width: 150% !important;
    left: -25% !important;
    transform: scale(1.001) !important;
  }
  .header-deploy-frame.is-active {
    opacity: 0.62 !important;
  }
}


/* ============================================================
   Version 83: Rückkehr zum stilvollen statischen Header aus v76/v77
   Zwei ruhige Zustände: Ausgangsansicht und einmalige Scroll-Anpassung.
   ============================================================ */

/* Experimentelle Mehrbild-Sequenz vollständig deaktivieren. */
.header-deploy-flow,
.header-deploy-frame {
  display: none !important;
}

/* Filigranen Daten-/Quellcode-Tunnel wiederherstellen. */
.site-header::after,
.site-header.is-compact::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  transition: opacity 220ms ease, top 220ms ease !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  filter: saturate(0.68) contrast(0.92) !important;
  -webkit-mask-image: linear-gradient(90deg,
    rgba(0,0,0,0.88) 0%, #000 15%, #000 82%, rgba(0,0,0,0.62) 100%) !important;
          mask-image: linear-gradient(90deg,
    rgba(0,0,0,0.88) 0%, #000 15%, #000 82%, rgba(0,0,0,0.62) 100%) !important;
}

.site-header::after {
  top: 36px !important;
  opacity: 0.76 !important;
  background-image:
    linear-gradient(90deg,
      rgba(8,10,13,0.54) 0%,
      rgba(9,12,16,0.27) 30%,
      rgba(9,11,14,0.30) 66%,
      rgba(8,9,11,0.70) 100%),
    linear-gradient(180deg,
      rgba(10,12,15,0.20) 0%,
      rgba(8,9,11,0.45) 100%),
    url("assets/header-data-tunnel-desktop.webp") !important;
}

/* Genau eine dezente Änderung nach dem ersten Scrollen – wie in v76/v77. */
.site-header.is-compact::after {
  top: 0 !important;
  opacity: 0.69 !important;
  background-image:
    linear-gradient(90deg,
      rgba(8,10,13,0.54) 0%,
      rgba(9,12,16,0.27) 30%,
      rgba(9,11,14,0.30) 66%,
      rgba(8,9,11,0.70) 100%),
    linear-gradient(180deg,
      rgba(10,12,15,0.20) 0%,
      rgba(8,9,11,0.45) 100%),
    url("assets/header-data-tunnel-desktop.webp") !important;
}

.site-header .top-banner,
.site-header .nav {
  position: relative;
  z-index: 2;
}

@media (max-width: 860px) {
  .site-header::after,
  .site-header.is-compact::after {
    left: 0 !important;
    right: 0 !important;
    background-image:
      linear-gradient(90deg,
        rgba(8,10,13,0.56) 0%,
        rgba(8,10,13,0.28) 48%,
        rgba(8,9,11,0.64) 100%),
      linear-gradient(180deg,
        rgba(8,10,13,0.16) 0%,
        rgba(8,9,11,0.50) 100%),
      url("assets/header-data-tunnel-mobile.webp") !important;
    background-position: 58% center !important;
    background-size: cover !important;
    filter: saturate(0.62) contrast(0.90) !important;
    -webkit-mask-image: none !important;
            mask-image: none !important;
  }
  .site-header::after {
    top: 34px !important;
    opacity: 0.68 !important;
  }
  .site-header.is-compact::after {
    top: 0 !important;
    opacity: 0.63 !important;
  }
}

@media (max-width: 520px) {
  .site-header::after,
  .site-header.is-compact::after {
    background-position: 62% center !important;
  }
}


/* ============================================================
   Version 84: einheitliches Formular + präzisierte Architekturgrenzen
   ============================================================ */

/* Alle gleichrangigen Kernaussagen auf Industrie 5.0 nutzen dieselbe
   Bronze-/Goldfarbe. Grün bleibt ausschließlich Formularzuständen vorbehalten. */
.i5-doc .ledger-core-lead strong,
.i5-doc .ledger-core .i5-body strong {
  color: var(--i5-gold) !important;
}

/* Ein gemeinsamer, dunkler Formularstil auf Start- und Detailseiten.
   Dadurch entsteht kein harter Hell-Dunkel-Bruch mehr. */
.demo-stage.demo-unified-dark {
  --bg-soft: #121214;
  --panel: #17171a;
  --panel-soft: #141416;
  --text: #ecece9;
  --text-soft: #b7b7b3;
  --muted: #8d8d89;
  --line: rgba(255,255,255,0.09);
  --line-strong: rgba(255,255,255,0.14);
  --accent: #cbb77f;
  --accent-2: #d8c9a6;
  --accent-soft: rgba(203,183,127,0.15);
  --accent-strong: #e2d5b0;
  position: relative;
  background:
    linear-gradient(180deg, rgba(14,14,16,0.985), rgba(11,11,13,0.995)) !important;
  border-top: 1px solid rgba(203,183,127,0.12);
}
.demo-stage.demo-unified-dark::before {
  background-image:
    linear-gradient(rgba(203,183,127,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(203,183,127,0.035) 1px, transparent 1px) !important;
  background-size: 46px 46px;
  opacity: 0.70;
  -webkit-mask-image: radial-gradient(82% 88% at 26% 28%, #000 16%, transparent 84%);
          mask-image: radial-gradient(82% 88% at 26% 28%, #000 16%, transparent 84%);
}
.demo-stage.demo-unified-dark .demo-block {
  background: linear-gradient(165deg, rgba(25,25,28,0.98), rgba(17,17,19,0.98)) !important;
  border: 1px solid rgba(203,183,127,0.20) !important;
  box-shadow:
    0 30px 72px -42px rgba(0,0,0,0.78),
    inset 0 1px 0 rgba(255,255,255,0.035) !important;
}
.demo-stage.demo-unified-dark .demo-block-head h2 {
  color: var(--accent-strong) !important;
}
.demo-stage.demo-unified-dark .demo-block-head p,
.demo-stage.demo-unified-dark .demo-opt,
.demo-stage.demo-unified-dark .demo-consent {
  color: var(--text-soft) !important;
}
.demo-stage.demo-unified-dark label,
.demo-stage.demo-unified-dark .demo-field label,
.demo-stage.demo-unified-dark .demo-check,
.demo-stage.demo-unified-dark .demo-check span {
  color: var(--text) !important;
}
.demo-stage.demo-unified-dark input,
.demo-stage.demo-unified-dark select,
.demo-stage.demo-unified-dark textarea,
.demo-stage.demo-unified-dark .demo-modules-summary {
  background: rgba(10,10,12,0.72) !important;
  color: var(--text) !important;
  border-color: rgba(255,255,255,0.15) !important;
}
.demo-stage.demo-unified-dark input::placeholder,
.demo-stage.demo-unified-dark textarea::placeholder,
.demo-stage.demo-unified-dark select:required:invalid {
  color: var(--muted) !important;
}
.demo-stage.demo-unified-dark input:focus,
.demo-stage.demo-unified-dark select:focus,
.demo-stage.demo-unified-dark textarea:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(203,183,127,0.14) !important;
  background: rgba(13,13,15,0.92) !important;
}
.demo-stage.demo-unified-dark select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23cbb77f' stroke-width='1.6' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}
.demo-stage.demo-unified-dark select option {
  color: #1a1815;
  background: #f4f0e7;
}
.demo-stage.demo-unified-dark .demo-modules-summary::after {
  border-color: var(--accent) !important;
}
.demo-stage.demo-unified-dark .demo-modules .demo-mgrid {
  background: rgba(12,12,14,0.76);
  border-color: rgba(255,255,255,0.14) !important;
}
.demo-stage.demo-unified-dark .demo-mgroup-title,
.demo-stage.demo-unified-dark .demo-consent a {
  color: var(--accent-strong) !important;
}
.demo-stage.demo-unified-dark input[type="checkbox"] {
  accent-color: var(--accent);
}
.demo-stage.demo-unified-dark .button.primary,
.demo-stage.demo-unified-dark .demo-submit {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #141312 !important;
}
.demo-stage.demo-unified-dark .button.primary:hover,
.demo-stage.demo-unified-dark .demo-submit:hover {
  background: #d8c691 !important;
  border-color: #d8c691 !important;
  color: #141312 !important;
}


/* ============================================================
   Version 86: Detail-Heroes an Startseite angeglichen
   ============================================================ */

/* Industrie 5.0 und Ledger beginnen nun wie die Startseite direkt mit
   Eyebrow, H1 und Lead. Die sichtbare Breadcrumb-Zeile entfällt. */
.i5-doc .subpage-keyvisual .module-hero.detail-home-hero {
  padding: 76px 0 88px !important;
}
.i5-doc .subpage-keyvisual .module-hero.detail-home-hero .detail-hero-content {
  width: min(var(--max), calc(100% - 40px));
  max-width: var(--max);
  margin: 0 auto;
  text-align: center;
}
.i5-doc .subpage-keyvisual .module-hero.detail-home-hero .module-eyebrow {
  margin: 0 auto 16px;
}
.i5-doc .subpage-keyvisual .module-hero.detail-home-hero .module-title {
  margin-top: 0;
}
.i5-doc .subpage-keyvisual .module-hero.detail-home-hero .module-lead {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 860px) {
  .i5-doc .subpage-keyvisual .module-hero.detail-home-hero {
    padding: 58px 0 62px !important;
  }
  .i5-doc .subpage-keyvisual .module-hero.detail-home-hero .detail-hero-content {
    width: min(100% - 28px, var(--max));
  }
}

@media (max-width: 480px) {
  .i5-doc .subpage-keyvisual .module-hero.detail-home-hero {
    padding: 48px 0 54px !important;
  }
}


/* Version 93: klarer Nutzen-Teaser zur Ledger-Detailseite */
.ledger-detail-cta {
  margin: 18px 0 0;
  font-size: 0.96rem;
  font-weight: 650;
}
.ledger-detail-cta a {
  text-decoration: none;
}


/* ============================================================
   Version 94: Process Mining by Design
   Detailseite ohne Emblem und ohne Hero-Buttons.
   ============================================================ */
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
  min-height: 0 !important;
  padding: 104px 0 102px !important;
}
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-lead {
  max-width: 1050px;
  margin-bottom: 0 !important;
}
.process-mining-doc .process-mining-closing {
  border-top: 1px solid rgba(163,148,110,0.18);
  background:
    linear-gradient(135deg, rgba(163,148,110,0.055), rgba(8,10,13,0) 56%),
    #0a0d11;
}
@media (max-width: 860px) {
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    padding: 72px 0 70px !important;
  }
}
@media (max-width: 480px) {
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    padding: 56px 0 58px !important;
  }
}


/* ============================================================
   Version 95: Process-Mining-Seite gestrafft und Hero vereinheitlicht
   ============================================================ */
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
  min-height: 650px !important;
  padding: 76px 0 88px !important;
}
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .detail-hero-content {
  max-width: var(--max);
}
.process-mining-doc .process-mining-hero-copy {
  width: min(100%, 1060px);
  margin: 0 auto;
}
.process-mining-doc .process-mining-hero-copy .module-lead {
  max-width: 1060px;
  margin: 0 auto 9px !important;
  font-size: clamp(1rem, 1.22vw, 1.14rem);
  line-height: 1.55;
}
.process-mining-doc .process-mining-hero-key,
.process-mining-doc .process-mining-hero-context,
.process-mining-doc .process-mining-hero-claim {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  color: rgba(245,246,248,0.84);
  font-size: clamp(0.98rem, 1.12vw, 1.08rem);
  line-height: 1.5;
}
.process-mining-doc .process-mining-hero-key {
  margin-top: 12px;
  margin-bottom: 8px;
  color: rgba(245,246,248,0.96);
}
.process-mining-doc .process-mining-hero-context {
  margin-top: 0;
  margin-bottom: 9px;
}
.process-mining-doc .process-mining-hero-claim {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--i5-gold-hi);
  font-weight: 650;
}
.process-mining-emblem-placeholder {
  position: relative;
  display: block;
  width: 116px;
  height: 116px;
  margin: 18px auto 0;
  pointer-events: none;
  visibility: hidden;
}
.nav-links > a.active[aria-current="page"] {
  color: var(--accent-strong);
}
@media (max-width: 860px) {
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    min-height: 0 !important;
    padding: 58px 0 62px !important;
  }
  .process-mining-doc .process-mining-hero-stack {
    top: auto !important;
  }
  .process-mining-emblem-placeholder {
    display: none;
  }
}
@media (max-width: 480px) {
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    padding: 48px 0 54px !important;
  }
  .process-mining-doc .process-mining-hero-copy .module-lead,
  .process-mining-doc .process-mining-hero-key,
  .process-mining-doc .process-mining-hero-context,
  .process-mining-doc .process-mining-hero-claim {
    font-size: 0.95rem;
    line-height: 1.42;
  }
  .process-mining-doc .pm-hero-desktop-detail {
    display: none;
  }
}

/* ============================================================
   Version 96: Systemdesign-Navigation, reduzierter Process-Mining-Hero
   und konstante mobile Logogröße
   ============================================================ */

/* Die neue Detailseiten-Rubrik bleibt trotz Header-Mikrostruktur frei sichtbar. */
@media (min-width: 861px) {
  .site-header .nav {
    overflow: visible !important;
  }
  .site-header .nav-links {
    gap: 20px;
  }
}

.nav-system {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.nav-system-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(239, 239, 235, 0.74);
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.nav-system-button:hover,
.nav-system-button:focus-visible,
.nav-system.nav-system-active .nav-system-button,
.nav-system.is-open .nav-system-button {
  color: #d3b46f;
}
.nav-system-button:focus-visible {
  outline: 2px solid rgba(211, 180, 111, 0.72);
  outline-offset: 4px;
}
.nav-system-chevron {
  font-size: 0.76rem;
  line-height: 1;
  transition: transform 160ms ease;
}
.nav-system.is-open .nav-system-chevron {
  transform: rotate(180deg);
}
.nav-system-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  width: 330px;
  padding: 9px;
  border: 1px solid rgba(203,183,127,0.28);
  border-radius: 14px;
  background:
    radial-gradient(100% 80% at 90% 0%, rgba(54,69,83,0.22), transparent 62%),
    rgba(14,16,19,0.985);
  box-shadow: 0 24px 56px rgba(0,0,0,0.46);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -6px);
  pointer-events: none;
  transition: opacity 170ms ease, transform 170ms ease, visibility 170ms ease;
  z-index: 120;
}
.nav-system-menu::before {
  content: "";
  position: absolute;
  top: -13px;
  left: 0;
  width: 100%;
  height: 14px;
}
.nav-system-menu a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-height: 58px;
  padding: 10px 12px;
  border-radius: 9px;
  color: rgba(244,242,236,0.88) !important;
  text-align: left;
}
.nav-system-menu a span {
  font-size: 0.94rem;
  font-weight: 760;
  letter-spacing: 0;
}
.nav-system-menu a small {
  color: rgba(244,242,236,0.50);
  font-size: 0.72rem;
  font-weight: 520;
  line-height: 1.35;
}
.nav-system-menu a:hover,
.nav-system-menu a:focus-visible,
.nav-system-menu a.active {
  background: rgba(203,183,127,0.12);
  color: #d8bf82 !important;
}
.nav-system-menu a:hover small,
.nav-system-menu a:focus-visible small,
.nav-system-menu a.active small {
  color: rgba(239,225,192,0.70);
}
@media (min-width: 861px) {
  .nav-system:hover .nav-system-menu,
  .nav-system:focus-within .nav-system-menu,
  .nav-system.is-open .nav-system-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    pointer-events: auto;
  }
}

/* Process-Mining-Hero folgt exakt dem Detailseiten-Raster; der spätere
   Emblemplatz bleibt reserviert, aber unsichtbar. */
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
  min-height: 0 !important;
  padding: 76px 0 88px !important;
}
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .detail-hero-content {
  width: min(var(--max), calc(100% - 40px));
  max-width: var(--max);
  margin: 0 auto;
  text-align: center;
}
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-lead {
  max-width: 760px;
  margin: 0 auto !important;
  font-size: inherit;
  line-height: inherit;
}
.process-mining-doc .process-mining-hero-stack {
  top: auto !important;
}
.process-mining-doc .process-mining-emblem-placeholder {
  display: block;
  width: 116px;
  height: 116px;
  margin: 18px auto 0;
  visibility: hidden;
  pointer-events: none;
}
.process-mining-intro strong {
  color: var(--i5-white);
}

@media (max-width: 860px) {
  /* Mobil bleibt das Logo in Ausgangs- und Scrollzustand identisch groß. */
  .site-header .nav,
  .site-header.is-compact .nav {
    min-height: 74px !important;
  }
  .site-header .brand-logo-img,
  .site-header.is-compact .brand-logo-img {
    width: 58px !important;
    height: 58px !important;
  }

  .nav-system {
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
  }
  .nav-system-button {
    min-height: 34px;
    color: rgba(244,242,236,0.84);
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: 0.02em;
  }
  .nav-system-menu {
    position: static;
    width: 100%;
    margin-top: 8px;
    padding: 7px;
    border-radius: 12px;
    opacity: 0;
    visibility: hidden;
    transform: none;
    pointer-events: none;
    display: none;
  }
  .nav-system.is-open .nav-system-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .nav-system-menu a {
    min-height: 52px;
    align-items: flex-end;
    text-align: right;
  }
  .nav-system-menu a small {
    max-width: 250px;
  }

  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    min-height: 0 !important;
    padding: 58px 0 62px !important;
  }
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .detail-hero-content {
    width: min(100% - 28px, var(--max));
  }
  .process-mining-doc .process-mining-emblem-placeholder {
    display: block !important;
    width: 94px;
    height: 94px;
    margin-top: 16px;
  }
}
@media (max-width: 480px) {
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    padding: 48px 0 54px !important;
  }
}

/* v96 final alignment corrections */
@media (min-width: 861px) {
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    min-height: 650px !important;
  }
}
.site-header .nav-links > a.active[aria-current="page"] {
  color: #d3b46f !important;
}
@media (min-width: 861px) {
  .process-mining-doc .process-mining-hero-stack {
    top: 345px !important;
  }
}


/* ============================================================
   Version 97: ruhige Hero-Bereiche, Process-Mining-Emblem und
   identischer Übergang der Detailseiten
   ============================================================ */

/* Hero-CTAs entfallen auf sämtlichen Seiten. Der globale Navigations-CTA
   und die Formularschaltflächen bleiben unverändert. */
.hero-emblem-stack > .hero-actions,
.hero-emblem-stack > .module-hero-actions {
  display: none !important;
}

/* Ohne Buttonzeile bleiben die bestehenden Embleme an ihrer vertrauten
   visuellen Position im großen V. */
@media (min-width: 861px) {
  .hero-field.hero-centered .hero-emblem-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-mining-doc .process-mining-hero-stack {
    top: 395px !important;
  }
}

/* Process Mining verwendet exakt das Detailseiten-Raster: gleiche Bühne,
   Typografie, Textbreite und identischer Übergang in den ersten Abschnitt. */
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
  min-height: 650px !important;
  padding: 76px 0 88px !important;
}
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .detail-hero-content {
  width: min(var(--max), calc(100% - 40px));
  max-width: var(--max);
  margin: 0 auto;
  text-align: center;
}
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-title {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto 24px;
  font-size: clamp(2.45rem, 4.6vw, 4.25rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
}
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-lead {
  width: 100%;
  max-width: 760px;
  margin: 0 auto !important;
  font-size: clamp(1.08rem, 1.9vw, 1.35rem);
  line-height: 1.58;
}

/* Das aus der lizenzierten Vektorgrafik abgeleitete Netzwerkemblem erhält
   dieselbe Ankerfläche wie Mensch, Kette und 420+-Marke. */
.process-mining-emblem-anchor {
  position: relative !important;
  display: block !important;
  width: 124px !important;
  height: 124px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  line-height: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  pointer-events: none;
}
.process-mining-emblem-anchor img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.86;
  filter: drop-shadow(0 0 12px rgba(203,183,127,0.13));
}

@media (max-width: 860px) {
  .hero-emblem-stack {
    margin-top: 48px;
  }
  .hero-brand-anchor,
  .i5-doc .module-hero .i5-emblem-transition.i5-emblem-anchor,
  .ledger-emblem-anchor,
  .process-mining-emblem-anchor {
    margin-top: 0 !important;
  }
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    min-height: 0 !important;
    padding: 58px 0 62px !important;
  }
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .detail-hero-content {
    width: min(100% - 28px, var(--max));
  }
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-title {
    max-width: 760px;
    font-size: clamp(1.82rem, 7.3vw, 2.3rem);
    line-height: 1.1;
  }
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-lead {
    max-width: 720px;
    font-size: 1.02rem;
    line-height: 1.6;
  }
  .process-mining-emblem-anchor {
    width: 102px !important;
    height: 102px !important;
  }
}

@media (max-width: 480px) {
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    padding: 48px 0 54px !important;
  }
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-title {
    font-size: clamp(1.82rem, 8.2vw, 2.18rem);
  }
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-lead {
    font-size: 0.98rem;
    line-height: 1.58;
  }
  .process-mining-emblem-anchor {
    width: 94px !important;
    height: 94px !important;
  }
}


/* ============================================================
   Version 98: Process-Mining-Emblem als klarer Wireframe-Würfel
   + Hero-Abstand an die übrigen Detailseiten angeglichen
   ============================================================ */
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
  min-height: 650px !important;
  padding: 76px 0 88px !important;
}
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .detail-hero-content {
  width: min(var(--max), calc(100% - 40px));
  max-width: var(--max);
  margin: 0 auto;
  text-align: center;
}
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-title {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-lead {
  max-width: 820px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.process-mining-doc .process-mining-hero-stack {
  top: 344px !important;
}
.process-mining-emblem-anchor {
  position: relative;
  z-index: 2;
  display: block;
  width: 116px;
  height: 116px;
  margin: 18px auto 0;
  padding: 0;
  line-height: 0;
  pointer-events: none;
  overflow: visible;
  background: transparent;
  border: 0;
}
.process-mining-emblem-anchor img {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 154px;
  height: 154px;
  max-width: none;
  object-fit: contain;
  transform: translate(-50%, -50%);
  opacity: 0.92;
  filter: drop-shadow(0 0 12px rgba(203,183,127,0.13));
}
@media (max-width: 860px) {
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    min-height: 0 !important;
    padding: 58px 0 62px !important;
  }
  .process-mining-doc .process-mining-hero-stack {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin-top: 20px !important;
  }
}
@media (max-width: 720px) {
  .process-mining-emblem-anchor {
    width: 94px;
    height: 94px;
    margin: 16px auto 0;
  }
  .process-mining-emblem-anchor img {
    width: 124px;
    height: 124px;
    opacity: 0.88;
  }
}
@media (max-width: 480px) {
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    padding: 48px 0 54px !important;
  }
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-lead {
    max-width: 92vw;
  }
}

/* ============================================================
   Version 99: Ein Betrieb. Mehrere Systemperspektiven.
   Gemeinsame Facility-Emblemfamilie für Start- und Detailseiten.
   ============================================================ */

/* Gemeinsame Hero-Geometrie der Detailseiten. */
.i5-doc .subpage-keyvisual .module-hero.detail-home-hero,
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
  min-height: 650px !important;
  padding: 76px 0 88px !important;
  box-sizing: border-box;
}
.i5-doc .subpage-keyvisual .module-hero.detail-home-hero .detail-hero-content,
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .detail-hero-content {
  width: min(var(--max), calc(100% - 40px));
  max-width: var(--max);
  margin: 0 auto;
  text-align: center;
}
.i5-doc .subpage-keyvisual .module-hero.detail-home-hero .module-title,
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-title {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
.i5-doc .subpage-keyvisual .module-hero.detail-home-hero .module-lead,
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-lead {
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Einheitliche Emblemachse im großen V. */
@media (min-width: 861px) {
  .hero-field.hero-centered .hero-emblem-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-mining-doc .process-mining-hero-stack {
    position: absolute !important;
    top: 337px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
  }
}

/* Startseite: die Marke wird im Hero nicht wiederholt; gezeigt wird der Betrieb. */
.facility-system-anchor {
  position: relative;
  z-index: 3;
  display: block;
  width: 178px;
  height: 132px;
  margin: 0 auto;
  line-height: 0;
  pointer-events: none;
}
.facility-system-anchor img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.94;
  filter: drop-shadow(0 0 13px rgba(163,148,110,0.15));
}

/* Detailseiten: identischer Facility-Rahmen mit eigenem Fachsymbol. */
.facility-detail-emblem {
  position: relative;
  z-index: 3;
  display: block;
  width: 184px;
  height: 138px;
  margin: 0 auto;
  line-height: 0;
  pointer-events: none;
}
.facility-detail-emblem .facility-frame,
.facility-detail-emblem .facility-core {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  max-width: none;
  object-fit: contain;
  transform-origin: center center;
}
.facility-detail-emblem .facility-frame {
  width: 184px;
  height: 138px;
  transform: translate(-50%, -50%);
  opacity: 0.36;
  filter: drop-shadow(0 0 9px rgba(163,148,110,0.08));
}
.facility-detail-emblem .facility-core {
  z-index: 2;
  opacity: 0.93;
  filter: drop-shadow(0 0 11px rgba(203,183,127,0.13));
}
.facility-detail-emblem .facility-core-human {
  width: 82px;
  height: 82px;
  transform: translate(-50%, -47%);
}
.facility-detail-emblem .facility-core-ledger {
  width: 116px;
  height: 116px;
  transform: translate(-50%, -50%) rotate(-44deg) scale(0.92);
}
.facility-detail-emblem .facility-core-process {
  width: 92px;
  height: 78px;
  transform: translate(-50%, -48%);
}

/* Alte einzelne Process-Mining-Anker haben keine visuelle Wirkung mehr. */
.process-mining-emblem-anchor,
.process-mining-emblem-placeholder {
  display: none !important;
}

/* Gleichmäßiger Übergang vom Hero in den ersten Inhaltsabschnitt. */
.i5-doc .subpage-keyvisual > .section,
.process-mining-doc .subpage-keyvisual > .section {
  position: relative;
  z-index: 2;
}

@media (max-width: 860px) {
  .i5-doc .subpage-keyvisual .module-hero.detail-home-hero,
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    min-height: 0 !important;
    padding: 58px 0 62px !important;
  }
  .hero-emblem-stack,
  .process-mining-doc .process-mining-hero-stack {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin-top: 24px !important;
  }
  .facility-system-anchor {
    width: 134px;
    height: 100px;
  }
  .facility-detail-emblem {
    width: 138px;
    height: 104px;
  }
  .facility-detail-emblem .facility-frame {
    width: 138px;
    height: 104px;
    opacity: 0.38;
  }
  .facility-detail-emblem .facility-core-human {
    width: 62px;
    height: 62px;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 88px;
    height: 88px;
  }
  .facility-detail-emblem .facility-core-process {
    width: 72px;
    height: 61px;
  }
}

@media (max-width: 480px) {
  .i5-doc .subpage-keyvisual .module-hero.detail-home-hero,
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero {
    padding: 48px 0 54px !important;
  }
  .facility-system-anchor {
    width: 124px;
    height: 93px;
  }
  .facility-detail-emblem {
    width: 126px;
    height: 96px;
  }
  .facility-detail-emblem .facility-frame {
    width: 126px;
    height: 96px;
  }
  .facility-detail-emblem .facility-core-human {
    width: 57px;
    height: 57px;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 80px;
    height: 80px;
  }
  .facility-detail-emblem .facility-core-process {
    width: 66px;
    height: 56px;
  }
}

/* v99 visual balance pass: Emblemfamilie bewusst präsenter im Hero. */
@media (min-width: 861px) {
  .hero-field.hero-centered .hero-emblem-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-mining-doc .process-mining-hero-stack {
    top: 326px !important;
  }
  .facility-system-anchor {
    width: 220px;
    height: 158px;
  }
  .facility-detail-emblem {
    width: 226px;
    height: 164px;
  }
  .facility-detail-emblem .facility-frame {
    width: 226px;
    height: 164px;
    opacity: 0.46;
  }
  .facility-detail-emblem .facility-core-human {
    width: 100px;
    height: 100px;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 142px;
    height: 142px;
  }
  .facility-detail-emblem .facility-core-process {
    width: 118px;
    height: 100px;
  }
}
@media (max-width: 860px) {
  .facility-system-anchor {
    width: 150px;
    height: 110px;
  }
  .facility-detail-emblem {
    width: 154px;
    height: 114px;
  }
  .facility-detail-emblem .facility-frame {
    width: 154px;
    height: 114px;
    opacity: 0.46;
  }
  .facility-detail-emblem .facility-core-human {
    width: 70px;
    height: 70px;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 100px;
    height: 100px;
  }
  .facility-detail-emblem .facility-core-process {
    width: 84px;
    height: 72px;
  }
}
@media (max-width: 480px) {
  .facility-system-anchor {
    width: 140px;
    height: 103px;
  }
  .facility-detail-emblem {
    width: 144px;
    height: 108px;
  }
  .facility-detail-emblem .facility-frame {
    width: 144px;
    height: 108px;
  }
  .facility-detail-emblem .facility-core-human {
    width: 65px;
    height: 65px;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 92px;
    height: 92px;
  }
  .facility-detail-emblem .facility-core-process {
    width: 78px;
    height: 66px;
  }
}


/* ============================================================
   Version 100: Factory-Digitalization als gemeinsame Bildfamilie
   ============================================================ */

/* Startseite: klar lesbare, digital vernetzte Fabrik statt abstrakter Facility. */
@media (min-width: 861px) {
  .facility-system-anchor {
    width: 238px !important;
    height: 154px !important;
  }
  .facility-system-anchor img {
    opacity: 0.96 !important;
    filter: drop-shadow(0 0 10px rgba(163,148,110,0.13)) !important;
  }

  /* Detailseiten: identischer Fabrikrahmen, Fachsymbol bleibt Hauptfokus. */
  .facility-detail-emblem {
    width: 240px !important;
    height: 154px !important;
  }
  .facility-detail-emblem .facility-frame {
    width: 240px !important;
    height: 154px !important;
    opacity: 0.34 !important;
    filter: drop-shadow(0 0 7px rgba(163,148,110,0.07)) !important;
  }
  .facility-detail-emblem .facility-core-human {
    width: 88px !important;
    height: 88px !important;
    transform: translate(-50%, -46%) !important;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 120px !important;
    height: 120px !important;
    transform: translate(-50%, -49%) rotate(-44deg) scale(0.92) !important;
  }
  .facility-detail-emblem .facility-core-process {
    width: 108px !important;
    height: 82px !important;
    transform: translate(-50%, -46%) !important;
  }
}

@media (max-width: 860px) {
  .facility-system-anchor {
    width: 162px !important;
    height: 105px !important;
  }
  .facility-detail-emblem {
    width: 166px !important;
    height: 107px !important;
  }
  .facility-detail-emblem .facility-frame {
    width: 166px !important;
    height: 107px !important;
    opacity: 0.35 !important;
  }
  .facility-detail-emblem .facility-core-human {
    width: 60px !important;
    height: 60px !important;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 84px !important;
    height: 84px !important;
  }
  .facility-detail-emblem .facility-core-process {
    width: 77px !important;
    height: 59px !important;
  }
}

@media (max-width: 480px) {
  .facility-system-anchor {
    width: 148px !important;
    height: 96px !important;
  }
  .facility-detail-emblem {
    width: 152px !important;
    height: 98px !important;
  }
  .facility-detail-emblem .facility-frame {
    width: 152px !important;
    height: 98px !important;
  }
  .facility-detail-emblem .facility-core-human {
    width: 55px !important;
    height: 55px !important;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 78px !important;
    height: 78px !important;
  }
  .facility-detail-emblem .facility-core-process {
    width: 71px !important;
    height: 54px !important;
  }
}

/* v100 final balance: factory family remains clearly legible at hero size. */
@media (min-width: 861px) {
  .facility-system-anchor {
    width: 260px !important;
    height: 166px !important;
  }
  .facility-detail-emblem {
    width: 260px !important;
    height: 166px !important;
  }
  .facility-detail-emblem .facility-frame {
    width: 260px !important;
    height: 166px !important;
    opacity: 0.37 !important;
  }
  .facility-detail-emblem .facility-core-human {
    width: 94px !important;
    height: 94px !important;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 128px !important;
    height: 128px !important;
  }
  .facility-detail-emblem .facility-core-process {
    width: 122px !important;
    height: 92px !important;
  }
}
@media (max-width: 860px) {
  .facility-system-anchor {
    width: 174px !important;
    height: 112px !important;
  }
  .facility-detail-emblem {
    width: 184px !important;
    height: 118px !important;
  }
  .facility-detail-emblem .facility-frame {
    width: 184px !important;
    height: 118px !important;
    opacity: 0.38 !important;
  }
  .facility-detail-emblem .facility-core-human {
    width: 67px !important;
    height: 67px !important;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 92px !important;
    height: 92px !important;
  }
  .facility-detail-emblem .facility-core-process {
    width: 92px !important;
    height: 70px !important;
  }
}
@media (max-width: 480px) {
  .facility-system-anchor {
    width: 168px !important;
    height: 108px !important;
  }
  .facility-detail-emblem {
    width: 178px !important;
    height: 114px !important;
  }
  .facility-detail-emblem .facility-frame {
    width: 178px !important;
    height: 114px !important;
  }
  .facility-detail-emblem .facility-core-human {
    width: 64px !important;
    height: 64px !important;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 88px !important;
    height: 88px !important;
  }
  .facility-detail-emblem .facility-core-process {
    width: 88px !important;
    height: 67px !important;
  }
}


/* v101: factory emblem scaled up for stronger Industry 4.0/5.0 recognition and more room for the inner specialist symbols. */
.facility-system-anchor {
  width: 214px;
  height: 159px;
}
.facility-detail-emblem {
  width: 214px;
  height: 159px;
}
.facility-detail-emblem .facility-frame {
  width: 214px;
  height: 159px;
  opacity: 0.40;
}
@media (max-width: 767px) {
  .facility-system-anchor {
    width: 194px;
    height: 144px;
  }
  .facility-detail-emblem {
    width: 194px;
    height: 144px;
  }
  .facility-detail-emblem .facility-frame {
    width: 194px;
    height: 144px;
  }
}


/* ============================================================
   v106: Ledger + Process Mining fein ausbalanciert
   Ausgangspunkt bleibt die hochwertige v101-Detailseitenfamilie.
   Industrie 5.0 bleibt vollständig unverändert.
   ============================================================ */

/* Fachsymbole auf Ledger und Process Mining farblich/visuell näher
   an den Konturen des Fabrikrahmens; keine deckenden Hintergründe. */
.facility-detail-emblem .facility-core-ledger {
  opacity: 0.86 !important;
  filter: drop-shadow(0 0 6px rgba(163,148,110,0.08)) !important;
  mix-blend-mode: normal;
}
.facility-detail-emblem .facility-core-process {
  opacity: 0.82 !important;
  filter: drop-shadow(0 0 6px rgba(163,148,110,0.08)) !important;
  mix-blend-mode: normal;
}

@media (min-width: 861px) {
  /* v101 Factory-Größe bleibt bestehen; nur das Ledger-Symbol wird
     deutlich kleiner und leicht aufwärts angewinkelt. */
  .facility-detail-emblem .facility-core-ledger {
    width: 82px !important;
    height: 82px !important;
    transform: translate(-50%, -49%) rotate(-55deg) !important;
  }
  /* Process Mining erhält mehr Negativraum, ohne die Geometrie zu ändern. */
  .facility-detail-emblem .facility-core-process {
    width: 92px !important;
    height: 70px !important;
    transform: translate(-50%, -46%) !important;
  }
}

@media (min-width: 481px) and (max-width: 860px) {
  .facility-detail-emblem .facility-core-ledger {
    width: 62px !important;
    height: 62px !important;
    transform: translate(-50%, -49%) rotate(-55deg) !important;
  }
  .facility-detail-emblem .facility-core-process {
    width: 68px !important;
    height: 52px !important;
    transform: translate(-50%, -46%) !important;
  }
}

@media (max-width: 480px) {
  .facility-detail-emblem .facility-core-ledger {
    width: 58px !important;
    height: 58px !important;
    transform: translate(-50%, -49%) rotate(-55deg) !important;
  }
  .facility-detail-emblem .facility-core-process {
    width: 64px !important;
    height: 49px !important;
    transform: translate(-50%, -46%) !important;
  }
}


/* ============================================================
   v108: finaler Feinschliff
   - Startseite verwendet die zurückhaltende Factory-Kontur der Detailseiten
   - Ledger-Kette minimal stärker nach links geneigt
   ============================================================ */
.home-facility-anchor {
  width: 214px !important;
  height: 159px !important;
}
.home-facility-anchor img {
  width: 100% !important;
  height: 100% !important;
  opacity: 0.68 !important;
  filter: drop-shadow(0 0 7px rgba(163,148,110,0.08)) !important;
}

@media (min-width: 861px) {
  .facility-detail-emblem .facility-core-ledger {
    width: 82px !important;
    height: 82px !important;
    transform: translate(-50%, -49%) rotate(-61deg) !important;
  }
}

@media (min-width: 481px) and (max-width: 860px) {
  .home-facility-anchor {
    width: 194px !important;
    height: 144px !important;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 62px !important;
    height: 62px !important;
    transform: translate(-50%, -49%) rotate(-61deg) !important;
  }
}

@media (max-width: 480px) {
  .home-facility-anchor {
    width: 144px !important;
    height: 108px !important;
  }
  .facility-detail-emblem .facility-core-ledger {
    width: 58px !important;
    height: 58px !important;
    transform: translate(-50%, -49%) rotate(-61deg) !important;
  }
}


/* v108 final micro-adjustment: Ledger-Kette tiefer, ruhiger und stärker links geneigt. */
.facility-detail-emblem .facility-core-ledger {
  opacity: 0.82 !important;
}
@media (min-width: 861px) {
  .facility-detail-emblem .facility-core-ledger {
    transform: translate(-50%, -43%) rotate(-61deg) !important;
  }
}
@media (min-width: 481px) and (max-width: 860px) {
  .facility-detail-emblem .facility-core-ledger {
    transform: translate(-50%, -43%) rotate(-61deg) !important;
  }
}
@media (max-width: 480px) {
  .facility-detail-emblem .facility-core-ledger {
    transform: translate(-50%, -43%) rotate(-61deg) !important;
  }
}


/* ============================================================
   v109: Startseite exakt auf Detailseiten-Emblemfamilie angleichen
   - gleiche Bühne, gleiche Größe, gleiche Position
   - nur der zurückhaltende Fabrikrahmen, ohne Fachsymbol
   ============================================================ */
.facility-detail-emblem-home .facility-frame {
  opacity: 0.40 !important;
  filter: drop-shadow(0 0 7px rgba(163,148,110,0.07)) !important;
}
@media (min-width: 861px) {
  .hero-field.hero-centered .hero-emblem-stack {
    top: 326px !important;
  }
}


/* v110: mobile homepage factory made crisper without changing the detail-page family. */
.facility-detail-emblem-home .facility-frame {
  filter: none !important;
  opacity: 0.44 !important;
}
@media (max-width: 860px) {
  .hero-field.hero-centered .facility-detail-emblem-home {
    width: 194px !important;
    height: 144px !important;
  }
  .hero-field.hero-centered .facility-detail-emblem-home .facility-frame {
    width: 194px !important;
    height: 144px !important;
    opacity: 0.48 !important;
  }
}
@media (max-width: 480px) {
  .hero-field.hero-centered .facility-detail-emblem-home {
    width: 194px !important;
    height: 144px !important;
  }
  .hero-field.hero-centered .facility-detail-emblem-home .facility-frame {
    width: 194px !important;
    height: 144px !important;
    opacity: 0.5 !important;
  }
}


/* ============================================================
   v111: Detailseiten-Emblem-System
   Fachsymbol oberhalb der Factory, verbunden durch wenige feine Linien.
   ============================================================ */
.detail-system-emblem {
  --factory-w: 260px;
  --factory-h: 166px;
  position: relative;
  width: 280px;
  height: 265px;
  margin: 0 auto;
  line-height: 0;
  pointer-events: none;
  isolation: isolate;
}
.detail-system-emblem .detail-system-factory,
.detail-system-emblem .detail-system-topic,
.detail-system-emblem .detail-system-links {
  position: absolute;
  display: block;
  max-width: none;
}
.detail-system-emblem .detail-system-factory {
  z-index: 2;
  left: 50%;
  bottom: 0;
  width: var(--factory-w);
  height: var(--factory-h);
  transform: translateX(-50%);
  object-fit: contain;
  opacity: 0.40;
  filter: drop-shadow(0 0 6px rgba(163,148,110,0.06));
}
.detail-system-emblem .detail-system-topic {
  z-index: 3;
  left: 50%;
  object-fit: contain;
  transform-origin: center center;
  filter: drop-shadow(0 0 5px rgba(163,148,110,0.06));
}
.detail-system-emblem .detail-system-links {
  z-index: 1;
  left: 50%;
  top: 116px;
  width: 92px;
  height: 34px;
  transform: translateX(-50%);
}
.detail-system-emblem .detail-system-links span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(163,148,110,0.38);
  transform-origin: center bottom;
}
.detail-system-emblem .detail-system-links span:nth-child(1) { left: 10%; transform: rotate(8deg); }
.detail-system-emblem .detail-system-links span:nth-child(2) { left: 38%; transform: rotate(2deg); }
.detail-system-emblem .detail-system-links span:nth-child(3) { left: 66%; transform: rotate(-2deg); }
.detail-system-emblem .detail-system-links span:nth-child(4) { left: 90%; transform: rotate(-8deg); }

/* Industrie 5.0: ruhigste Variante. */
.detail-system-emblem--industry .detail-system-topic--industry {
  top: 0;
  width: 132px;
  height: 132px;
  transform: translateX(-50%);
  opacity: 0.90;
}
.detail-system-emblem--industry .detail-system-links {
  width: 68px;
  opacity: 0.72;
}
.detail-system-emblem--industry .detail-system-links span:nth-child(1) { left: 12%; transform: rotate(7deg); }
.detail-system-emblem--industry .detail-system-links span:nth-child(2) { left: 50%; transform: none; }
.detail-system-emblem--industry .detail-system-links span:nth-child(3) { left: 88%; transform: rotate(-7deg); }

/* Ledger: etwas präsenter, leicht nach links abfallend. */
.detail-system-emblem--ledger .detail-system-topic--ledger {
  top: -4px;
  width: 150px;
  height: 130px;
  transform: translateX(-50%) rotate(-10deg);
  opacity: 0.84;
}
.detail-system-emblem--ledger .detail-system-links {
  width: 104px;
  opacity: 0.82;
}

/* Process Mining: kompakt, präzise und bewusst kleiner. */
.detail-system-emblem--process .detail-system-topic--process {
  top: 22px;
  width: 126px;
  height: 90px;
  transform: translateX(-50%);
  opacity: 0.82;
}
.detail-system-emblem--process .detail-system-links {
  top: 108px;
  width: 76px;
  height: 42px;
  opacity: 0.78;
}
.detail-system-emblem--process .detail-system-links span:nth-child(1) { left: 10%; transform: rotate(7deg); }
.detail-system-emblem--process .detail-system-links span:nth-child(2) { left: 50%; transform: none; }
.detail-system-emblem--process .detail-system-links span:nth-child(3) { left: 90%; transform: rotate(-7deg); }

@media (max-width: 860px) {
  .detail-system-emblem {
    --factory-w: 184px;
    --factory-h: 118px;
    width: 210px;
    height: 212px;
  }
  .detail-system-emblem .detail-system-links {
    top: 93px;
    width: 72px;
    height: 31px;
  }
  .detail-system-emblem--industry .detail-system-topic--industry {
    top: 5px;
    width: 94px;
    height: 94px;
  }
  .detail-system-emblem--industry .detail-system-links { width: 54px; }
  .detail-system-emblem--ledger .detail-system-topic--ledger {
    top: 3px;
    width: 106px;
    height: 92px;
  }
  .detail-system-emblem--ledger .detail-system-links { width: 80px; }
  .detail-system-emblem--process .detail-system-topic--process {
    top: 22px;
    width: 90px;
    height: 64px;
  }
  .detail-system-emblem--process .detail-system-links {
    top: 84px;
    width: 58px;
    height: 40px;
  }
}

@media (max-width: 480px) {
  .detail-system-emblem {
    --factory-w: 178px;
    --factory-h: 114px;
    width: 202px;
    height: 204px;
  }
  .detail-system-emblem .detail-system-links {
    top: 90px;
    height: 30px;
  }
  .detail-system-emblem--industry .detail-system-topic--industry {
    top: 7px;
    width: 88px;
    height: 88px;
  }
  .detail-system-emblem--ledger .detail-system-topic--ledger {
    top: 5px;
    width: 100px;
    height: 86px;
  }
  .detail-system-emblem--process .detail-system-topic--process {
    top: 23px;
    width: 84px;
    height: 60px;
  }
  .detail-system-emblem--process .detail-system-links {
    top: 81px;
    height: 39px;
  }
}


/* ============================================================
   v115: ruhiges Linienraster nach Referenzbild
   ============================================================ */
.detail-system-emblem .detail-system-links {
  z-index: 1;
  left: 50%;
  top: 115px;
  width: 31px !important;
  height: 35px;
  transform: translateX(-50%);
  opacity: 1 !important;
  border: 0;
  overflow: hidden;
  background: transparent;
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.72) 13%, #000 27%, #000 73%, rgba(0,0,0,.72) 87%, transparent 100%);
}
.detail-system-emblem .detail-system-links::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(to right, rgba(116,137,145,.17) 0, rgba(116,137,145,.17) 1px, transparent 1px, transparent 10px),
    repeating-linear-gradient(to bottom, rgba(116,137,145,.17) 0, rgba(116,137,145,.17) 1px, transparent 1px, transparent 10px);
  background-position: center center;
}
.detail-system-emblem .detail-system-links::after { content: none; }
.detail-system-emblem .detail-system-links span { display: none !important; }
.detail-system-emblem--industry .detail-system-links { top: 117px; height: 33px; }
.detail-system-emblem--ledger .detail-system-links { top: 114px; height: 36px; }
.detail-system-emblem--process .detail-system-links { top: 106px; width: 31px !important; height: 44px; }
.detail-system-emblem--home { --factory-w: 260px; --factory-h: 166px; width: 280px; height: 265px; }
.detail-system-emblem--home .detail-system-factory { opacity: 0.40; filter: drop-shadow(0 0 6px rgba(163,148,110,0.06)); }
@media (max-width: 860px) {
  .detail-system-emblem .detail-system-links { top: 95px; width: 23px !important; height: 29px; }
  .detail-system-emblem .detail-system-links::before {
    background-image:
      repeating-linear-gradient(to right, rgba(116,137,145,.16) 0, rgba(116,137,145,.16) 1px, transparent 1px, transparent 8px),
      repeating-linear-gradient(to bottom, rgba(116,137,145,.16) 0, rgba(116,137,145,.16) 1px, transparent 1px, transparent 8px);
  }
  .detail-system-emblem--industry .detail-system-links { top: 96px; height: 28px; }
  .detail-system-emblem--ledger .detail-system-links { top: 93px; height: 31px; }
  .detail-system-emblem--process .detail-system-links { top: 84px; width: 23px !important; height: 40px; }
  .detail-system-emblem--home { --factory-w: 184px; --factory-h: 118px; width: 210px; height: 212px; }
}
@media (max-width: 480px) {
  .detail-system-emblem .detail-system-links { top: 92px; width: 21px !important; height: 28px; }
  .detail-system-emblem .detail-system-links::before {
    background-image:
      repeating-linear-gradient(to right, rgba(116,137,145,.15) 0, rgba(116,137,145,.15) 1px, transparent 1px, transparent 7px),
      repeating-linear-gradient(to bottom, rgba(116,137,145,.15) 0, rgba(116,137,145,.15) 1px, transparent 1px, transparent 7px);
  }
  .detail-system-emblem--industry .detail-system-links { top: 93px; height: 27px; }
  .detail-system-emblem--ledger .detail-system-links { top: 89px; height: 31px; }
  .detail-system-emblem--process .detail-system-links { top: 81px; height: 39px; }
  .detail-system-emblem--home { --factory-w: 178px; --factory-h: 114px; width: 202px; height: 204px; }
}


/* ============================================================
   v126: v115-Basis – Factory-Silhouette + gemeinsamer mobiler Anker
   ============================================================ */

/* The opaque silhouette must remain fully opaque; line-art transparency is
   handled inside the SVG so the visual weight stays identical to v115. */
.detail-system-factory {
  opacity: 1 !important;
}

/* Mobil verwenden Startseite und alle drei Detailseiten dieselbe Hero-Bühne
   und dieselbe vertikale Emblem-/Factory-Achse. Es gibt keine individuellen
   Seitenverschiebungen. */
@media (max-width: 860px) {
  :root {
    --mobile-factory-anchor: 455px;
    --mobile-hero-height: 735px;
  }

  .hero-field.hero-centered > .hero.hero-dark,
  .i5-doc .subpage-keyvisual > .module-hero.detail-home-hero,
  .process-mining-doc .subpage-keyvisual > .module-hero.process-mining-hero {
    position: relative !important;
    min-height: var(--mobile-hero-height) !important;
    box-sizing: border-box !important;
  }

  /* Die Stack-Koordinate bezieht sich direkt auf die Hero-Bühne. */
  .hero-field.hero-centered .hero-stack,
  .hero-field.hero-centered .hero-content,
  .i5-doc .subpage-keyvisual .detail-hero-content,
  .process-mining-doc .subpage-keyvisual .detail-hero-content {
    position: static !important;
  }

  /* Text bleibt sicher oberhalb der Hintergrundebenen. */
  .hero-field.hero-centered .hero-content > :not(.hero-emblem-stack),
  .i5-doc .subpage-keyvisual .detail-hero-content > :not(.hero-emblem-stack),
  .process-mining-doc .subpage-keyvisual .detail-hero-content > :not(.hero-emblem-stack) {
    position: relative;
    z-index: 2;
  }

  .hero-field.hero-centered .hero-emblem-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-mining-doc .process-mining-hero-stack {
    position: absolute !important;
    top: var(--mobile-factory-anchor) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 4 !important;
  }
}

@media (max-width: 480px) {
  :root {
    --mobile-factory-anchor: 455px;
    --mobile-hero-height: 735px;
  }
}


/* ============================================================
   v127: Menüleiste auf Desktop und mobil vollständig statisch
   ============================================================ */
.site-header,
.site-header .nav,
.site-header .brand-logo-img,
.site-header .top-banner,
.site-header::after,
.site-header .nav::before,
.site-header .logo::before {
  transition: none !important;
  animation: none !important;
}

/* Sicherheitsfallback: Sollte eine alte/cached Routine die Klasse setzen,
   bleibt die Menüleiste trotzdem exakt im Ausgangszustand. */
.site-header.is-compact {
  transform: none !important;
  box-shadow: 0 12px 34px -28px rgba(0, 0, 0, 0.95) !important;
}
.site-header.is-compact .top-banner {
  max-height: 64px !important;
  opacity: 1 !important;
  border-bottom-color: rgba(255,255,255,0.075) !important;
}
@media (min-width: 861px) {
  .site-header.is-compact .nav {
    min-height: 104px !important;
  }
  .site-header.is-compact .brand-logo-img {
    width: 88px !important;
    height: 88px !important;
  }
  .site-header.is-compact .logo::before {
    width: 154px !important;
    height: 126px !important;
    opacity: 1 !important;
  }
}
@media (max-width: 860px) {
  .site-header.is-compact .nav {
    min-height: 74px !important;
  }
  .site-header.is-compact .brand-logo-img {
    width: 58px !important;
    height: 58px !important;
  }
  .site-header.is-compact .logo::before {
    width: 116px !important;
    height: 96px !important;
    opacity: 1 !important;
  }
}


/* ============================================================
   v128 · Ledger-Architektur als visuelle Systemerklärung
   Nur .ledger-doc; andere Seiten bleiben unverändert.
   ============================================================ */
.ledger-doc {
  --ledger-panel: rgba(255,255,255,0.025);
  --ledger-panel-strong: rgba(255,255,255,0.045);
  --ledger-line: rgba(203,183,127,0.22);
  --ledger-line-strong: rgba(203,183,127,0.48);
  --ledger-chrome: rgba(211,216,218,0.74);
}
.ledger-doc .container.ledger-wide { max-width: 1120px; }
.ledger-doc .subpage-keyvisual > .ledger-section > .container.ledger-wide { max-width: 1120px; }
.ledger-doc .ledger-copy { max-width: 760px; }
.ledger-doc .ledger-section { position: relative; overflow: hidden; }
.ledger-doc .ledger-section--soft {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018), transparent 34%, rgba(203,183,127,0.018) 100%) !important;
}
.ledger-doc .ledger-section-lead {
  max-width: 760px;
  margin: 0;
  color: var(--i5-ink);
  font-size: 1.08rem;
  line-height: 1.72;
}
.ledger-doc .ledger-inline-note {
  margin: 28px auto 0;
  color: var(--i5-ink-soft);
  font-size: .92rem;
  text-align: center;
  letter-spacing: .01em;
}
.ledger-doc .ledger-wide > .i5-claim { max-width: 880px; }

/* 01 · Ereignismodell */
.ledger-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin-top: 52px;
}
.ledger-flow::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 34px;
  left: 9%;
  right: 9%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ledger-line-strong) 8%, var(--ledger-line-strong) 92%, transparent);
}
.ledger-flow-step {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 0 14px;
  text-align: center;
}
.ledger-flow-node {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  border: 1px solid var(--ledger-line-strong);
  border-radius: 50%;
  background: #0e0e10;
  box-shadow: 0 0 0 8px #0e0e10, 0 0 32px rgba(203,183,127,.07);
  color: var(--i5-gold);
  font: 700 .78rem/1 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .14em;
}
.ledger-flow-step h3 {
  margin: 0 0 8px;
  color: var(--i5-white);
  font-size: 1rem;
  line-height: 1.25;
}
.ledger-flow-step p {
  margin: 0;
  color: var(--i5-ink-soft);
  font-size: .84rem;
  line-height: 1.55;
}

/* 02 · Ebenenmodell */
.ledger-layers-visual {
  display: grid;
  gap: 12px;
  margin-top: 46px;
}
.ledger-layer {
  position: relative;
  display: grid;
  grid-template-columns: 72px 270px 1fr;
  align-items: center;
  min-height: 118px;
  padding: 22px 30px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(90deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  box-shadow: inset 3px 0 0 rgba(203,183,127,.38);
}
.ledger-layer--audit { margin-inline: 4%; }
.ledger-layer--integrity { margin-inline: 8%; }
.ledger-layer-index {
  color: var(--i5-gold);
  font: 700 .78rem/1 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .16em;
}
.ledger-layer-name h3 {
  margin: 0 0 5px;
  color: var(--i5-white);
  font-size: 1.2rem;
}
.ledger-layer-name p {
  margin: 0;
  color: var(--ledger-chrome);
  font-size: .86rem;
  line-height: 1.45;
}
.ledger-layer-desc {
  margin: 0;
  padding-left: 28px;
  border-left: 1px solid rgba(255,255,255,.08);
  color: var(--i5-ink);
  font-size: .98rem;
  line-height: 1.58;
}

/* 03 · Korrektur + Prüfgate als gemeinsames Board */
.ledger-change-board {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 48px;
  border: 1px solid rgba(255,255,255,.09);
  background: var(--ledger-panel);
}
.ledger-change-track { padding: 34px 34px 30px; }
.ledger-change-track + .ledger-change-track { border-left: 1px solid rgba(255,255,255,.09); }
.ledger-change-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 30px; }
.ledger-change-heading span {
  color: var(--i5-gold);
  font: 700 .76rem/1 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .15em;
}
.ledger-change-heading h3 { margin: 0; color: var(--i5-white); font-size: 1.22rem; }
.ledger-change-sequence { display: flex; align-items: stretch; min-height: 92px; }
.ledger-change-step {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px 12px;
  border-top: 1px solid var(--ledger-line-strong);
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: var(--i5-white);
  text-align: center;
}
.ledger-change-step--gate { background: rgba(203,183,127,.055); }
.ledger-change-step span { font-weight: 700; font-size: .9rem; line-height: 1.35; }
.ledger-change-step small { margin-top: 5px; color: var(--i5-ink-soft); font-size: .72rem; line-height: 1.35; }
.ledger-change-arrow { position: relative; width: 26px; flex: 0 0 26px; }
.ledger-change-arrow::before { content: ""; position: absolute; top: 50%; left: 4px; right: 6px; height: 1px; background: var(--ledger-line-strong); }
.ledger-change-arrow::after { content: ""; position: absolute; top: calc(50% - 3px); right: 3px; width: 6px; height: 6px; border-top: 1px solid var(--ledger-line-strong); border-right: 1px solid var(--ledger-line-strong); transform: rotate(45deg); }
.ledger-change-track > p { margin: 22px 0 0; color: var(--i5-ink); font-size: .9rem; line-height: 1.58; }

/* 04 · Integritätskette + externer Nachweis */
.ledger-integrity-board {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
  gap: 0;
  margin-top: 48px;
  border: 1px solid rgba(255,255,255,.09);
  background: var(--ledger-panel);
}
.ledger-chain-explainer { padding: 36px 34px 30px; }
.ledger-chain {
  display: grid;
  grid-template-columns: minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);
  align-items: stretch;
}
.ledger-chain-event {
  display: flex;
  flex-direction: column;
  min-height: 132px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(0,0,0,.15);
}
.ledger-chain-kicker {
  margin-bottom: auto;
  color: var(--ledger-chrome);
  font: 700 .68rem/1.3 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.ledger-chain-event code {
  display: block;
  margin-top: 7px;
  color: var(--i5-gold);
  font: 700 .82rem/1.35 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .04em;
}
.ledger-chain-link { position: relative; }
.ledger-chain-link::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--ledger-line-strong); }
.ledger-chain-link span::after { content: ""; position: absolute; right: 2px; top: calc(50% - 4px); width: 8px; height: 8px; border-top: 1px solid var(--ledger-line-strong); border-right: 1px solid var(--ledger-line-strong); transform: rotate(45deg); }
.ledger-chain-break { display: flex; align-items: center; gap: 14px; margin-top: 22px; }
.ledger-chain-break > span { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border: 1px solid rgba(203,183,127,.4); border-radius: 50%; color: var(--i5-gold); font-size: 1rem; }
.ledger-chain-break p { margin: 0; color: var(--i5-ink-soft); font-size: .84rem; line-height: 1.5; }
.ledger-integrity-copy {
  padding: 36px 34px;
  border-left: 1px solid rgba(255,255,255,.09);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ledger-integrity-copy p { margin: 0 0 18px; color: var(--i5-ink); font-size: .96rem; line-height: 1.66; }
.ledger-integrity-copy p:last-child { margin-bottom: 0; }
.ledger-external-proof {
  grid-column: 1 / -1;
  padding: 34px;
  border-top: 1px solid rgba(255,255,255,.09);
  background: rgba(0,0,0,.12);
}
.ledger-external-head { display: flex; gap: 16px; align-items: baseline; margin-bottom: 12px; }
.ledger-external-index { color: var(--i5-gold); font: 700 .68rem/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .14em; }
.ledger-external-head h3 { margin: 0; color: var(--i5-white); font-size: 1.3rem; }
.ledger-external-proof > p { max-width: 760px; margin: 0; color: var(--i5-ink); font-size: .95rem; line-height: 1.6; }
.ledger-proof-rail {
  display: grid;
  grid-template-columns: 1fr 42px 1fr 42px 1fr;
  align-items: center;
  margin-top: 28px;
}
.ledger-proof-stage { padding: 16px 18px; border-top: 1px solid var(--ledger-line-strong); border-bottom: 1px solid rgba(255,255,255,.08); text-align: center; }
.ledger-proof-stage strong { display: block; color: var(--i5-white); font-size: .92rem; }
.ledger-proof-stage small { display: block; margin-top: 4px; color: var(--i5-ink-soft); font-size: .73rem; }
.ledger-proof-arrow { color: var(--i5-gold); text-align: center; }
.ledger-proof-negatives { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 25px; }
.ledger-proof-negatives span { color: var(--i5-gold); font-weight: 700; font-size: .92rem; }
.ledger-proof-limit { margin-top: 16px !important; color: var(--i5-ink-soft) !important; font-size: .82rem !important; }

/* Wirkung: bewusste Typosequenz, keine zusätzliche Kartenillustration */
.ledger-use-line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
  margin-top: 48px;
  padding-top: 28px;
}
.ledger-use-line::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, var(--ledger-line-strong), rgba(203,183,127,.12)); }
.ledger-use-stage { position: relative; }
.ledger-use-stage::before { content: ""; position: absolute; top: -33px; left: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid var(--i5-gold); background: #0e0e10; }
.ledger-use-stage > span { color: var(--i5-gold); font: 700 .74rem/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .15em; }
.ledger-use-stage h3 { margin: 12px 0 8px; color: var(--i5-white); font-size: 1.12rem; }
.ledger-use-stage p { margin: 0; color: var(--i5-ink); font-size: .95rem; line-height: 1.58; }

/* Verantwortung: ruhiger Zweispalter */
.ledger-responsibility {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 46px;
  border-top: 1px solid rgba(255,255,255,.09);
  border-bottom: 1px solid rgba(255,255,255,.09);
}
.ledger-responsibility-side { padding: 32px 34px 30px 0; }
.ledger-responsibility-side--operator { padding-left: 34px; padding-right: 0; border-left: 1px solid rgba(255,255,255,.09); }
.ledger-responsibility-label { display: block; margin-bottom: 20px; color: var(--i5-white); font-size: 1.12rem; font-weight: 800; }
.ledger-responsibility ul { list-style: none; margin: 0; padding: 0; }
.ledger-responsibility li { position: relative; margin: 0 0 11px; padding-left: 20px; color: var(--i5-ink); font-size: .98rem; line-height: 1.5; }
.ledger-responsibility li::before { content: ""; position: absolute; left: 0; top: .72em; width: 8px; height: 1px; background: var(--i5-gold); }
.ledger-boundary-copy { max-width: 820px; margin: 28px 0 0; color: var(--i5-ink-soft); font-size: .9rem; line-height: 1.62; }

@media (max-width: 900px) {
  .ledger-flow { grid-template-columns: 1fr; gap: 0; margin-top: 38px; }
  .ledger-flow::before { top: 28px; bottom: 28px; left: 27px; right: auto; width: 1px; height: auto; background: linear-gradient(180deg, transparent, var(--ledger-line-strong) 8%, var(--ledger-line-strong) 92%, transparent); }
  .ledger-flow-step { display: grid; grid-template-columns: 56px 1fr; grid-template-rows: auto auto; column-gap: 18px; padding: 0 0 28px; text-align: left; }
  .ledger-flow-node { grid-row: 1 / span 2; width: 56px; height: 56px; margin: 0; box-shadow: 0 0 0 6px #0e0e10; }
  .ledger-flow-step h3 { margin: 5px 0 5px; }
  .ledger-flow-step p { max-width: 520px; }
  .ledger-layer { grid-template-columns: 54px 1fr; padding: 22px; }
  .ledger-layer--audit, .ledger-layer--integrity { margin-inline: 0; }
  .ledger-layer-desc { grid-column: 2; margin-top: 14px; padding: 14px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.08); }
  .ledger-change-board { grid-template-columns: 1fr; }
  .ledger-change-track + .ledger-change-track { border-left: 0; border-top: 1px solid rgba(255,255,255,.09); }
  .ledger-integrity-board { grid-template-columns: 1fr; }
  .ledger-integrity-copy { border-left: 0; border-top: 1px solid rgba(255,255,255,.09); }
  .ledger-use-line { gap: 26px; }
}

@media (max-width: 620px) {
  .ledger-doc .ledger-section-lead { font-size: 1rem; }
  .ledger-change-track, .ledger-chain-explainer, .ledger-integrity-copy, .ledger-external-proof { padding: 26px 20px; }
  .ledger-change-sequence { flex-direction: column; min-height: 0; }
  .ledger-change-step { min-height: 70px; }
  .ledger-change-arrow { width: 100%; height: 28px; flex: 0 0 28px; }
  .ledger-change-arrow::before { top: 4px; bottom: 7px; left: 50%; right: auto; width: 1px; height: auto; }
  .ledger-change-arrow::after { top: auto; bottom: 4px; right: calc(50% - 4px); transform: rotate(135deg); }
  .ledger-chain { grid-template-columns: 1fr; }
  .ledger-chain-link { height: 32px; }
  .ledger-chain-link::before { left: 50%; right: auto; top: 0; bottom: 0; width: 1px; height: auto; }
  .ledger-chain-link span::after { right: calc(50% - 4px); top: auto; bottom: 2px; transform: rotate(135deg); }
  .ledger-proof-rail { grid-template-columns: 1fr; }
  .ledger-proof-arrow { padding: 7px 0; transform: rotate(90deg); }
  .ledger-proof-negatives { display: grid; gap: 7px; }
  .ledger-use-line { grid-template-columns: 1fr; gap: 34px; padding: 0 0 0 28px; }
  .ledger-use-line::before { top: 0; bottom: 0; left: 5px; right: auto; width: 1px; height: auto; background: linear-gradient(180deg, var(--ledger-line-strong), rgba(203,183,127,.12)); }
  .ledger-use-stage::before { top: 5px; left: -28px; }
  .ledger-responsibility { grid-template-columns: 1fr; }
  .ledger-responsibility-side { padding: 28px 0; }
  .ledger-responsibility-side--operator { padding-left: 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.09); }
}


/* v134 — schlanker, zentraler Abschluss für deutsche Detailseiten. */
.i5-doc .detail-cta-section {
  padding: 84px 0 90px;
  border-top: 1px solid var(--i5-rule);
  background:
    radial-gradient(circle at 50% 0%, rgba(203,183,127,.055), transparent 42%),
    #0d0d0f;
}

.i5-doc .detail-cta-container {
  max-width: 720px;
}

.i5-doc .detail-cta-copy {
  max-width: 610px;
}

.i5-doc .detail-cta-copy h2 {
  max-width: 590px;
  margin: 0;
  color: var(--i5-white);
  font-size: clamp(2rem, 4.2vw, 3.25rem);
  line-height: 1.02;
  letter-spacing: -.045em;
}

.i5-doc .detail-cta-copy > p:not(.eyebrow) {
  max-width: 570px;
  margin: 20px 0 0;
  color: var(--i5-ink);
  font-size: 1rem;
  line-height: 1.62;
}

.i5-doc .detail-cta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 24px;
  margin-top: 30px;
}

.i5-doc .detail-cta-link {
  color: var(--i5-ink);
  font-size: .9rem;
  font-weight: 750;
  text-decoration: none;
  border-bottom: 1px solid rgba(203,183,127,.35);
  padding-bottom: 3px;
}

.i5-doc .detail-cta-link:hover,
.i5-doc .detail-cta-link:focus-visible {
  color: var(--i5-gold);
  border-bottom-color: var(--i5-gold);
}

.i5-doc .detail-cta-link:focus-visible {
  outline: 2px solid var(--i5-gold);
  outline-offset: 4px;
}

@media (max-width: 620px) {
  .i5-doc .detail-cta-section {
    padding: 68px 0 74px;
  }

  .i5-doc .detail-cta-copy h2 {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }

  .i5-doc .detail-cta-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .i5-doc .detail-cta-actions .button {
    width: 100%;
    text-align: center;
  }

  .i5-doc .detail-cta-link {
    align-self: flex-start;
  }
}


/* ===== v150: Dezenter Linkhinweis im Industrie-5.0-Manifest der Startseite ===== */
.mf-link-arrow {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 24px auto 0;
  color: var(--accent);
  opacity: 0.82;
  transform: translateX(0);
  transition: transform 0.28s ease, opacity 0.28s ease, filter 0.28s ease, color 0.28s ease;
}
.mf-link-arrow svg {
  display: block;
  width: 30px;
  height: 18px;
  overflow: visible;
}
.mf-link-arrow path {
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mf-link:hover .mf-link-arrow,
.mf-link:focus-visible .mf-link-arrow {
  color: var(--accent-strong);
  opacity: 1;
  transform: translateX(5px);
  filter: drop-shadow(0 0 8px rgba(203,183,127,0.52));
}
.mf-link:focus-visible {
  outline: 1px solid rgba(203,183,127,0.72);
  outline-offset: 12px;
}
@media (max-width: 860px) {
  .mf-link-arrow { margin-top: 20px; }
}
@media (hover: none) {
  .mf-link-arrow {
    opacity: 0.92;
    filter: drop-shadow(0 0 5px rgba(203,183,127,0.3));
  }
}
@media (prefers-reduced-motion: reduce) {
  .mf-link-arrow { transition: none; }
  .mf-link:hover .mf-link-arrow,
  .mf-link:focus-visible .mf-link-arrow { transform: none; }
}


/* ===== v157: Semantische H1-Systematik bei unveränderter Hero-Typografie ===== */
/* Die Themenbegriffe bilden die jeweilige H1. Die großen Hero-Claims bleiben
   rein visuelle Titel und behalten exakt die bisherige Größenwirkung. */
.hero-semantic-title {
  max-width: none;
  line-height: 1.2;
  letter-spacing: 0.18em;
}

.hero-content .hero-semantic-title.eyebrow {
  display: block;
  margin: 0 0 16px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.16em;
  color: var(--accent);
}

.module-hero .hero-semantic-title.module-eyebrow {
  display: block;
  margin: 0 auto 16px;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.18em;
  color: var(--accent-soft);
}

.home-hero-display-title,
.hero-display-title {
  display: block;
  font-weight: 700;
}

.home-hero-display-title {
  width: 100%;
  max-width: none;
  margin: 0;
  font-size: clamp(2.45rem, 4.6vw, 4.25rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
  color: #f6f7f4;
  text-wrap: balance;
}

.hero-field.hero-centered .home-hero-display-title {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 760px) {
  .hero-field.hero-field .home-hero-display-title {
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(1.95rem, 8vw, 2.4rem);
    hyphens: auto;
    -webkit-hyphens: auto;
  }
}


/* ===== v158: Semantische H1 bei eigenständiger visueller Eyebrow ===== */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* ============================================================
   Version 185: Detailseiten beruhigen
   - Karo-/Viereckeffekt im großen V auf Detailseiten entfernt
   - kleine Connector-Raster zwischen Emblem und Factory entfernt
   - Abstand zwischen Hero-Factory und Folgebereich an die Startseite angeglichen
   ============================================================ */

/* Detailseiten nutzen ein ruhigeres, sauberes V ohne Kanten-/Karoeffekt. */
.subpage-keyvisual::before {
  background-image: url("assets/mf-hero-v.svg") !important;
}

/* Die kleine Raster-/Karo-Verbindung zwischen Fachsymbol und Factory entfällt. */
.subpage-keyvisual .detail-system-emblem .detail-system-links {
  display: none !important;
}

/* Der erste Inhaltsbereich unter dem Hero erhält denselben oberen Abstand
   wie der erste Bereich auf der Startseite. */
.i5-doc .i50-intro-section,
.i5-doc .pm-intro-section,
.i5-doc .pi-intro-section,
.ledger-doc .subpage-keyvisual > .ledger-section:first-of-type {
  padding-top: 86px !important;
}

/* Zentrierung als Sicherheitsfallback beibehalten. */
.subpage-keyvisual .hero-emblem-stack,
.subpage-keyvisual .detail-system-emblem {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 720px) {
  .i5-doc .i50-intro-section,
  .i5-doc .pm-intro-section,
  .i5-doc .pi-intro-section,
  .ledger-doc .subpage-keyvisual > .ledger-section:first-of-type {
    padding-top: 76px !important;
  }
}


/* ============================================================
   v190 · Startseiten-Hero: fließende Systemlogik ohne zusätzliche Strahlen
   ============================================================ */

/* Offenes, nach unten verdichtetes Codefeld über der unveränderten Factory.
   Der Fluss entsteht ausschließlich durch die bewegten Codefragmente; zusätzliche
   Strahlen oder Verbindungslinien werden bewusst nicht verwendet. */
.detail-system-emblem--home .home-system-source {
  position: absolute;
  top: 8px;
  left: 50%;
  width: 240px;
  height: 132px;
  margin-left: -120px;
  pointer-events: none;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: 1;
}

.detail-system-emblem--home .home-system-code-field {
  position: absolute;
  z-index: 3;
  inset: 0 0 28px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 88%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 88%, transparent 100%);
}

.detail-system-emblem--home .code-fragment {
  --flow-duration: 17s;
  --flow-delay: -3s;
  --flow-distance: 7px;
  --flow-sway: 0px;
  --flow-opacity: .22;
  --flow-peak: .38;
  position: absolute;
  display: block;
  color: rgba(151, 174, 184, .90);
  font-size: 6.35px;
  font-weight: 560;
  letter-spacing: .025em;
  white-space: nowrap;
  opacity: var(--flow-opacity);
  text-shadow: 0 0 5px rgba(105, 132, 144, .08);
  will-change: transform, opacity;
  animation: homeSystemFragmentFlow var(--flow-duration) cubic-bezier(.42,0,.24,1) infinite;
  animation-delay: var(--flow-delay);
}

/* Obere Zone: breit, diffus, seitlich offen. */
.detail-system-emblem--home .code-fragment--01 { top: 2px; left: 0; --flow-duration:19s; --flow-delay:-4s; --flow-distance:8px; --flow-sway:2px; --flow-opacity:.15; --flow-peak:.31; }
.detail-system-emblem--home .code-fragment--02 { top: 3px; left: 78px; --flow-duration:16s; --flow-delay:-11s; --flow-distance:6px; --flow-sway:-1px; --flow-opacity:.20; --flow-peak:.42; }
.detail-system-emblem--home .code-fragment--03 { top: 2px; right: 1px; --flow-duration:21s; --flow-delay:-8s; --flow-distance:9px; --flow-sway:-2px; --flow-opacity:.13; --flow-peak:.29; }
.detail-system-emblem--home .code-fragment--04 { top: 13px; left: 13px; --flow-duration:18s; --flow-delay:-13s; --flow-distance:7px; --flow-sway:1px; --flow-opacity:.17; --flow-peak:.35; }
.detail-system-emblem--home .code-fragment--05 { top: 14px; left: 93px; --flow-duration:14s; --flow-delay:-6s; --flow-distance:6px; --flow-sway:-2px; --flow-opacity:.24; --flow-peak:.46; color:rgba(198,177,116,.92); }
.detail-system-emblem--home .code-fragment--06 { top: 13px; right: 8px; --flow-duration:20s; --flow-delay:-2s; --flow-distance:8px; --flow-sway:1px; --flow-opacity:.14; --flow-peak:.30; }
.detail-system-emblem--home .code-fragment--07 { top: 24px; left: 1px; --flow-duration:17s; --flow-delay:-10s; --flow-distance:8px; --flow-sway:2px; --flow-opacity:.16; --flow-peak:.34; }
.detail-system-emblem--home .code-fragment--08 { top: 25px; left: 72px; --flow-duration:22s; --flow-delay:-17s; --flow-distance:10px; --flow-sway:-1px; --flow-opacity:.21; --flow-peak:.39; }
.detail-system-emblem--home .code-fragment--09 { top: 24px; right: 2px; --flow-duration:15s; --flow-delay:-7s; --flow-distance:6px; --flow-sway:-2px; --flow-opacity:.13; --flow-peak:.28; }

/* Mittlere Zone: geordneter und stärker auf der Systemachse. */
.detail-system-emblem--home .code-fragment--10 { top: 35px; left: 17px; --flow-duration:18s; --flow-delay:-1s; --flow-distance:8px; --flow-sway:1px; --flow-opacity:.23; --flow-peak:.44; color:rgba(198,177,116,.88); }
.detail-system-emblem--home .code-fragment--11 { top: 36px; left: 91px; --flow-duration:20s; --flow-delay:-15s; --flow-distance:9px; --flow-sway:-1px; --flow-opacity:.18; --flow-peak:.37; }
.detail-system-emblem--home .code-fragment--12 { top: 35px; right: 12px; --flow-duration:16s; --flow-delay:-9s; --flow-distance:6px; --flow-sway:1px; --flow-opacity:.14; --flow-peak:.31; }
.detail-system-emblem--home .code-fragment--13 { top: 46px; left: 4px; --flow-duration:21s; --flow-delay:-12s; --flow-distance:9px; --flow-sway:2px; --flow-opacity:.16; --flow-peak:.34; }
.detail-system-emblem--home .code-fragment--14 { top: 47px; left: 68px; --flow-duration:17s; --flow-delay:-5s; --flow-distance:7px; --flow-sway:-1px; --flow-opacity:.22; --flow-peak:.41; }
.detail-system-emblem--home .code-fragment--15 { top: 46px; right: 17px; --flow-duration:15s; --flow-delay:-3s; --flow-distance:6px; --flow-sway:-1px; --flow-opacity:.20; --flow-peak:.43; color:rgba(198,177,116,.86); }
.detail-system-emblem--home .code-fragment--16 { top: 57px; left: 24px; --flow-duration:19s; --flow-delay:-14s; --flow-distance:8px; --flow-sway:1px; --flow-opacity:.17; --flow-peak:.35; }
.detail-system-emblem--home .code-fragment--17 { top: 58px; left: 109px; --flow-duration:16s; --flow-delay:-8s; --flow-distance:7px; --flow-sway:-1px; --flow-opacity:.24; --flow-peak:.45; color:rgba(198,177,116,.84); }
.detail-system-emblem--home .code-fragment--18 { top: 57px; right: 0; --flow-duration:21s; --flow-delay:-18s; --flow-distance:10px; --flow-sway:-2px; --flow-opacity:.14; --flow-peak:.30; }
.detail-system-emblem--home .code-fragment--19 { top: 68px; left: 8px; --flow-duration:18s; --flow-delay:-4s; --flow-distance:8px; --flow-sway:2px; --flow-opacity:.18; --flow-peak:.37; }
.detail-system-emblem--home .code-fragment--20 { top: 69px; left: 81px; --flow-duration:14s; --flow-delay:-10s; --flow-distance:6px; --flow-sway:-1px; --flow-opacity:.28; --flow-peak:.50; color:rgba(198,177,116,.94); }
.detail-system-emblem--home .code-fragment--21 { top: 68px; right: 5px; --flow-duration:20s; --flow-delay:-7s; --flow-distance:9px; --flow-sway:-1px; --flow-opacity:.19; --flow-peak:.40; }

/* Untere Zone: schmaler und sichtbar zur Factory verdichtet. */
.detail-system-emblem--home .code-fragment--22 { top: 79px; left: 28px; --flow-duration:17s; --flow-delay:-12s; --flow-distance:8px; --flow-sway:1px; --flow-opacity:.20; --flow-peak:.41; }
.detail-system-emblem--home .code-fragment--23 { top: 80px; right: 31px; --flow-duration:19s; --flow-delay:-2s; --flow-distance:9px; --flow-sway:-1px; --flow-opacity:.16; --flow-peak:.34; }
.detail-system-emblem--home .code-fragment--24 { top: 90px; left: 43px; --flow-duration:16s; --flow-delay:-6s; --flow-distance:7px; --flow-sway:1px; --flow-opacity:.22; --flow-peak:.43; color:rgba(198,177,116,.86); }
.detail-system-emblem--home .code-fragment--25 { top: 90px; right: 39px; --flow-duration:21s; --flow-delay:-16s; --flow-distance:10px; --flow-sway:-1px; --flow-opacity:.15; --flow-peak:.32; }
.detail-system-emblem--home .code-fragment--26 { top: 100px; left: 66px; --flow-duration:18s; --flow-delay:-9s; --flow-distance:8px; --flow-sway:1px; --flow-opacity:.20; --flow-peak:.39; }
.detail-system-emblem--home .code-fragment--27 { top: 100px; right: 58px; --flow-duration:15s; --flow-delay:-3s; --flow-distance:7px; --flow-sway:-1px; --flow-opacity:.27; --flow-peak:.49; color:rgba(198,177,116,.92); }
.detail-system-emblem--home .code-fragment--28 { top: 90px; left: 77px; --flow-duration:20s; --flow-delay:-13s; --flow-distance:9px; --flow-sway:1px; --flow-opacity:.17; --flow-peak:.36; }
.detail-system-emblem--home .code-fragment--29 { top: 90px; right: 67px; --flow-duration:17s; --flow-delay:-5s; --flow-distance:8px; --flow-sway:-1px; --flow-opacity:.16; --flow-peak:.34; }
.detail-system-emblem--home .code-fragment--30 { top: 99px; left: 88px; --flow-duration:14s; --flow-delay:-8s; --flow-distance:6px; --flow-sway:0px; --flow-opacity:.26; --flow-peak:.48; color:rgba(198,177,116,.90); }
.detail-system-emblem--home .code-fragment--31 { top: 6px; left: 154px; --flow-duration:23s; --flow-delay:-19s; --flow-distance:10px; --flow-sway:-2px; --flow-opacity:.10; --flow-peak:.24; }
.detail-system-emblem--home .code-fragment--32 { top: 84px; left: 84px; --flow-duration:22s; --flow-delay:-11s; --flow-distance:9px; --flow-sway:1px; --flow-opacity:.13; --flow-peak:.29; }

@keyframes homeSystemFragmentFlow {
  0%   { transform: translate3d(0,-3px,0); opacity: 0; }
  12%  { opacity: var(--flow-opacity); }
  58%  { transform: translate3d(var(--flow-sway),var(--flow-distance),0); opacity: var(--flow-peak); }
  82%  { opacity: var(--flow-opacity); }
  100% { transform: translate3d(0,calc(var(--flow-distance) + 4px),0); opacity: 0; }
}


/* Tablet: kontrolliert auf 24 Fragmente reduzieren. */
@media (max-width: 1024px) {
  .detail-system-emblem--home .home-system-source {
    top: 8px;
    width: 210px;
    height: 120px;
    margin-left: -105px;
  }
  .detail-system-emblem--home .code-fragment {
    font-size: 6.05px;
  }
  .detail-system-emblem--home .code-fragment:nth-child(n+25) {
    display: none;
  }
}

/* Kleine Tablets und große Smartphones: 17 Fragmente, drei Datenachsen. */
@media (max-width: 860px) {
  .detail-system-emblem--home .home-system-source {
    top: 9px;
    width: 174px;
    height: 102px;
    margin-left: -87px;
  }
  .detail-system-emblem--home .home-system-code-field {
    bottom: 24px;
    transform: scale(.82);
    transform-origin: center top;
    width: 210px;
    left: 50%;
    margin-left: -105px;
  }
  .detail-system-emblem--home .code-fragment {
    font-size: 6.3px;
    letter-spacing: .018em;
  }
  .detail-system-emblem--home .code-fragment:nth-child(n+18) {
    display: none;
  }
}

/* Mobile: eigene reduzierte Komposition mit elf Fragmenten. */
@media (max-width: 520px) {
  .detail-system-emblem--home .home-system-source {
    top: 10px;
    width: 154px;
    height: 94px;
    margin-left: -77px;
  }
  .detail-system-emblem--home .home-system-code-field {
    bottom: 22px;
    transform: scale(.73);
    width: 210px;
    margin-left: -105px;
  }
  .detail-system-emblem--home .code-fragment {
    font-size: 7px;
  }
  .detail-system-emblem--home .code-fragment:nth-child(n+12) {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .detail-system-emblem--home .code-fragment {
    animation: none !important;
  }
  .detail-system-emblem--home .code-fragment {
    opacity: var(--flow-opacity);
    transform: none !important;
  }
}


/* ============================================================
   v191 · Startseiten-Codefluss mobil länger nach unten geführt
   ============================================================ */
@media (max-width: 520px) {
  .detail-system-emblem--home .home-system-source {
    top: 8px;
    width: 164px;
    height: 126px;
    margin-left: -82px;
  }
  .detail-system-emblem--home .home-system-code-field {
    inset: 0;
    width: 164px;
    left: 0;
    margin-left: 0;
    transform: none;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 84%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 84%, transparent 100%);
  }
  .detail-system-emblem--home .code-fragment {
    font-size: 5.65px;
    letter-spacing: .014em;
  }
  .detail-system-emblem--home .code-fragment--01 { top: 0; left: 0; }
  .detail-system-emblem--home .code-fragment--02 { top: 2px; right: 0; left: auto; }
  .detail-system-emblem--home .code-fragment--03 { top: 18px; left: 9px; right: auto; }
  .detail-system-emblem--home .code-fragment--04 { top: 20px; right: 8px; left: auto; }
  .detail-system-emblem--home .code-fragment--05 { top: 38px; left: 20px; right: auto; }
  .detail-system-emblem--home .code-fragment--06 { top: 40px; right: 18px; left: auto; }
  .detail-system-emblem--home .code-fragment--07 { top: 59px; left: 31px; right: auto; }
  .detail-system-emblem--home .code-fragment--08 { top: 61px; right: 29px; left: auto; }
  .detail-system-emblem--home .code-fragment--09 { top: 81px; left: 43px; right: auto; }
  .detail-system-emblem--home .code-fragment--10 { top: 84px; right: 42px; left: auto; }
  .detail-system-emblem--home .code-fragment--11 { top: 105px; left: 57px; right: auto; }
}

/* ============================================================
   v191 · Detailseiten: thematische Systemlogik zwischen Emblem und Factory
   - schmaler, bewegter Codefluss auf allen Systemdesign-Detailseiten
   - keine Strahlen, Linien, Pfeile oder Verbindungspfeiler
   - mobil länger und vertikaler geführt
   ============================================================ */

.subpage-keyvisual .detail-system-emblem {
  --detail-flow-top: 70px;
  --detail-flow-width: 150px;
  --detail-flow-height: 112px;
}

.subpage-keyvisual .detail-system-topic {
  z-index: 4 !important;
}

.subpage-keyvisual .detail-code-flow {
  position: absolute;
  z-index: 3;
  top: var(--detail-flow-top);
  left: 50%;
  width: var(--detail-flow-width);
  height: var(--detail-flow-height);
  transform: translateX(-50%);
  pointer-events: none;
  overflow: hidden;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: 1;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 11%, #000 78%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 11%, #000 78%, transparent 100%);
}

.subpage-keyvisual .detail-code-flow__field {
  position: absolute;
  inset: 0;
}

.subpage-keyvisual .detail-code-fragment {
  --detail-flow-duration: 18s;
  --detail-flow-delay: -4s;
  --detail-flow-distance: 14px;
  --detail-flow-sway: 0px;
  --detail-flow-opacity: .14;
  --detail-flow-peak: .34;
  position: absolute;
  display: block;
  color: rgba(151,174,184,.92);
  font-size: 6px;
  font-weight: 560;
  letter-spacing: .025em;
  white-space: nowrap;
  opacity: var(--detail-flow-opacity);
  text-shadow: 0 0 5px rgba(105,132,144,.07);
  will-change: transform, opacity;
  animation: detailSystemFragmentFlow var(--detail-flow-duration) cubic-bezier(.42,0,.24,1) infinite;
  animation-delay: var(--detail-flow-delay);
}

.subpage-keyvisual .detail-code-fragment--01 { top: 0; left: 0; --detail-flow-duration:21s; --detail-flow-delay:-7s; --detail-flow-distance:13px; --detail-flow-sway:2px; --detail-flow-opacity:.14; --detail-flow-peak:.31; }
.subpage-keyvisual .detail-code-fragment--02 { top: 2px; right: 0; --detail-flow-duration:17s; --detail-flow-delay:-13s; --detail-flow-distance:11px; --detail-flow-sway:-2px; --detail-flow-opacity:.18; --detail-flow-peak:.39; }
.subpage-keyvisual .detail-code-fragment--03 { top: 16px; left: 13px; --detail-flow-duration:19s; --detail-flow-delay:-2s; --detail-flow-distance:15px; --detail-flow-sway:1px; --detail-flow-opacity:.16; --detail-flow-peak:.36; }
.subpage-keyvisual .detail-code-fragment--04 { top: 18px; right: 15px; --detail-flow-duration:22s; --detail-flow-delay:-16s; --detail-flow-distance:14px; --detail-flow-sway:-1px; --detail-flow-opacity:.25; --detail-flow-peak:.49; color:rgba(198,177,116,.88); }
.subpage-keyvisual .detail-code-fragment--05 { top: 34px; left: 25px; --detail-flow-duration:16s; --detail-flow-delay:-9s; --detail-flow-distance:12px; --detail-flow-sway:1px; --detail-flow-opacity:.26; --detail-flow-peak:.50; }
.subpage-keyvisual .detail-code-fragment--06 { top: 35px; right: 27px; --detail-flow-duration:20s; --detail-flow-delay:-5s; --detail-flow-distance:16px; --detail-flow-sway:-1px; --detail-flow-opacity:.25; --detail-flow-peak:.49; color:rgba(198,177,116,.86); }
.subpage-keyvisual .detail-code-fragment--07 { top: 52px; left: 35px; --detail-flow-duration:18s; --detail-flow-delay:-14s; --detail-flow-distance:14px; --detail-flow-sway:1px; --detail-flow-opacity:.18; --detail-flow-peak:.39; }
.subpage-keyvisual .detail-code-fragment--08 { top: 53px; right: 38px; --detail-flow-duration:23s; --detail-flow-delay:-11s; --detail-flow-distance:17px; --detail-flow-sway:-1px; --detail-flow-opacity:.26; --detail-flow-peak:.50; }
.subpage-keyvisual .detail-code-fragment--09 { top: 68px; left: 41px; --detail-flow-duration:17s; --detail-flow-delay:-3s; --detail-flow-distance:15px; --detail-flow-sway:1px; --detail-flow-opacity:.24; --detail-flow-peak:.48; color:rgba(198,177,116,.90); }
.subpage-keyvisual .detail-code-fragment--10 { top: 79px; right: 41px; --detail-flow-duration:20s; --detail-flow-delay:-17s; --detail-flow-distance:16px; --detail-flow-sway:-1px; --detail-flow-opacity:.17; --detail-flow-peak:.38; }
.subpage-keyvisual .detail-code-fragment--11 { top: 90px; left: 49px; --detail-flow-duration:19s; --detail-flow-delay:-8s; --detail-flow-distance:18px; --detail-flow-sway:1px; --detail-flow-opacity:.26; --detail-flow-peak:.50; color:rgba(198,177,116,.92); }
.subpage-keyvisual .detail-code-fragment--12 { top: 101px; right: 49px; --detail-flow-duration:22s; --detail-flow-delay:-12s; --detail-flow-distance:17px; --detail-flow-sway:-1px; --detail-flow-opacity:.26; --detail-flow-peak:.50; }

@keyframes detailSystemFragmentFlow {
  0%   { transform: translate3d(0,-4px,0); opacity: 0; }
  13%  { opacity: var(--detail-flow-opacity); }
  58%  { transform: translate3d(var(--detail-flow-sway),var(--detail-flow-distance),0); opacity: var(--detail-flow-peak); }
  83%  { opacity: var(--detail-flow-opacity); }
  100% { transform: translate3d(0,calc(var(--detail-flow-distance) + 7px),0); opacity: 0; }
}

/* Die Themenembleme behalten ihre bisherigen Größen. Nur der Beginn des
   Codeflusses wird an die sichtbare Unterkante des jeweiligen Assets angepasst. */
.detail-system-emblem--industry { --detail-flow-top: 72px; --detail-flow-width: 148px; --detail-flow-height: 116px; }
.detail-system-emblem--ledger { --detail-flow-top: 70px; --detail-flow-width: 154px; --detail-flow-height: 118px; }
.detail-system-emblem--process { --detail-flow-top: 66px; --detail-flow-width: 146px; --detail-flow-height: 120px; }
.detail-system-emblem--intelligence { --detail-flow-top: 82px; --detail-flow-width: 152px; --detail-flow-height: 120px; }

@media (max-width: 860px) {
  .subpage-keyvisual .detail-system-emblem {
    --detail-flow-width: 132px;
    --detail-flow-height: 132px;
  }

  .subpage-keyvisual .detail-code-flow {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 82%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 82%, transparent 100%);
  }

  .subpage-keyvisual .detail-code-fragment {
    font-size: 5.55px;
    letter-spacing: .018em;
    --detail-flow-distance: 18px;
  }

  .subpage-keyvisual .detail-code-fragment--01 { top: 0; left: 1px; }
  .subpage-keyvisual .detail-code-fragment--02 { top: 3px; right: 0; }
  .subpage-keyvisual .detail-code-fragment--03 { top: 19px; left: 9px; }
  .subpage-keyvisual .detail-code-fragment--04 { top: 22px; right: 9px; }
  .subpage-keyvisual .detail-code-fragment--05 { top: 41px; left: 18px; }
  .subpage-keyvisual .detail-code-fragment--06 { top: 44px; right: 18px; }
  .subpage-keyvisual .detail-code-fragment--07 { top: 63px; left: 28px; }
  .subpage-keyvisual .detail-code-fragment--08 { top: 66px; right: 28px; }
  .subpage-keyvisual .detail-code-fragment--09 { top: 82px; left: 34px; }
  .subpage-keyvisual .detail-code-fragment--10 { top: 94px; right: 34px; }
  .subpage-keyvisual .detail-code-fragment--11 { top: 108px; left: 40px; }
  .subpage-keyvisual .detail-code-fragment--12 { top: 124px; right: 40px; }

  .detail-system-emblem--industry { --detail-flow-top: 56px; --detail-flow-height: 136px; }
  .detail-system-emblem--ledger { --detail-flow-top: 55px; --detail-flow-height: 138px; }
  .detail-system-emblem--process { --detail-flow-top: 50px; --detail-flow-height: 142px; }
  .detail-system-emblem--intelligence { --detail-flow-top: 59px; --detail-flow-height: 144px; }
}

@media (max-width: 480px) {
  .subpage-keyvisual .detail-system-emblem {
    --detail-flow-width: 126px;
    --detail-flow-height: 140px;
  }
  .subpage-keyvisual .detail-code-fragment {
    font-size: 5.35px;
  }
  .subpage-keyvisual .detail-code-fragment--12 { display: none; }
  .detail-system-emblem--industry { --detail-flow-top: 52px; --detail-flow-height: 144px; }
  .detail-system-emblem--ledger { --detail-flow-top: 51px; --detail-flow-height: 146px; }
  .detail-system-emblem--process { --detail-flow-top: 47px; --detail-flow-height: 150px; }
  .detail-system-emblem--intelligence { --detail-flow-top: 54px; --detail-flow-height: 152px; }
}

@media (prefers-reduced-motion: reduce) {
  .subpage-keyvisual .detail-code-fragment {
    animation: none !important;
    opacity: var(--detail-flow-opacity);
    transform: none !important;
  }
}

/* ============================================================
   v192 · Mobile Detailseiten: Codefluss endet innerhalb der Factory
   - Der thematische Codefluss wird auf kleinen Viewports wieder auf
     denselben vertikalen Endpunkt wie auf Desktop begrenzt.
   - Er darf in die Factory eintreten, aber nicht durch sie hindurch
     beziehungsweise unterhalb der Factory wieder sichtbar werden.
   ============================================================ */
@media (max-width: 860px) {
  .subpage-keyvisual .detail-code-flow {
    /* Kräftigeres Ausblenden im oberen Factory-Bereich. */
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      #000 8%,
      #000 72%,
      rgba(0,0,0,.72) 82%,
      transparent 100%
    );
    mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      #000 8%,
      #000 72%,
      rgba(0,0,0,.72) 82%,
      transparent 100%
    );
  }

  /* Factory-Oberkante bei dieser Bühne: ca. 94px. Der Flow endet
     kontrolliert im mittleren Factory-Bereich und niemals darunter. */
  .detail-system-emblem--industry {
    --detail-flow-top: 56px;
    --detail-flow-height: 102px;
  }
  .detail-system-emblem--ledger {
    --detail-flow-top: 55px;
    --detail-flow-height: 103px;
  }
  .detail-system-emblem--process {
    --detail-flow-top: 50px;
    --detail-flow-height: 108px;
  }
  .detail-system-emblem--intelligence {
    --detail-flow-top: 59px;
    --detail-flow-height: 99px;
  }
}

@media (max-width: 480px) {
  /* Factory-Oberkante bei dieser Bühne: 90px. Ziel-Endpunkt aller
     Varianten: ca. 150px, also deutlich innerhalb der Factory. */
  .detail-system-emblem--industry {
    --detail-flow-top: 52px;
    --detail-flow-height: 98px;
  }
  .detail-system-emblem--ledger {
    --detail-flow-top: 51px;
    --detail-flow-height: 99px;
  }
  .detail-system-emblem--process {
    --detail-flow-top: 47px;
    --detail-flow-height: 103px;
  }
  .detail-system-emblem--intelligence {
    --detail-flow-top: 54px;
    --detail-flow-height: 96px;
  }

  /* Die unteren Fragmente bleiben Teil der Bewegung, werden aber bereits
     innerhalb der Factory ausgeblendet statt unter ihr weiterzulaufen. */
  .subpage-keyvisual .detail-code-fragment--11,
  .subpage-keyvisual .detail-code-fragment--12 {
    display: none;
  }
}

/* ============================================================
   v197 · Mobile Navigation zentralisiert und scrollsicher
   - Hamburger funktioniert auf allen Seiten
   - Hintergrund bleibt bei geöffnetem Drawer stehen
   - nur der Drawer übernimmt vertikale Touch-Gesten
   ============================================================ */
@media (max-width: 860px) {
  html.nav-open,
  body.nav-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none;
  }

  body.nav-open::before {
    z-index: 1980 !important;
    pointer-events: auto;
  }

  .site-header,
  body.nav-open .site-header {
    z-index: 2000 !important;
  }

  .site-header .nav-toggle,
  body.nav-open .nav-toggle {
    z-index: 2020 !important;
    touch-action: manipulation;
  }

  .site-header .nav-links {
    z-index: 2010 !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    box-sizing: border-box;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-x: none;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    padding-bottom: max(36px, env(safe-area-inset-bottom)) !important;
  }
}

/* v215 · Zielmarkt-Trennlinien auf gemeinsamer Höhe */
@media (min-width: 861px) {
  .section.markets .cluster-body .cluster-desc {
    min-height: calc(1.58em * 4);
  }
  .section.markets .cluster-body .cluster-tags {
    min-height: 82px;
    align-content: flex-start;
  }
}

/* Block 689: H2/H3 fragment offsets in Systemwissen detail articles.
   Mirror the existing section[id] offsets. Link href/title unchanged. */
body.lexicon-detail-page .lexicon-article :is(h2, h3)[id] {
  scroll-margin-top: 20px !important;
}
@media (max-width: 860px) {
  body.lexicon-detail-page .lexicon-article :is(h2, h3)[id] {
    scroll-margin-top: 24px !important;
  }
}
@media (max-width: 520px) {
  body.lexicon-detail-page .lexicon-article :is(h2, h3)[id] {
    scroll-margin-top: 22px !important;
  }
}


/* Source: home-hero-scale-v196.css */
/* ============================================================
   v196 · Startseiten-Hero: Factory exakt an Detailseiten-Achse ausrichten
   - Desktop: ca. 30 % mehr Präsenz
   - Tablet/Mobile: ca. 50 % mehr Präsenz
   - Code bleibt fein und endet innerhalb der Factory
   - Factory-Achse exakt auf Industrie 5.0 abgeglichen
   - Desktop +6 px, Tablet +13 px, Mobile +15 px nach unten
   - Detailseiten bleiben unverändert
   ============================================================ */

@media (min-width: 861px) {
  .hero-field.hero-centered > .hero.hero-dark {
    min-height: 710px !important;
  }

  .hero-field.hero-centered .hero-emblem-stack {
    top: 306px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home {
    --factory-w: 338px !important;
    --factory-h: 216px !important;
    width: 364px !important;
    height: 345px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 8px !important;
    width: 312px !important;
    height: 172px !important;
    margin-left: -156px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-code-field {
    inset: 0 0 36px !important;
  }

  /* Die Schrift bleibt bewusst fein; nur Fläche und Verteilung wachsen. */
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment {
    font-size: 6.35px !important;
    letter-spacing: .025em !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--01 { top: 3px !important; left: 0 !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--02 { top: 4px !important; left: 101px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--03 { top: 3px !important; right: 1px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--04 { top: 17px !important; left: 17px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--05 { top: 18px !important; left: 121px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--06 { top: 17px !important; right: 10px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--07 { top: 31px !important; left: 1px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--08 { top: 33px !important; left: 94px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--09 { top: 31px !important; right: 3px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--10 { top: 46px !important; left: 22px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--11 { top: 47px !important; left: 118px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--12 { top: 46px !important; right: 16px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--13 { top: 60px !important; left: 5px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--14 { top: 61px !important; left: 88px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--15 { top: 60px !important; right: 22px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--16 { top: 74px !important; left: 31px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--17 { top: 75px !important; left: 142px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--18 { top: 74px !important; right: 0 !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--19 { top: 88px !important; left: 10px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--20 { top: 90px !important; left: 105px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--21 { top: 88px !important; right: 7px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--22 { top: 103px !important; left: 36px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--23 { top: 104px !important; right: 40px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--24 { top: 117px !important; left: 56px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--25 { top: 117px !important; right: 51px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--26 { top: 130px !important; left: 86px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--27 { top: 130px !important; right: 75px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--28 { top: 117px !important; left: 100px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--29 { top: 117px !important; right: 87px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--30 { top: 129px !important; left: 114px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--31 { top: 8px !important; left: 200px !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--32 { top: 109px !important; left: 109px !important; }
}

@media (max-width: 860px) {
  .hero-field.hero-centered .hero-emblem-stack {
    top: 408px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home {
    --factory-w: 276px !important;
    --factory-h: 177px !important;
    width: 315px !important;
    height: 318px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 9px !important;
    width: 250px !important;
    height: 182px !important;
    margin-left: -125px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-code-field {
    inset: 0 !important;
    width: 250px !important;
    left: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 82%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, transparent 0%, #000 7%, #000 82%, transparent 100%) !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .code-fragment {
    font-size: 5.85px !important;
    letter-spacing: .016em !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--01 { top: 0 !important; left: 0 !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--02 { top: 3px !important; right: 0 !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--03 { top: 20px !important; left: 12px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--04 { top: 22px !important; right: 11px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--05 { top: 43px !important; left: 27px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--06 { top: 45px !important; right: 25px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--07 { top: 68px !important; left: 43px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--08 { top: 70px !important; right: 40px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--09 { top: 93px !important; left: 60px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--10 { top: 96px !important; right: 57px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--11 { top: 120px !important; left: 78px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--12 { top: 123px !important; right: 74px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--13 { top: 146px !important; left: 91px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--14 { top: 149px !important; right: 87px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--15 { top: 163px !important; left: 102px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--16 { top: 164px !important; right: 98px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--17 { top: 151px !important; left: 110px !important; right: auto !important; }
}

@media (max-width: 480px) {
  .hero-field.hero-centered .hero-emblem-stack {
    top: 410px !important;
  }
}

@media (max-width: 520px) {
  .hero-field.hero-centered .detail-system-emblem--home {
    --factory-w: 267px !important;
    --factory-h: 171px !important;
    width: 303px !important;
    height: 306px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 8px !important;
    width: 246px !important;
    height: 188px !important;
    margin-left: -123px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-code-field {
    width: 246px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .code-fragment {
    font-size: 5.7px !important;
    letter-spacing: .014em !important;
  }

  /* Mobile bleibt bewusst bei elf Fragmenten, verteilt sie aber über die
     größere vertikale Strecke bis in den oberen Factory-Bereich. */
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--01 { top: 0 !important; left: 0 !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--02 { top: 3px !important; right: 0 !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--03 { top: 24px !important; left: 13px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--04 { top: 27px !important; right: 12px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--05 { top: 52px !important; left: 30px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--06 { top: 55px !important; right: 27px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--07 { top: 83px !important; left: 47px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--08 { top: 87px !important; right: 44px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--09 { top: 117px !important; left: 66px !important; right: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--10 { top: 121px !important; right: 62px !important; left: auto !important; }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--11 { top: 154px !important; left: 88px !important; right: auto !important; }
}


/* Source: home-content-v210.css */
/* v207 · Startseite: Problem → Betriebswert */

.home-value {
  position: relative;
  padding: 104px 0 108px;
  overflow: hidden;
  background:
    radial-gradient(78% 125% at 88% 20%, rgba(50, 66, 84, 0.22), transparent 68%),
    linear-gradient(180deg, #101114 0%, #0c0d0f 100%);
  border-top: 1px solid rgba(203, 183, 127, 0.11);
  border-bottom: 1px solid rgba(203, 183, 127, 0.11);
}

.home-value-inner {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(56px, 7vw, 104px);
  align-items: start;
}

.home-value-copy {
  max-width: 590px;
}

.home-value-copy h2 {
  margin: 10px 0 22px;
  max-width: 16ch;
  color: #f3f3f1;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.home-value-copy p:not(.eyebrow) {
  margin: 0;
  max-width: 64ch;
  color: rgba(236, 236, 233, 0.72);
  font-size: 1rem;
  line-height: 1.72;
}

.home-value-copy p:not(.eyebrow) + p {
  margin-top: 14px;
}

.home-value-facts {
  border-top: 1px solid rgba(203, 183, 127, 0.24);
}

.home-value-fact {
  display: grid;
  grid-template-columns: 42px minmax(150px, 0.65fr) minmax(0, 1.35fr);
  gap: 18px;
  align-items: baseline;
  padding: 22px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.home-value-index {
  color: #cbb77f;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.home-value-fact strong {
  color: #f1f0ec;
  font-size: 0.98rem;
  line-height: 1.35;
}

.home-value-fact > span:last-child {
  color: rgba(236, 236, 233, 0.66);
  font-size: 0.91rem;
  line-height: 1.55;
}

.ledger-core--compact {
  margin-bottom: 0;
}

@media (max-width: 900px) {
  .home-value {
    padding: 82px 0 88px;
  }

  .home-value-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .home-value-copy {
    max-width: 700px;
  }
}

@media (max-width: 620px) {
  .home-value {
    padding: 66px 0 72px;
  }

  .home-value-inner {
    gap: 38px;
  }

  .home-value-copy h2 {
    margin-bottom: 18px;
    max-width: 100%;
    font-size: clamp(1.85rem, 9vw, 2.55rem);
    line-height: 1.04;
  }

  .home-value-copy p:not(.eyebrow) {
    font-size: 0.96rem;
    line-height: 1.66;
  }

  .home-value-fact {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 6px 12px;
    padding: 18px 0;
  }

  .home-value-fact > span:last-child {
    grid-column: 2;
  }

}


/* ============================================================
   v210 · Startseite: operativer digitaler Betriebszwilling
   ============================================================ */

/* Der große Übergang bleibt monumental, führt nun aber intern. */
.hero-field > .section.manifesto .mf-link { scroll-behavior: smooth; }

/* Portaltexte benötigen bei den längeren, präziseren Beschreibungen etwas Luft. */
.arch-col-head {
  display: flex;
  flex-direction: column;
  min-height: 126px;
}
.arch-layer-sub {
  max-width: 29ch;
  flex: 1;
}
@media (max-width: 860px) {
  .arch-col-head { min-height: auto; }
}

/* Vom Betriebszustand zur Erkenntnis */
.system-journey .journey-head { max-width: 960px; }
.system-journey .ledger-sub { max-width: 850px; }

.journey-primary {
  margin-top: 52px;
  padding: 30px 0 8px;
  border-top: 1px solid rgba(203,183,127,0.28);
}
.journey-primary-head {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;
  max-width: 870px;
  margin-bottom: 8px;
}
.journey-index {
  display: block;
  padding-top: 7px;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.16em;
}
.journey-kicker {
  margin: 0 0 8px;
  color: var(--accent);
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.journey-primary h3,
.journey-card h3 {
  margin: 0 0 12px;
  color: #f3f3f1;
  font-size: clamp(1.28rem, 2vw, 1.72rem);
  line-height: 1.18;
  letter-spacing: -0.025em;
}
.journey-primary-head p:not(.journey-kicker),
.journey-card > p:not(.journey-kicker) {
  margin: 0;
  color: rgba(236,236,233,0.70);
  font-size: 0.96rem;
  line-height: 1.68;
}
.journey-link {
  display: inline-block;
  margin-top: 18px;
  color: var(--accent);
  font-size: 0.9rem;
  font-weight: 750;
  line-height: 1.4;
  text-decoration: none;
  text-underline-offset: 4px;
}
.journey-link:hover,
.journey-link:focus-visible {
  color: var(--accent-strong);
  text-decoration: underline;
}
.system-journey .chain-viz { margin-top: 38px; }

.journey-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 54px;
  border-top: 1px solid rgba(203,183,127,0.28);
  border-bottom: 1px solid rgba(203,183,127,0.28);
}
.journey-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 30px 30px 32px;
}
.journey-card + .journey-card { border-left: 1px solid rgba(255,255,255,0.10); }
.journey-card .journey-index { margin-bottom: 26px; padding-top: 0; }
.journey-card .journey-link { margin-top: auto; padding-top: 24px; }

.journey-closing {
  max-width: 920px;
  margin: 44px 0 0;
  padding-left: 20px;
  border-left: 2px solid var(--accent);
  color: #eeeae0;
  font-size: clamp(1.05rem, 1.8vw, 1.28rem);
  font-weight: 650;
  line-height: 1.55;
  letter-spacing: -0.01em;
}

/* Datenhoheit: Erläuterung zwischen H2 und Vertrauensleiste. */
.deploy-intro {
  max-width: 780px;
  margin: -18px auto 40px;
  color: rgba(238,242,238,0.68);
  font-size: 1rem;
  line-height: 1.68;
}

@media (max-width: 900px) {
  .journey-grid { grid-template-columns: 1fr; }
  .journey-card + .journey-card {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,0.10);
  }
  .journey-card { padding-left: 22px; padding-right: 22px; }
}

@media (max-width: 620px) {
  .journey-primary { margin-top: 38px; padding-top: 24px; }
  .journey-primary-head { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; }
  .journey-primary h3,
  .journey-card h3 { font-size: 1.3rem; }
  .journey-grid { margin-top: 42px; }
  .journey-card { padding-top: 24px; padding-bottom: 26px; }
  .journey-card .journey-index { margin-bottom: 18px; }
  .journey-closing { margin-top: 34px; padding-left: 16px; }
  .deploy-intro { margin-top: -12px; margin-bottom: 32px; font-size: 0.96rem; }
}


/* interne Sprunglogik der Startseite */
#wertschoepfung, #module, #datenintegritaet, #maerkte, #betrieb, #kontakt, #demo {
  scroll-margin-top: 112px;
}
.section-flow {
  margin: 26px auto 0;
}
.section-flow--inside {
  margin-top: 28px;
}
.section-flow-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid rgba(203,183,127,0.26);
  padding: 0 0 6px;
  transition: color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.section-flow-link:hover,
.section-flow-link:focus-visible {
  color: var(--accent-strong);
  border-color: rgba(203,183,127,0.72);
  transform: translateX(2px);
  outline: none;
}
.section-flow-label {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-soft);
}
.section-flow-text {
  font-size: 0.96rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.section-flow-arrow {
  color: var(--accent);
  font-size: 1rem;
  line-height: 1;
}
@media (max-width: 760px) {
  #wertschoepfung, #module, #datenintegritaet, #maerkte, #betrieb, #kontakt, #demo {
    scroll-margin-top: 94px;
  }
  .section-flow { margin-top: 22px; }
  .section-flow-link {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 12px;
  }
  .section-flow-text {
    flex: 1;
  }
}


/* Source: site-refinement-v221.css */
/* ============================================================
   v222 · Hero/V/Factory refinement
   - V receives a centered lower tip line instead of a full-width divider
   - home and detail-page hero transitions become softer and more continuous
   - detail-page header rhythm stays aligned with the refined home header
   ============================================================ */

@media (min-width: 861px) {
  .site-header .nav,
  .site-header.is-compact .nav {
    min-height: 86px !important;
  }
}

/* Remove the previous full-width separator treatment. */
.hero-field.hero-centered > .hero.hero-dark,
.subpage-keyvisual > .module-hero.hero.hero-dark {
  background-image: none !important;
  box-shadow: none !important;
}

/* The lower V tip receives a short centered contour line in the same color family
   as the header frame instead of a hard horizontal bar across the whole canvas. */
.hero-field.hero-centered .hero-emblem-stack::after,
.subpage-keyvisual .module-hero .hero-emblem-stack::after,
.subpage-keyvisual .module-hero .pi-hero-stack::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -98px;
  width: min(42vw, 540px);
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(203,183,127,0) 0%,
    rgba(203,183,127,.16) 12%,
    rgba(203,183,127,.28) 50%,
    rgba(203,183,127,.16) 88%,
    rgba(203,183,127,0) 100%);
}

/* Home hero line sits slightly closer, because the stack is visually lower. */
.hero-field.hero-centered .hero-emblem-stack::after {
  bottom: -88px;
  width: min(44vw, 560px);
}

/* Process Intelligence had slipped down slightly; pull the stack back onto the common baseline. */
@media (min-width: 861px) {
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .pi-hero-stack {
    top: 262px !important;
  }
}

@media (max-width: 860px) {
  .hero-field.hero-centered .hero-emblem-stack::after,
  .subpage-keyvisual .module-hero .hero-emblem-stack::after,
  .subpage-keyvisual .module-hero .pi-hero-stack::after {
    bottom: -52px;
    width: min(62vw, 330px);
  }
}


/* Source: site-refinement-v225.css */
/* ============================================================
   v225 · Hero-Rückführung auf monumentale, frei schwebende Factory
   - Startseite und Detailseiten teilen sich wieder eine feste Factory-Bühne
   - Factory sitzt auf allen Seiten an derselben Position
   - Startseite erhält wieder mehr Präsenz
   - Seitennavigation auf Detailseiten wird ruhiger und höher platziert
   ============================================================ */

:root {
  --v225-divider: rgba(203, 183, 127, 0.20);
  --v225-home-hero-height: 760px;
  --v225-detail-hero-height: 760px;
  --v225-home-mobile-height: 750px;
  --v225-detail-mobile-height: 840px;
  --v225-shared-stack-top: 320px;
  --v225-shared-mobile-stack-top: 410px;
  --v225-factory-w: 352px;
  --v225-factory-h: 225px;
  --v225-emblem-w: 390px;
  --v225-emblem-h: 364px;
  --v225-emblem-h-intelligence: 374px;
  --v225-nav-top: 618px;
  --v225-nav-width: min(1160px, calc(100vw - 104px));
}

/* Hero-Bühnen angleichen und unteren Abschluss sauber halten. */
.hero-field.hero-centered > .hero.hero-dark,
.subpage-keyvisual > .module-hero.hero.hero-dark {
  position: relative !important;
  overflow: visible !important;
  border-bottom: 1px solid var(--v225-divider) !important;
  box-sizing: border-box !important;
}

@media (min-width: 861px) {
  .hero-field.hero-centered > .hero.hero-dark {
    height: var(--v225-home-hero-height) !important;
    min-height: var(--v225-home-hero-height) !important;
  }

  .ledger-doc .subpage-keyvisual > .module-hero,
  .process-mining-doc .subpage-keyvisual > .module-hero,
  .process-intelligence-doc .subpage-keyvisual > .module-hero,
  .i5-doc .subpage-keyvisual > .module-hero {
    height: var(--v225-detail-hero-height) !important;
    min-height: var(--v225-detail-hero-height) !important;
  }

  /* V läuft wieder vollständig bis zur unteren Hero-Kante. */
  .hero-field.hero-centered::before {
    height: var(--v225-home-hero-height) !important;
    background-size: auto 113.636% !important;
    background-position: center top !important;
  }

  .subpage-keyvisual::before {
    height: var(--v225-detail-hero-height) !important;
    background-size: auto 113.636% !important;
    background-position: center top !important;
  }

  /* Gemeinsame, ruhige Factory-Bühne: frei schwebend und fix. */
  .hero-field.hero-centered .hero-emblem-stack,
  .ledger-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-mining-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero .pi-hero-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack {
    position: absolute !important;
    top: var(--v225-shared-stack-top) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 4 !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home,
  .subpage-keyvisual .detail-system-emblem:not(.detail-system-emblem--intelligence) {
    --factory-w: var(--v225-factory-w) !important;
    --factory-h: var(--v225-factory-h) !important;
    width: var(--v225-emblem-w) !important;
    height: var(--v225-emblem-h) !important;
  }

  .subpage-keyvisual .detail-system-emblem--intelligence {
    --factory-w: var(--v225-factory-w) !important;
    --factory-h: var(--v225-factory-h) !important;
    width: var(--v225-emblem-w) !important;
    height: var(--v225-emblem-h-intelligence) !important;
  }

  /* Startseite wieder monumental statt verkleinert. */
  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 10px !important;
    width: 320px !important;
    height: 178px !important;
    margin-left: -160px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-code-field {
    inset: 0 0 38px !important;
  }

  /* Seitennavigation ruhiger an den Außenkanten, nicht auf der Trennlinie. */
  .detail-page-sequence,
  .detail-page-sequence--intelligence {
    top: var(--v225-nav-top) !important;
    width: var(--v225-nav-width) !important;
    min-height: 56px !important;
    padding: 0 6px !important;
    align-items: center !important;
  }

  .detail-page-nav {
    min-width: 216px !important;
  }

  .detail-page-nav__label {
    max-width: 220px !important;
  }
}

@media (max-width: 860px) {
  .hero-field.hero-centered > .hero.hero-dark {
    height: var(--v225-home-mobile-height) !important;
    min-height: var(--v225-home-mobile-height) !important;
  }

  .ledger-doc .subpage-keyvisual > .module-hero,
  .process-mining-doc .subpage-keyvisual > .module-hero,
  .process-intelligence-doc .subpage-keyvisual > .module-hero,
  .i5-doc .subpage-keyvisual > .module-hero {
    height: var(--v225-detail-mobile-height) !important;
    min-height: var(--v225-detail-mobile-height) !important;
  }

  .hero-field.hero-centered::before {
    height: var(--v225-home-mobile-height) !important;
    background-size: auto 112% !important;
    background-position: center top !important;
  }

  .subpage-keyvisual::before {
    height: var(--v225-detail-mobile-height) !important;
    background-size: auto 112% !important;
    background-position: center top !important;
  }

  .hero-field.hero-centered .hero-emblem-stack,
  .ledger-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-mining-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero .pi-hero-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack {
    top: var(--v225-shared-mobile-stack-top) !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home,
  .subpage-keyvisual .detail-system-emblem:not(.detail-system-emblem--intelligence) {
    --factory-w: 284px !important;
    --factory-h: 182px !important;
    width: 322px !important;
    height: 324px !important;
  }

  .subpage-keyvisual .detail-system-emblem--intelligence {
    --factory-w: 284px !important;
    --factory-h: 182px !important;
    width: 322px !important;
    height: 336px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 8px !important;
    width: 258px !important;
    height: 186px !important;
    margin-left: -129px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-code-field {
    inset: 0 !important;
    width: 258px !important;
  }

  .detail-page-sequence,
  .detail-page-sequence--intelligence {
    top: 728px !important;
    width: calc(100% - 28px) !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 520px) {
  .hero-field.hero-centered .detail-system-emblem--home,
  .subpage-keyvisual .detail-system-emblem:not(.detail-system-emblem--intelligence) {
    --factory-w: 272px !important;
    --factory-h: 174px !important;
    width: 308px !important;
    height: 310px !important;
  }

  .subpage-keyvisual .detail-system-emblem--intelligence {
    --factory-w: 272px !important;
    --factory-h: 174px !important;
    width: 308px !important;
    height: 320px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    width: 248px !important;
    margin-left: -124px !important;
  }
}


/* Source: site-refinement-v226.css */
/* ============================================================
   v226 · Gemeinsames Hero-System
   - Factory auf einer festen visuellen Grundlinie
   - Startseite und Detailseiten mit identischem Tiefenverlauf
   - klare V-/Linienlogik und ruhige Seitennavigation
   ============================================================ */

:root {
  --v226-divider: rgba(203, 183, 127, .20);
  --v226-hero-gradient: radial-gradient(118% 118% at 82% -12%, #1d252f 0%, #12171c 34%, #0d1014 58%, #0e0e10 88%);
  --v226-content-gradient:
    radial-gradient(78% 125% at 88% 20%, rgba(50, 66, 84, .22), transparent 68%),
    linear-gradient(180deg, #101114 0%, #0c0d0f 100%);
  --v226-stack-top: 320px;
  --v226-emblem-width: 390px;
  --v226-emblem-height: 364px;
  --v226-factory-width: 352px;
  --v226-factory-height: 225px;
  --v226-nav-top: 620px;
  --v226-nav-width: min(1120px, calc(100vw - 96px));
}

/* ------------------------------------------------------------
   1. Identische Hero-Tiefe auf Startseite und Detailseiten
   ------------------------------------------------------------ */
.hero-field.hero-centered::after,
.ledger-doc .subpage-keyvisual::after,
.process-mining-doc .subpage-keyvisual::after,
.process-intelligence-doc .subpage-keyvisual::after,
.i5-doc .subpage-keyvisual::after {
  background: var(--v226-hero-gradient) !important;
}

/* Der Hero bleibt eine klare, geschlossene Bühne. */
.hero-field.hero-centered > .hero.hero-dark,
.ledger-doc .subpage-keyvisual > .module-hero,
.process-mining-doc .subpage-keyvisual > .module-hero,
.process-intelligence-doc .subpage-keyvisual > .module-hero,
.i5-doc .subpage-keyvisual > .module-hero {
  border-bottom: 1px solid var(--v226-divider) !important;
  background: transparent !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Der V-Scheitel bleibt vollständig sichtbar und endet an der Abschlusslinie. */
@media (min-width: 861px) {
  .hero-field.hero-centered::before,
  .subpage-keyvisual::before {
    background-position: center top !important;
    background-size: auto 113.636% !important;
  }
}

/* ------------------------------------------------------------
   2. Factory überall auf exakt derselben Grundposition
   ------------------------------------------------------------ */
@media (min-width: 861px) {
  .hero-field.hero-centered .hero-emblem-stack,
  .ledger-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-mining-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .pi-hero-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack {
    top: var(--v226-stack-top) !important;
  }

  /* Entscheidend: alle Emblem-Container haben dieselbe Höhe. Dadurch liegt
     die Factory-Unterkante unabhängig vom Seitensymbol exakt gleich. */
  .hero-field.hero-centered .detail-system-emblem--home,
  .subpage-keyvisual .detail-system-emblem,
  .subpage-keyvisual .detail-system-emblem--intelligence {
    --factory-w: var(--v226-factory-width) !important;
    --factory-h: var(--v226-factory-height) !important;
    width: var(--v226-emblem-width) !important;
    height: var(--v226-emblem-height) !important;
  }

  /* Startseite behält die monumentale Präsenz der freigegebenen Variante. */
  .hero-field.hero-centered .detail-system-emblem--home .home-system-source {
    top: 10px !important;
    width: 320px !important;
    height: 178px !important;
    margin-left: -160px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home .home-system-code-field {
    inset: 0 0 38px !important;
  }
}

/* ------------------------------------------------------------
   3. Seitennavigation ruhiger und systemweit identisch
   ------------------------------------------------------------ */
@media (min-width: 861px) {
  .detail-page-sequence,
  .detail-page-sequence--intelligence {
    top: var(--v226-nav-top) !important;
    width: var(--v226-nav-width) !important;
    min-height: 52px !important;
    padding: 0 !important;
    align-items: center !important;
  }

  .detail-page-nav {
    min-width: 190px !important;
    padding-block: 6px !important;
  }

  .detail-page-nav__label {
    max-width: 205px !important;
  }
}

/* ------------------------------------------------------------
   4. Übergang in den ersten Inhaltsbereich
   ------------------------------------------------------------ */
.ledger-doc .subpage-keyvisual > .ledger-event-section,
.process-mining-doc .subpage-keyvisual > .pm-intro-section,
.process-intelligence-doc .subpage-keyvisual > .pi-intro-section,
.i5-doc .subpage-keyvisual > .i50-intro-section {
  margin-top: 0 !important;
  border-top: 0 !important;
  background: var(--v226-content-gradient) !important;
}

/* Die starke horizontale Übergangsachse bleibt sichtbar und wird nicht vom
   Farbverlauf verschluckt. */
.ledger-doc .subpage-keyvisual > .ledger-event-section::before,
.process-mining-doc .subpage-keyvisual > .pm-intro-section::before,
.process-intelligence-doc .subpage-keyvisual > .pi-intro-section::before,
.i5-doc .subpage-keyvisual > .i50-intro-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--v226-divider);
  pointer-events: none;
  z-index: 3;
}

/* Der zusätzliche Hero-Fade bleibt sehr zurückhaltend; die klare Linie führt. */
.ledger-doc .subpage-keyvisual > .module-hero::after,
.process-mining-doc .subpage-keyvisual > .module-hero::after,
.process-intelligence-doc .subpage-keyvisual > .module-hero::after,
.i5-doc .subpage-keyvisual > .module-hero::after {
  height: 96px !important;
  background: linear-gradient(180deg, rgba(11, 11, 13, 0), rgba(11, 11, 13, .36) 72%, rgba(11, 11, 13, .72) 100%) !important;
}

/* ------------------------------------------------------------
   5. Mobile: gemeinsame Grundposition und klare Übergänge
   ------------------------------------------------------------ */
@media (max-width: 860px) {
  /* Auf Mobilgeräten beziehen sich alle Factory-Koordinaten direkt auf die
     Hero-Bühne und nicht auf unterschiedlich hohe Textcontainer. */
  .hero-field.hero-centered .hero-stack,
  .hero-field.hero-centered .hero-content,
  .ledger-doc .subpage-keyvisual .detail-hero-content,
  .process-mining-doc .subpage-keyvisual .detail-hero-content,
  .process-intelligence-doc .subpage-keyvisual .detail-hero-content,
  .i5-doc .subpage-keyvisual .detail-hero-content {
    position: static !important;
  }

  .hero-field.hero-centered .hero-emblem-stack,
  .ledger-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-mining-doc .subpage-keyvisual .module-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .pi-hero-stack,
  .i5-doc .subpage-keyvisual .module-hero .hero-emblem-stack {
    top: 410px !important;
  }

  .hero-field.hero-centered .detail-system-emblem--home,
  .subpage-keyvisual .detail-system-emblem,
  .subpage-keyvisual .detail-system-emblem--intelligence {
    --factory-w: 284px !important;
    --factory-h: 182px !important;
    width: 322px !important;
    height: 324px !important;
  }

  .detail-page-sequence,
  .detail-page-sequence--intelligence {
    top: 728px !important;
    width: calc(100% - 28px) !important;
  }

  .ledger-doc .subpage-keyvisual > .ledger-event-section,
  .process-mining-doc .subpage-keyvisual > .pm-intro-section,
  .process-intelligence-doc .subpage-keyvisual > .pi-intro-section,
  .i5-doc .subpage-keyvisual > .i50-intro-section {
    background: var(--v226-content-gradient) !important;
  }
}

@media (max-width: 520px) {
  .hero-field.hero-centered .detail-system-emblem--home,
  .subpage-keyvisual .detail-system-emblem,
  .subpage-keyvisual .detail-system-emblem--intelligence {
    --factory-w: 272px !important;
    --factory-h: 174px !important;
    width: 308px !important;
    height: 310px !important;
  }
}


/* Source: site-refinement-v237.css */
/* ============================================================
   v237 · Gemeinsames Hero-Claim-System + innerer Startseiten-Codefluss
   ============================================================ */

.hero-gold-claim{
  position:relative;
  z-index:5;
  width:max-content;
  max-width:min(760px,calc(100% - 36px));
  margin:16px auto 0!important;
  color:rgba(221,198,133,.88)!important;
  font-size:clamp(.68rem,.78vw,.78rem)!important;
  font-weight:680!important;
  line-height:1.45!important;
  letter-spacing:.022em!important;
  text-align:center!important;
  text-wrap:balance;
}

.hero-gold-claim::before,
.hero-gold-claim::after{
  content:"";
  display:inline-block;
  width:22px;
  height:1px;
  margin:0 12px 3px;
  vertical-align:middle;
  background:linear-gradient(90deg,transparent,rgba(203,183,127,.58));
}
.hero-gold-claim::after{transform:scaleX(-1)}

.hero-field.hero-centered .hero-gold-claim--home{
  margin-top:18px!important;
}

/* Der bestehende Codefluss wird als inneres, nach unten verdichtetes V lesbar. */
.hero-field.hero-centered .detail-system-emblem--home .home-system-source{
  top:3px!important;
  width:352px!important;
  height:214px!important;
  margin-left:-176px!important;
}
.hero-field.hero-centered .detail-system-emblem--home .home-system-code-field{
  inset:0!important;
  overflow:hidden!important;
  -webkit-clip-path:polygon(0 0,100% 0,50% 100%);
  clip-path:polygon(0 0,100% 0,50% 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 86%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 86%,transparent 100%)!important;
}
.hero-field.hero-centered .detail-system-emblem--home .home-system-code-field::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:9px;
  width:1px;
  height:72%;
  background:linear-gradient(180deg,transparent,rgba(203,183,127,.20),rgba(203,183,127,.42),transparent);
  box-shadow:0 0 15px rgba(203,183,127,.10);
}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--33{top:143px!important;left:104px!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--34{top:146px!important;right:103px!important;left:auto!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--35{top:158px!important;left:119px!important;color:rgba(198,177,116,.88)!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--36{top:161px!important;right:118px!important;left:auto!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--37{top:174px!important;left:137px!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--38{top:176px!important;right:135px!important;left:auto!important;color:rgba(198,177,116,.92)!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--39{top:188px!important;left:151px!important}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment--40{top:197px!important;left:145px!important;color:rgba(198,177,116,.86)!important}

@media (max-width:860px){
  .hero-gold-claim{
    max-width:calc(100% - 32px);
    margin-top:12px!important;
    font-size:.66rem!important;
  }
  .hero-gold-claim::before,
  .hero-gold-claim::after{width:14px;margin-left:8px;margin-right:8px}
  .hero-field.hero-centered .detail-system-emblem--home .home-system-source{
    top:4px!important;
    width:278px!important;
    height:188px!important;
    margin-left:-139px!important;
  }
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--33{top:126px!important;left:80px!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--34{top:129px!important;right:79px!important;left:auto!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--35{top:140px!important;left:96px!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--36{top:142px!important;right:94px!important;left:auto!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--37{top:153px!important;left:107px!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--38{top:155px!important;right:104px!important;left:auto!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--39{top:166px!important;left:119px!important}
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment--40{top:175px!important;left:112px!important}
}

@media (prefers-reduced-motion:reduce){
  .hero-field.hero-centered .detail-system-emblem--home .code-fragment{animation:none!important}
}


/* Source: site-refinement-v238.css */
/* ============================================================
   v238 · Hero-Ruhe, feste Claim-Achse und gedecktes Markengold
   ============================================================ */

/* Der in v237 ergänzte senkrechte Lichtstrahl entfällt vollständig. */
.hero-field.hero-centered .detail-system-emblem--home .home-system-code-field::after{
  content:none!important;
  display:none!important;
}

/* Die Startseiten-H1 bleibt monumental, erhält aber mehr Luft. */
@media (min-width:861px){
  .hero-field.hero-centered .home-hero-display-title{
    font-size:clamp(2.35rem,4.25vw,4rem)!important;
    line-height:1.075!important;
  }

  /* Claim als festes Element des gemeinsamen Hero-Rasters. */
  .hero-field.hero-centered > .hero.hero-dark,
  .subpage-keyvisual > .module-hero.hero.hero-dark{position:relative!important}

  .hero-field.hero-centered .hero-content,
  .ledger-doc .subpage-keyvisual .detail-hero-content,
  .process-mining-doc .subpage-keyvisual .detail-hero-content,
  .process-intelligence-doc .subpage-keyvisual .detail-hero-content,
  .i5-doc .subpage-keyvisual .detail-hero-content{position:static!important}

  .hero-gold-claim{
    position:absolute!important;
    top:336px!important;
    left:50%!important;
    width:max-content!important;
    max-width:min(760px,calc(100% - 48px))!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    color:rgba(203,183,127,.92)!important;
    font-size:.72rem!important;
    font-weight:690!important;
    line-height:1.4!important;
    letter-spacing:.028em!important;
    white-space:normal;
  }
}

@media (min-width:861px) and (max-width:1100px){
  .hero-gold-claim{top:358px!important}
}

/* Mobil bleibt der Claim im natürlichen Textfluss, aber mit derselben Typografie. */
@media (max-width:860px){
  .hero-gold-claim{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    margin:13px auto 0!important;
    color:rgba(203,183,127,.92)!important;
  }
}

/* Das innere Code-Dreieck bleibt fein und ohne harte Mittelachse. */
.hero-field.hero-centered .detail-system-emblem--home .home-system-code-field{
  background:radial-gradient(ellipse at 50% 92%,rgba(203,183,127,.055),transparent 46%)!important;
}

/* Industrie 5.0: gedecktes, mattes Markengold statt gelblicher Leuchtwirkung. */
.subpage-keyvisual .detail-system-topic--industry{
  opacity:.94!important;
  filter:drop-shadow(0 0 7px rgba(203,183,127,.13))!important;
}

/* v238 final: Claims sind direkte Kinder der Hero-Bühne und sitzen exakt auf einer gemeinsamen Achse. */
@media (min-width:861px){
  .hero-field.hero-centered .hero-content,
  .ledger-doc .subpage-keyvisual .detail-hero-content,
  .process-mining-doc .subpage-keyvisual .detail-hero-content,
  .process-intelligence-doc .subpage-keyvisual .detail-hero-content,
  .i5-doc .subpage-keyvisual .detail-hero-content{position:relative!important}

  .hero.hero-dark>.hero-gold-claim{
    position:absolute!important;
    top:350px!important;
    left:50%!important;
    z-index:8!important;
    width:max-content!important;
    max-width:min(760px,calc(100% - 48px))!important;
    margin:0!important;
    padding:3px 14px!important;
    transform:translateX(-50%)!important;
    background:linear-gradient(90deg,transparent,rgba(8,10,13,.70) 24%,rgba(8,10,13,.70) 76%,transparent)!important;
    text-shadow:0 1px 10px rgba(0,0,0,.72)!important;
  }
  .hero-field.hero-centered .hero-lead{max-width:1080px!important}
  .subpage-keyvisual .module-lead{max-width:1040px!important}
  .subpage-keyvisual .detail-system-topic--industry{top:28px!important}
}

@media (max-width:860px){
  .hero.hero-dark>.hero-gold-claim{
    position:absolute!important;
    left:50%!important;
    z-index:8!important;
    width:max-content!important;
    max-width:calc(100% - 30px)!important;
    margin:0!important;
    padding:3px 10px!important;
    transform:translateX(-50%)!important;
    background:linear-gradient(90deg,transparent,rgba(8,10,13,.72) 22%,rgba(8,10,13,.72) 78%,transparent)!important;
    text-shadow:0 1px 9px rgba(0,0,0,.74)!important;
  }
  .hero-field.hero-centered>.hero.hero-dark>.hero-gold-claim{top:394px!important}
  .subpage-keyvisual>.module-hero.hero.hero-dark>.hero-gold-claim{top:350px!important}
  .subpage-keyvisual .detail-system-topic--industry{top:18px!important}
}
@media (min-width:861px){
  .ledger-doc .subpage-keyvisual .module-hero.detail-home-hero .module-lead,
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero .module-lead,
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .module-lead,
  .i5-doc .subpage-keyvisual .module-hero.detail-home-hero .module-lead{
    max-width:1080px!important;
  }
}
@media (min-width:861px){.hero.hero-dark>.hero-gold-claim{top:381px!important}}
@media (max-width:860px){.subpage-keyvisual>.module-hero.hero.hero-dark>.hero-gold-claim{top:390px!important}}


/* Source: site-refinement-v239.css */

/* ============================================================
   v239 · Hero-Feinschliff: Claim-Achse, reduzierte Titel, gedecktes Gold
   ============================================================ */

/* Startseite: innerer Codefluss ohne senkrechten Mittelstrahl. */
.hero-field.hero-centered .detail-system-emblem--home .home-system-code-field::after,
.hero-field.hero-centered .detail-system-emblem--home .home-system-source::after{
  content:none!important;
  display:none!important;
}

@media (min-width:861px){
  .hero-field.hero-centered .home-hero-display-title{
    font-size:clamp(2.25rem,4.0vw,3.82rem)!important;
    line-height:1.07!important;
    max-width:15.5ch!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .subpage-keyvisual .module-title.hero-display-title,
  .subpage-keyvisual .module-title{
    font-size:clamp(2.28rem,4.08vw,3.92rem)!important;
    line-height:1.08!important;
  }
  .hero.hero-dark>.hero-gold-claim{
    top:372px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    max-width:min(780px, calc(100% - 48px))!important;
    padding:3px 16px!important;
  }
}

@media (max-width:860px){
  .hero-field.hero-centered .home-hero-display-title{font-size:clamp(2rem,9vw,3.15rem)!important;line-height:1.08!important}
  .subpage-keyvisual .module-title.hero-display-title,
  .subpage-keyvisual .module-title{font-size:clamp(2.05rem,8.6vw,3.1rem)!important;line-height:1.08!important}
  .hero.hero-dark>.hero-gold-claim{top:384px!important;left:50%!important;transform:translateX(-50%)!important}
}

/* Process Mining & alle Detailseiten: Claim bleibt auf einer ruhigen Achse. */
.hero-gold-claim{
  color:rgba(204,183,126,.92)!important;
  text-shadow:0 1px 10px rgba(0,0,0,.72)!important;
}

/* Industrie 5.0: Hand gedeckter und markennäher gold statt gelb. */
.subpage-keyvisual .detail-system-topic--industry{
  opacity:.95!important;
  filter:brightness(.92) saturate(.72) sepia(.30) hue-rotate(-11deg) contrast(1.02) drop-shadow(0 0 8px rgba(203,183,127,.10))!important;
}


/* Source: site-refinement-v248.css */
/* ============================================================
   v248 · Home-Hero: Lead-Typografie vereinheitlicht, Claim-Achse und Codefluss
   ============================================================ */

.hero-field.hero-centered .home-hero-display-title .hero-title-line{display:block;white-space:nowrap}

/* Kein Lichtkegel / Mittelstrahl: nur ein kompaktes, frei schwebendes Codefeld. */
.hero-field.hero-centered .detail-system-emblem--home .home-system-code-field::after,
.hero-field.hero-centered .detail-system-emblem--home .home-system-source::after{
  content:none!important;
  display:none!important;
}
.hero-field.hero-centered .detail-system-emblem--home .home-system-source{
  top:14px!important;
  width:304px!important;
  height:188px!important;
  margin-left:-152px!important;
  opacity:.78!important;
  background:none!important;
}
.hero-field.hero-centered .detail-system-emblem--home .home-system-code-field{
  inset:0 0 10px!important;
  background:none!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 8%,#000 20%,#000 82%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 8%,#000 20%,#000 82%,transparent 100%)!important;
}
.hero-field.hero-centered .detail-system-emblem--home .code-fragment{
  --flow-opacity:.18!important;
  --flow-peak:.31!important;
}

@media (min-width:861px){
  .hero-field.hero-centered .home-hero-display-title{
    max-width:none!important;
    font-size:clamp(2.2rem,3.45vw,3.45rem)!important;
    line-height:1.04!important;
    margin-bottom:20px!important;
  }
  .hero-field.hero-centered .hero-lead{
    max-width:1120px!important;
    font-size:clamp(1.08rem,1.9vw,1.35rem)!important;
    line-height:1.58!important;
  }
  .hero.hero-dark>.hero-gold-claim{
    top:372px!important;
    max-width:min(760px,calc(100% - 64px))!important;
  }
}

@media (max-width:860px){
  .hero-field.hero-centered .home-hero-display-title .hero-title-line{display:inline;white-space:normal}
  .hero-field.hero-centered .home-hero-display-title .hero-title-line::after{content:" "}
  .hero-field.hero-centered .home-hero-display-title .hero-title-line:last-child::after{content:""}
  .hero-field.hero-centered .detail-system-emblem--home .home-system-source{
    top:18px!important;
    width:244px!important;
    height:154px!important;
    margin-left:-122px!important;
    opacity:.70!important;
  }
}

@media (max-width:860px){
  .hero-field.hero-centered > .hero.hero-dark > .hero-gold-claim{
    top:390px!important;
  }
}


/* Source: hero-system-v251.css */
/* ============================================================
   v251 · Gemeinsames Header- und Hero-System
   Startseite ist der verbindliche Maßstab für alle Detailseiten.
   ============================================================ */

:root{
  --v251-hero-bg:#0e0e10;
  --v251-hero-gradient:radial-gradient(118% 118% at 82% -12%,#1d252f 0%,#12171c 34%,#0d1014 58%,#0e0e10 88%);
  --v251-gold:rgba(203,183,127,.94);
}

/* Identischer statischer Header-Hintergrund auf Start- und Detailseiten. */
.site-header,
.site-header.is-compact{
  background:#090c0f!important;
  border-bottom-color:rgba(203,183,127,.20)!important;
}
.site-header::after,
.site-header.is-compact::after{
  content:""!important;
  display:block!important;
  left:-6%!important;
  right:-6%!important;
  top:36px!important;
  bottom:0!important;
  opacity:.73!important;
  transform:scale(1.09)!important;
  background-image:
    linear-gradient(90deg,rgba(8,10,13,.54) 0%,rgba(9,12,16,.27) 30%,rgba(9,11,14,.30) 66%,rgba(8,9,11,.70) 100%),
    linear-gradient(180deg,rgba(10,12,15,.20) 0%,rgba(8,9,11,.45) 100%),
    url("assets/header-data-tunnel-desktop.webp")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  filter:saturate(.68) contrast(.92)!important;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.88) 0%,#000 15%,#000 82%,rgba(0,0,0,.62) 100%)!important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.88) 0%,#000 15%,#000 82%,rgba(0,0,0,.62) 100%)!important;
}

/* Exakt dieselbe Hero-Grundfläche, derselbe Verlauf und dasselbe Grid. */
.hero-field.hero-centered,
.subpage-keyvisual{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--v251-hero-bg)!important;
}
.hero-field.hero-centered::after,
.subpage-keyvisual::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:var(--brand-header-canvas-height);
  z-index:0;
  pointer-events:none;
  background:var(--v251-hero-gradient)!important;
}
.hero-field.hero-centered::before,
.subpage-keyvisual::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:var(--brand-header-canvas-height);
  z-index:1;
  pointer-events:none;
  background-image:url("assets/mf-hero-v.svg")!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:auto 100%!important;
  opacity:.8!important;
}
.hero-field.hero-centered .hero-grid-lines,
.subpage-keyvisual .hero-grid-lines{
  position:absolute!important;
  inset:0!important;
  opacity:1!important;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important;
  background-size:46px 46px!important;
  -webkit-mask-image:radial-gradient(78% 78% at 72% 18%,#000 28%,transparent 76%)!important;
  mask-image:radial-gradient(78% 78% at 72% 18%,#000 28%,transparent 76%)!important;
}

/* Detail-Heroes übernehmen Typografie und Rhythmus der Startseite. */
.i5-doc .subpage-keyvisual .module-hero.detail-home-hero,
.process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero,
.process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero{
  padding:76px 0 88px!important;
}
.i5-doc .subpage-keyvisual .detail-hero-content{
  width:min(var(--max),calc(100% - 40px))!important;
  max-width:var(--max)!important;
  margin:0 auto!important;
  text-align:center!important;
}

/* Oberste Zeile: golden, ohne dekorativen Strich, überall identisch. */
.i5-doc .subpage-keyvisual .module-hero .module-eyebrow{
  display:block!important;
  width:max-content!important;
  max-width:calc(100% - 32px)!important;
  margin:0 auto 20px!important;
  color:var(--v251-gold)!important;
  font-size:.78rem!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
.i5-doc .subpage-keyvisual .module-hero .module-eyebrow::before,
.i5-doc .subpage-keyvisual .module-hero .module-eyebrow::after{
  content:none!important;
  display:none!important;
}

/* H1 und Lead entsprechen der Startseitenwirkung. */
.i5-doc .subpage-keyvisual .module-hero .module-title{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto 24px!important;
  color:#f6f7f4!important;
  font-size:clamp(2.2rem,3.45vw,3.45rem)!important;
  font-weight:700!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  text-align:center!important;
  text-wrap:balance!important;
}
.i5-doc .subpage-keyvisual .module-hero .module-lead{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto 34px!important;
  color:rgba(244,247,243,.88)!important;
  font-size:clamp(1.08rem,1.9vw,1.35rem)!important;
  line-height:1.58!important;
  text-align:center!important;
  text-wrap:balance!important;
}

/* Kurze Claims liegen auf einer gemeinsamen Achse. */
.hero.hero-dark>.hero-gold-claim{
  top:372px!important;
  max-width:min(760px,calc(100% - 48px))!important;
  color:var(--v251-gold)!important;
  font-size:.72rem!important;
  font-weight:690!important;
  line-height:1.4!important;
  letter-spacing:.028em!important;
}

@media (max-width:860px){
  .site-header::after,
  .site-header.is-compact::after{
    top:34px!important;
    left:-9%!important;
    right:-9%!important;
    opacity:.68!important;
    transform:scale(1.08)!important;
    background-image:
      linear-gradient(90deg,rgba(8,10,13,.56) 0%,rgba(8,10,13,.28) 48%,rgba(8,9,11,.64) 100%),
      linear-gradient(180deg,rgba(8,10,13,.16) 0%,rgba(8,9,11,.50) 100%),
      url("assets/header-data-tunnel-mobile.webp")!important;
    background-position:58% center!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .i5-doc .subpage-keyvisual .module-hero.detail-home-hero,
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero,
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero{
    padding:58px 0 62px!important;
  }
  .i5-doc .subpage-keyvisual .detail-hero-content{
    width:min(100% - 28px,var(--max))!important;
  }
  .i5-doc .subpage-keyvisual .module-hero .module-eyebrow{
    margin-bottom:17px!important;
    font-size:.72rem!important;
  }
  .i5-doc .subpage-keyvisual .module-hero .module-title{
    margin-bottom:22px!important;
    font-size:clamp(2rem,9vw,3.15rem)!important;
    line-height:1.08!important;
  }
  .i5-doc .subpage-keyvisual .module-hero .module-lead{
    margin-bottom:30px!important;
    font-size:clamp(1rem,4.4vw,1.16rem)!important;
    line-height:1.58!important;
  }
  .subpage-keyvisual>.module-hero.hero.hero-dark>.hero-gold-claim,
  .hero-field.hero-centered>.hero.hero-dark>.hero-gold-claim{
    top:390px!important;
  }
}

@media (max-width:480px){
  .i5-doc .subpage-keyvisual .module-hero.detail-home-hero,
  .process-mining-doc .subpage-keyvisual .module-hero.process-mining-hero,
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero{
    padding:48px 0 54px!important;
  }
  .i5-doc .subpage-keyvisual .module-hero .module-eyebrow{
    max-width:calc(100% - 20px)!important;
    font-size:.68rem!important;
    letter-spacing:.13em!important;
  }
  .i5-doc .subpage-keyvisual .module-hero .module-title{
    font-size:clamp(1.9rem,9.5vw,2.65rem)!important;
  }
  .i5-doc .subpage-keyvisual .module-hero .module-lead{
    font-size:1rem!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-header::after,
  .site-header.is-compact::after{
    transform:scale(1.08)!important;
  }
}

/* Letzte Neutralisierung seitenbezogener Grundfarben. Der sichtbare Hero-Canvas
   ist damit auch rechnerisch identisch mit der Startseite. */
body .i5-doc .subpage-keyvisual{
  background-color:var(--v251-hero-bg)!important;
  background-image:none!important;
}

@media (max-width:480px){
  .i5-doc .subpage-keyvisual .module-hero .module-eyebrow{
    font-size:.70rem!important;
  }
}


/* Source: home-control-v271.css */
/* ============================================================
   420+ · Startseite · v271 kontrollierter Fortschritt
   Kompakte Vertrauensbotschaft im bestehenden Home-Value-Abschnitt.
   ============================================================ */

.home-value-copy .home-value-assurance{
  position: relative;
  margin-top: 26px !important;
  padding: 15px 0 1px 18px;
  max-width: 58ch;
  border-left: 1px solid rgba(203,183,127,.48);
  color: rgba(242,240,234,.80) !important;
  font-size: .97rem !important;
  line-height: 1.58 !important;
}

.home-value-copy .home-value-assurance strong{
  color: #c0ad78;
  font-weight: 650;
}

@media (max-width: 620px){
  .home-value-copy .home-value-assurance{
    margin-top: 22px !important;
    padding: 13px 0 0 15px;
    font-size: .93rem !important;
    line-height: 1.55 !important;
  }
}


/* Source: company-nav-v279.css */
/* v279 · Unternehmen in der DE-Navigation */
.nav-company { white-space: nowrap; }
.site-header .nav-links > a.nav-company.active[aria-current="page"] { color: #d3b46f !important; }
.footer-company-link,
.founder-company-link {
  display: inline-flex;
  align-items: center;
  gap: .42em;
  color: #CBB77F !important;
  font-size: .82rem;
  font-weight: 720;
  letter-spacing: .075em;
  text-transform: uppercase;
  transition: color .18s ease, opacity .18s ease, transform .18s ease;
}
.footer-company-link { margin-top: 12px; }
.founder-company-link { margin-top: 22px; }
.footer-company-link:hover,
.footer-company-link:focus-visible,
.founder-company-link:hover,
.founder-company-link:focus-visible { color: #eadcb4 !important; transform: translateX(2px); }
@media (min-width: 861px) and (max-width: 1160px) {
  .site-header .nav-links { gap: 14px !important; font-size: .90rem; }
  .site-header .portal-button { padding-left: 15px !important; padding-right: 15px !important; }
}
@media (max-width: 860px) {
  .nav-links > a.nav-company { display: flex; }
  .founder-company-link { margin-top: 16px; }
}


/* Source: footer-company-v284.css */
/* ============================================================
   v284 · DE-Footer: Unternehmen desktop + mobile exakt zentriert
   ============================================================ */
.site-footer .footer-company-center {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.site-footer .footer-company-center a {
  display: inline-flex;
  color: #f2eee5;
  font-size: .88rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .02em;
  text-align: center;
  transition: color .18s ease;
}
.site-footer .footer-company-center a:hover,
.site-footer .footer-company-center a:focus-visible { color: #d3b46f; }

@media (min-width: 861px) {
  .site-footer .footer-grid > .footer-company-center {
    justify-self: center;
    width: 100%;
    max-width: 320px;
    padding-top: 0;
  }
}

@media (max-width: 860px) {
  .site-footer .footer-grid > .footer-company-center {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    text-align: center !important;
  }

  .site-footer .footer-company-center a {
    display: inline-flex !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}


/* Source: header-consistency-v298.css */
/* v298: one header geometry and a reliably clickable home logo on every page. */
.site-header::after,
.site-header.is-compact::after {
  pointer-events: none !important;
}

.site-header .nav {
  position: relative;
  z-index: 2;
}

.site-header .logo {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}

@media (min-width: 861px) {
  .site-header .nav,
  .site-header.is-compact .nav {
    min-height: 86px !important;
  }

  .site-header:not(.is-compact) .brand-logo-img {
    width: 88px;
    height: 88px;
  }

  .site-header .logo {
    margin-right: 24px;
  }
}

@media (max-width: 860px) {
  .site-header:not(.is-compact) .nav {
    min-height: 74px;
  }

  .site-header:not(.is-compact) .brand-logo-img {
    width: 54px;
    height: 54px;
  }
}

@media (max-width: 520px) {
  .site-header:not(.is-compact) .nav {
    min-height: 72px;
  }

  .site-header:not(.is-compact) .brand-logo-img {
    width: 58px;
    height: 58px;
  }
}


/* Source: form-submit-v300.css */
.demo-form-hp {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.demo-submit[disabled] {
  cursor: wait;
  opacity: .68;
}

.demo-form-status {
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(203, 183, 127, .32);
  border-radius: 3px;
  color: rgba(244, 247, 243, .92);
  background: rgba(203, 183, 127, .08);
  line-height: 1.55;
}

.demo-form-status[data-state="success"] {
  border-color: rgba(121, 205, 172, .42);
  background: rgba(121, 205, 172, .09);
}

.demo-form-status[data-state="error"] {
  border-color: rgba(218, 126, 112, .46);
  background: rgba(218, 126, 112, .09);
}


/* Source: footer-discover-v303.css */
.site-footer .footer-discover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 11px;
  padding-top: 0;
}

.site-footer .footer-discover .footer-column-title {
  margin: 0 0 2px;
}

.site-footer .footer-discover a {
  display: inline-block;
  margin: 0;
}

@media (max-width: 860px) {
  .site-footer .footer-grid > .footer-discover {
    flex-direction: column !important;
    align-items: center !important;
    gap: 11px !important;
  }

  .site-footer .footer-discover a {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* Source: footer-discover-v335.css */
/* Footer: Entdecken und Rechtliches mit gleicher Typografie und Zeilenposition. */
.site-footer .footer-grid > .footer-discover,
.site-footer .footer-grid > .footer-links {
  display: grid !important;
  grid-template-columns: 1fr;
  align-content: start;
  align-items: start !important;
  gap: 12px 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.site-footer .footer-grid > .footer-discover {
  justify-items: center;
}
.site-footer .footer-discover .footer-column-title,
.site-footer .footer-links .footer-column-title {
  margin: 0 0 4px;
}
.site-footer .footer-discover a,
.site-footer .footer-links a {
  display: block;
  margin: 0;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  color: rgba(235,233,227,0.64) !important;
  transition: color .18s ease;
}
.site-footer .footer-discover a:hover,
.site-footer .footer-discover a:focus-visible,
.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible {
  color: #d3b46f !important;
}


/* Source: home-palette-v364.css */
/* v364 · Startseite: heller Markenmodus zwischen den dunklen Ankerflächen */

main.site-dark {
  --home-stone: #cbd0ce;
  --home-stone-soft: #d4d8d5;
  --home-stone-deep: #c1c7c4;
  --home-ink: #102f2b;
  --home-ink-soft: #3d514d;
  --home-muted: #687571;
  --home-line: rgba(16, 47, 43, 0.18);
  --home-line-strong: rgba(16, 47, 43, 0.28);
  --home-copper: #a87650;
  --home-copper-deep: #83593d;
  --home-copper-soft: rgba(168, 118, 80, 0.18);
  --home-graphite: #202726;
  --home-graphite-soft: #29302f;
}

/* Der Hero bleibt die dunkle, konzentrierte Eröffnung. */
main.site-dark .hero-dark {
  background:
    radial-gradient(118% 145% at 82% -12%, #1b2528 0%, #0d171b 52%, #080e12 100%);
}

/* Gemeinsamer heller Grund für die erklärenden Abschnitte. */
main.site-dark .home-value,
main.site-dark .section.arch,
main.site-dark .section.ledger-section,
main.site-dark .section.markets,
main.site-dark .cta-stage:not(.demo-stage) {
  --bg: var(--home-stone);
  --bg-soft: var(--home-stone-soft);
  --bg-alt: var(--home-stone-deep);
  --panel: rgba(238, 240, 237, 0.58);
  --panel-soft: rgba(218, 222, 219, 0.78);
  --panel-accent: rgba(225, 228, 225, 0.88);
  --text: var(--home-ink);
  --text-soft: var(--home-ink-soft);
  --muted: var(--home-muted);
  --line: var(--home-line);
  --line-strong: var(--home-line-strong);
  --accent: var(--home-copper);
  --accent-2: var(--home-copper-deep);
  --accent-soft: var(--home-copper-soft);
  --accent-strong: var(--home-ink);
  color: var(--home-ink);
}

main.site-dark .home-value,
main.site-dark .section.markets {
  background:
    radial-gradient(76% 105% at 88% 18%, rgba(255,255,255,0.30), transparent 70%),
    linear-gradient(180deg, var(--home-stone-soft) 0%, var(--home-stone) 100%);
  border-color: var(--home-line);
}

main.site-dark .home-value-copy h2,
main.site-dark .home-value-fact strong,
main.site-dark .section.arch h2,
main.site-dark .section.arch h3,
main.site-dark .section.ledger-section h2,
main.site-dark .section.ledger-section h3,
main.site-dark .section.markets h2,
main.site-dark .cta-stage:not(.demo-stage) h2 {
  color: var(--home-ink) !important;
}

main.site-dark .home-value-copy p:not(.eyebrow),
main.site-dark .home-value-fact > span:last-child,
main.site-dark .section.arch .section-sub,
main.site-dark .arch-layer-sub,
main.site-dark .arch-cc-desc,
main.site-dark .section.ledger-section .ledger-sub,
main.site-dark .journey-primary-head p:not(.journey-kicker),
main.site-dark .journey-card > p:not(.journey-kicker),
main.site-dark .section.markets .section-sub,
main.site-dark .market-foot,
main.site-dark .cta-stage:not(.demo-stage) .cta-content > p {
  color: var(--home-ink-soft) !important;
}

main.site-dark .home-value-facts,
main.site-dark .home-value-fact,
main.site-dark .journey-primary,
main.site-dark .journey-grid,
main.site-dark .journey-card + .journey-card {
  border-color: var(--home-line-strong);
}

main.site-dark .home-value-index,
main.site-dark .home-value .eyebrow,
main.site-dark .section.arch .eyebrow,
main.site-dark .section.ledger-section .eyebrow,
main.site-dark .journey-index,
main.site-dark .journey-kicker,
main.site-dark .journey-link,
main.site-dark .section.markets .eyebrow,
main.site-dark .cta-stage:not(.demo-stage) .eyebrow {
  color: var(--home-copper-deep) !important;
}

/* Architektur: helle Bühne, große technische Zeichnung im Hintergrund. */
main.site-dark .section.arch {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(65% 88% at 50% 50%, rgba(255,255,255,0.32), transparent 76%),
    linear-gradient(180deg, var(--home-stone) 0%, var(--home-stone-deep) 100%);
}

main.site-dark .section.arch::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(760px, 62vw);
  aspect-ratio: 300 / 190;
  left: 50%;
  top: 53%;
  transform: translate(-50%, -50%);
  background: url("assets/factory-detail-frame-architectural-v220.svg") center / contain no-repeat;
  opacity: 0.075;
  filter: grayscale(1) sepia(0.16) contrast(0.92);
  pointer-events: none;
}

main.site-dark .section.arch .container {
  position: relative;
  z-index: 1;
}

main.site-dark .arch-cc {
  border-color: var(--home-line-strong);
  background: rgba(224, 228, 225, 0.46);
  backdrop-filter: blur(4px);
}

main.site-dark .arch-cc-kicker,
main.site-dark .arch-num {
  color: var(--home-copper-deep);
}

main.site-dark .arch-cc-name,
main.site-dark .arch-layer-name,
main.site-dark .arch-mod-name {
  color: var(--home-ink);
}

main.site-dark .arch-grid::before,
main.site-dark .arch-cc-bridge {
  background: var(--home-copper-soft);
}

main.site-dark .arch-col[data-layer] {
  --layer-color: var(--home-copper);
}

main.site-dark .arch-mod {
  background: rgba(231, 234, 231, 0.67);
  border-color: rgba(16,47,43,0.16);
  box-shadow: 0 12px 30px -26px rgba(13,34,31,0.50);
  backdrop-filter: blur(3px);
}

main.site-dark .arch-mod-ico {
  color: #c68c62;
  background: var(--home-graphite);
  border: 1px solid rgba(168,118,80,0.34);
}

main.site-dark .arch-mod:hover,
main.site-dark .arch-mod:focus-visible,
main.site-dark .arch-mod.is-active {
  color: var(--home-ink);
  background: rgba(239,241,238,0.86);
  border-color: rgba(168,118,80,0.66);
  box-shadow: 0 16px 34px -24px rgba(13,34,31,0.48), 0 0 0 1px rgba(168,118,80,0.10);
}

main.site-dark .arch-mod:hover .arch-mod-ico,
main.site-dark .arch-mod:focus-visible .arch-mod-ico,
main.site-dark .arch-mod.is-active .arch-mod-ico {
  color: #e1ad82;
  background: var(--home-graphite-soft);
  box-shadow: 0 0 18px rgba(168,118,80,0.22);
}

main.site-dark .arch-mod-desc {
  color: var(--home-ink-soft);
}

/* Erkenntniskette: helle, ruhige Systemfläche mit Graphitbelegen. */
main.site-dark .section.ledger-section {
  background:
    linear-gradient(rgba(16,47,43,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,47,43,0.035) 1px, transparent 1px),
    linear-gradient(180deg, #d5d9d6 0%, #c9cfcc 100%) !important;
  background-size: 52px 52px, 52px 52px, auto;
  border-color: var(--home-line);
}

main.site-dark .chain-block {
  background: var(--home-graphite);
  border-color: rgba(168,118,80,0.76);
  box-shadow: 5px 5px 0 rgba(131,89,61,0.34);
}

main.site-dark .chain-block.chain-now {
  background: #29302f;
  border-color: #bd8962;
  box-shadow: 5px 5px 0 rgba(131,89,61,0.48);
}

main.site-dark .chain-block .cb-ev,
main.site-dark .chain-block.chain-now .cb-ev,
main.site-dark .chain-block .cb-h {
  color: #ddb08d;
}

main.site-dark .chain-block .cb-k,
main.site-dark .chain-block .cb-prev {
  color: rgba(236,234,226,0.60);
}

main.site-dark .chain-arrow,
main.site-dark .chain-arrow::after {
  border-color: var(--home-copper-deep);
}

main.site-dark .chain-arrow {
  background: var(--home-copper-deep);
}

main.site-dark .journey-closing {
  color: var(--home-ink);
  border-left-color: var(--home-copper);
}

main.site-dark .journey-link:hover,
main.site-dark .journey-link:focus-visible {
  color: var(--home-ink);
}

/* Märkte: Graphitkarten als dunkle, aber leichte Inseln im hellen Feld. */
main.site-dark .cluster-card {
  border-color: rgba(16,47,43,0.20);
  background: linear-gradient(170deg, #272e2d 0%, #1c2222 100%);
  box-shadow: 0 24px 48px -34px rgba(10,29,27,0.58);
}

main.site-dark .cluster-head,
main.site-dark .cluster-body {
  background: transparent;
}

main.site-dark .cluster-head {
  border-bottom-color: rgba(221,176,141,0.18);
}

main.site-dark .cluster-head h3 {
  color: #eef0eb;
}

main.site-dark .cluster-head .cluster-ico {
  color: #dda77d;
  background: rgba(168,118,80,0.10);
  border-color: rgba(221,167,125,0.28);
}

main.site-dark .cluster-ghost {
  color: rgba(221,167,125,0.10);
}

main.site-dark .cluster-body .cluster-desc {
  color: rgba(237,239,234,0.72);
}

main.site-dark .cluster-body .cluster-tags span {
  color: #e2c0a4;
  background: rgba(168,118,80,0.10);
  border-color: rgba(221,167,125,0.20);
}

main.site-dark .cluster-body .cluster-tags span::before {
  background: #c38b63;
}

/* Gründer- und Datenhoheitsband bleiben dunkel, nun leicht blau statt schwarz. */
main.site-dark .founder-stage {
  background: linear-gradient(160deg, #10191e, #080e12);
}

main.site-dark .founder-macro-bg {
  filter: saturate(0.82) brightness(0.95) contrast(1.04);
}

main.site-dark .deploy-band {
  background:
    radial-gradient(70% 120% at 50% 0%, rgba(75,105,119,0.15), transparent 70%),
    linear-gradient(180deg, #10191e 0%, #080e12 100%);
}

/* Kontakt-Teaser hell; Bild und Formular bilden danach wieder dunkle Markenanker. */
main.site-dark .cta-stage:not(.demo-stage) {
  background:
    radial-gradient(72% 115% at 82% 20%, rgba(255,255,255,0.28), transparent 70%),
    linear-gradient(180deg, var(--home-stone) 0%, var(--home-stone-soft) 100%);
  border-top: 1px solid var(--home-line);
}

main.site-dark .cta-stage:not(.demo-stage) .cta-card {
  background: rgba(229,232,229,0.50);
  border: 1px solid rgba(16,47,43,0.16);
  box-shadow: 0 26px 58px -42px rgba(13,34,31,0.46);
  backdrop-filter: blur(4px);
}

main.site-dark .cta-stage:not(.demo-stage) .button.primary {
  background: var(--home-graphite);
  border-color: var(--home-graphite);
  color: #f4ece4;
}

main.site-dark .cta-stage:not(.demo-stage) .button.primary:hover {
  background: var(--home-ink);
  border-color: var(--home-ink);
  box-shadow: 0 0 0 4px rgba(168,118,80,0.16);
}

main.site-dark .demo-stage.demo-unified-dark {
  background:
    radial-gradient(80% 90% at 25% 12%, rgba(43,70,78,0.17), transparent 72%),
    linear-gradient(180deg, #10191e 0%, #080e12 100%) !important;
}

main.site-dark .demo-stage.demo-unified-dark .demo-block {
  background: linear-gradient(165deg, rgba(28,38,41,0.98), rgba(14,21,24,0.98)) !important;
}

@media (max-width: 860px) {
  main.site-dark .section.arch::before {
    width: min(680px, 92vw);
    top: 48%;
    opacity: 0.06;
  }
}

@media (max-width: 620px) {
  main.site-dark .section.arch::before {
    width: 135vw;
    top: 56%;
    opacity: 0.045;
  }

  main.site-dark .arch-mod {
    background: rgba(234,236,233,0.88);
  }

  main.site-dark .journey-card + .journey-card {
    border-top-color: var(--home-line-strong);
  }
}

@media (prefers-reduced-motion: reduce) {
  main.site-dark .arch-mod,
  main.site-dark .arch-mod-ico {
    transition: none;
  }
}


/* Source: design-system-v59.css */
/* Block51: Startseitenpalette für die vier Systemdesign-Seiten. */
#design-preview-v52.sd-light-design {--sd-stone:#cbd0ce;--sd-soft:#d4d8d5;--sd-ink:#102f2b;--sd-copy:#3d514d;--sd-copper:#83593d;--sd-line:rgba(16,47,43,.2);}
#design-preview-v52.sd-light-design .sd-light-section {background:var(--sd-soft)!important;color:var(--sd-copy)!important;border-color:var(--sd-line)!important;}
#design-preview-v52.sd-light-design .sd-light-section::before,#design-preview-v52.sd-light-design .sd-light-section::after {background:none!important;}
#design-preview-v52.sd-light-design .sd-light-section :is(h2,h3,h4,strong,summary):not(.sd-dark-panel *):not(.sd-dark-panel) {color:var(--sd-ink)!important;}
#design-preview-v52.sd-light-design .sd-light-section :is(p,li,span,small,dt,dd):not(.sd-dark-panel *):not(.sd-dark-panel) {color:var(--sd-copy)!important;}
#design-preview-v52.sd-light-design .sd-light-section :is(.eyebrow,.detail-page-next-label,.pi257-step-number):not(.sd-dark-panel *) {color:var(--sd-copper)!important;}
#design-preview-v52.sd-light-design .sd-light-section :is(.ledger-head,.ledger-copy,.pm-section-head,.pm-section-body,.pi-section-head,.pi257-body,.pi257-intro,.i5259-copy,.i5259-head,.i5259-human-head) {background:transparent!important;}
#design-preview-v52.sd-light-design .sd-light-section :is(.pi257-learning-task,.pm-principle,.pm-handoff,.i5259-boundary,.i5259-context-strip,.i5259-principle-line,.i5259-decision-line,.i5259-return-line,.ledger-inline-note,.ledger-integrity-boundary):not(.sd-dark-panel *) {background:transparent!important;border:0!important;border-top:1px solid var(--sd-line)!important;padding:20px 0!important;box-shadow:none!important;}
#design-preview-v52.sd-light-design .sd-dark-panel {background:#202726!important;border:1px solid rgba(168,118,80,.4);color:#f1f0eb;}
#design-preview-v52.sd-light-design .sd-light-section a:not(.article-preview-card):not(.sd-dark-panel *) {color:var(--sd-copper)!important;}
#design-preview-v52.sd-light-design .sd-light-section a:not(.article-preview-card):not(.sd-dark-panel *):hover {color:var(--sd-ink)!important;}
#design-preview-v52.sd-light-design .sd-light-section .button {background:#202726!important;color:#f1f0eb!important;border-color:#202726!important;}
#design-preview-v52.sd-light-design .sd-light-section .button:hover {background:#102f2b!important;color:#fff!important;}
#design-preview-v52.sd-light-design .sd-knowledge-layout {max-width:1040px;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:48px;}
#design-preview-v52.sd-light-design .sd-knowledge-head h2 {max-width:20ch;hyphens:manual;}
#design-preview-v52.sd-light-design .sd-knowledge-head .detail-knowledge-intro {color:var(--sd-copy);}
#design-preview-v52.sd-light-design .sd-knowledge .article-preview-card:hover > strong {color:var(--sd-copper)!important;}
#design-preview-v52.sd-light-design .sd-knowledge-list {border-left:1px solid var(--sd-line);padding-left:16px;}
#design-preview-v52.sd-light-design .sd-light-section :is(.pi257-body,.pm-section-body,.ledger-copy,.i5259-copy) {hyphens:manual;overflow-wrap:break-word;}
@media(max-width:700px){#design-preview-v52.sd-light-design .sd-knowledge-layout{gap:28px;}#design-preview-v52.sd-light-design .sd-knowledge-list{border-left:0;padding-left:4px;}}


/* Block56: one shared graphite hero. No light fade, glow or factory backdrop. */
#design-preview-v52 {--v251-hero-bg:#0c100e;--v251-hero-gradient:radial-gradient(118% 118% at 82% -12%,#29312d 0%,#1b231f 34%,#111713 58%,#0c100e 88%);}
#design-preview-v52 :is(.hero-field.hero-centered,.subpage-keyvisual) {background:#d4d8d5!important;}
#design-preview-v52 :is(.hero-field.hero-centered,.subpage-keyvisual)::after {height:var(--hero-visible-height,640px)!important;background:var(--v251-hero-gradient)!important;filter:none!important;box-shadow:none!important;mask-image:none!important;}
#design-preview-v52 :is(.hero-field.hero-centered,.subpage-keyvisual)::before {height:var(--hero-v-height)!important;background-image:url("assets/mf-hero-v.svg")!important;background-position:center top!important;background-size:auto 100%!important;background-repeat:no-repeat!important;opacity:.28!important;filter:none!important;}
#design-preview-v52 .hero-grid-lines {opacity:.12!important;}
#design-preview-v52 .hero.hero-dark {position:relative!important;background:transparent!important;display:block!important;box-sizing:border-box!important;padding:72px 24px 0!important;min-height:560px!important;box-shadow:none!important;border:0!important;}
#design-preview-v52 .hero :is(.hero-content,.detail-hero-content) {position:relative!important;inset:auto!important;transform:none!important;height:auto!important;min-height:0!important;max-width:1040px!important;width:100%!important;margin:0 auto!important;padding:0!important;}
#design-preview-v52 .hero h1 {max-width:960px!important;margin:20px auto!important;font-size:clamp(32px,3.4vw,56px)!important;line-height:1.08!important;letter-spacing:-.035em!important;text-wrap:balance;}
#design-preview-v52 :is(.module-lead,.hero-lead) {max-width:800px!important;margin-inline:auto!important;font-size:clamp(16px,1.4vw,20px)!important;line-height:1.6!important;text-wrap:pretty!important;color:#e1e5df!important;}
#design-preview-v52 .hero-gold-claim {position:relative!important;inset:auto!important;transform:none!important;margin:24px auto 0!important;width:auto!important;max-width:640px!important;font-size:12px!important;line-height:1.5!important;text-align:center!important;z-index:3;color:#c6af7d!important;}
#design-preview-v52 .hero-emblem-stack {display:none!important;}
#design-preview-v52 .hero-topic-anchor {position:absolute!important;left:50%!important;bottom:94px!important;width:184px!important;height:144px!important;transform:translateX(-50%)!important;z-index:3;pointer-events:none;}
#design-preview-v52 .hero-topic-anchor img {position:absolute!important;display:block!important;inset:auto!important;object-fit:fill!important;max-width:none!important;max-height:none!important;transform:none!important;margin:0!important;opacity:.9!important;filter:none!important;}
#design-preview-v52 .hero > .detail-page-sequence {position:absolute!important;inset:auto 24px 28px!important;width:calc(100% - 48px)!important;max-width:1120px!important;margin:0 auto!important;transform:none!important;display:flex!important;justify-content:space-between!important;gap:24px!important;z-index:4;}
#design-preview-v52 .detail-page-nav {max-width:46%;color:#c6af7d!important;}
#design-preview-v52 main.site-dark .section.arch::before {content:none!important;display:none!important;}
#design-preview-v52 .home-value {background:#d4d8d5!important;border-top:0!important;}
#design-preview-v52.sd-light-design .sd-light-section {padding-block:clamp(56px,6vw,88px)!important;}
#design-preview-v52.sd-light-design .sd-light-section:nth-of-type(even) {background:#cbd0ce!important;}
#design-preview-v52.sd-light-design :is(.ledger-title,.pm-section-head h2,.pi-section-head h2,.i5259-title,.sd-knowledge-head h2,.detail-page-cta h2) {font-size:clamp(28px,2.6vw,40px)!important;line-height:1.14!important;letter-spacing:-.03em!important;text-wrap:balance;}
#design-preview-v52.sd-light-design {--detail-body-width:760px;--detail-copy-axis:760px;}
#design-preview-v52.sd-light-design .sd-light-section :is(.pi257-learning-task,.pm-principle,.pm-handoff,.ledger-inline-note,.i5259-boundary):not(.sd-dark-panel *) * {color:var(--sd-copy)!important;}
#design-preview-v52.sd-light-design .sd-dark-panel {color:#e8ece6!important;}
#design-preview-v52.sd-light-design .sd-dark-panel :is(p,li,small,dd) {color:#d2d9d1!important;}
#design-preview-v52.sd-light-design .sd-dark-panel :is(h2,h3,h4,strong,summary) {color:#f1f2ed!important;}
#design-preview-v52.sd-light-design .sd-light-section a.button:not(.article-preview-card):not(.sd-dark-panel *) {background:#202c25!important;color:#f1f2ed!important;}
#design-preview-v52 .sd-knowledge-list {max-height:480px;}
#design-preview-v52 .sd-knowledge-head {position:sticky;top:150px;}
@media(max-width:700px){
 #design-preview-v52 .hero.hero-dark {padding:48px 20px 0!important;}
 #design-preview-v52 .hero > .detail-page-sequence {inset:auto 20px 24px!important;width:calc(100% - 40px)!important;font-size:10px!important;}
 #design-preview-v52 .sd-knowledge-layout {grid-template-columns:minmax(0,1fr)!important;gap:28px!important;}
 #design-preview-v52 .sd-knowledge-head {position:static;}
 #design-preview-v52 .sd-knowledge-list {max-height:440px;}
 #design-preview-v52 .hero-gold-claim {max-width:100%!important;}
}
#design-preview-v52 .hero-topic-anchor[data-topic="ledger-architektur"] img {width:158.387px!important;height:158.255px!important;left:12.675px!important;top:-6.995px!important;}
#design-preview-v52 .hero-topic-anchor[data-topic="process-mining"] img {width:205.279px!important;height:147.701px!important;left:-20.027px!important;top:-4.980px!important;}
#design-preview-v52 .hero-topic-anchor[data-topic="process-intelligence"] img {width:150.830px!important;height:150.830px!important;left:16.870px!important;top:-3.415px!important;}
#design-preview-v52 .hero-topic-anchor[data-topic="industrie-5-0"] img {width:185.455px!important;height:154.909px!important;left:-0.727px!important;top:-5.455px!important;}



/* V scale is independent of copy and emblem space on all five pages. */
#design-preview-v52 {--hero-v-height:496px;}
#design-preview-v52 .hero-topic-anchor {top:var(--hero-emblem-top,520px)!important;bottom:auto!important;}
@media(max-width:700px){#design-preview-v52 {--hero-v-height:360px;}}


/* Source: brand-surfaces-v61.css */
/* Shared existing V surfaces only. No navigation or footer selectors. */
body {--brand-v61-height:496px;--brand-v61-gradient:radial-gradient(118% 118% at 82% -12%,#29312d 0%,#1b231f 34%,#111713 58%,#0c100e 88%);}
@media(max-width:700px){body {--brand-v61-height:360px;}}
html body .hero-field::before,
html body .legal-page.legal-keyvisual.hero-field::before,
html body .company-hero .company-hero-v {
 height:var(--brand-v61-height)!important;inset:0 0 auto!important;
 background-image:url("assets/mf-hero-v.svg")!important;
 background-position:center top!important;background-size:auto 100%!important;background-repeat:no-repeat!important;
 opacity:.28!important;filter:none!important;transform:none!important;
}
html body .hero-field::after {background:var(--brand-v61-gradient)!important;}
html body .company-hero {background:var(--brand-v61-gradient)!important;}
html body .legal-page.legal-keyvisual.hero-field {background-color:#0c100e!important;background-image:var(--brand-v61-gradient)!important;background-size:100% var(--brand-v61-height)!important;background-repeat:no-repeat!important;}
html body .legal-page.legal-keyvisual.hero-field::after {height:var(--brand-v61-height)!important;background:var(--brand-v61-gradient)!important;}
/* Copper separators in light editorial sections. */
#design-preview-v52.sd-light-design .sd-light-section .eyebrow::before,
#design-preview-v52.sd-light-design .sd-light-section .eyebrow::after {
 background:#83593d!important;border-color:#83593d!important;opacity:1!important;
}
#design-preview-v52.sd-light-design .sd-dark-panel .eyebrow::before,
#design-preview-v52.sd-light-design .sd-dark-panel .eyebrow::after {background:#dda77d!important;border-color:#dda77d!important;}
/* Company content follows the approved light homepage palette. */
html body .company-page {--company-bg:#cbd0ce;--company-panel:#d4d8d5;background:#cbd0ce;color:#3d514d;}
html body .company-page :is(.company-section,.company-founder) {
 --text:#102f2b;--text-soft:#3d514d;--muted:#3d514d;--company-gold:#83593d;--company-gold-hi:#83593d;
 background:#d4d8d5!important;color:#3d514d!important;border-color:rgba(16,47,43,.18)!important;
}
html body .company-page .company-section:nth-of-type(odd) {background:#cbd0ce!important;}
html body .company-page :is(.company-section,.company-founder) :is(h2,h3,h4,strong,dt) {color:#102f2b!important;}
html body .company-page :is(.company-section,.company-founder) :is(p,li,dd,small,span) {color:#3d514d!important;}
html body .company-page :is(.company-section,.company-founder) :is(a,.company-eyebrow,.eyebrow) {color:#83593d!important;}
html body .company-page :is(.company-section,.company-founder) :is(.eyebrow,.company-eyebrow)::before {background:#83593d!important;}
html body .company-page :is(.company-section,.company-founder) :is(article,.company-fact,.company-principle) {background:transparent!important;border-color:rgba(16,47,43,.18)!important;box-shadow:none!important;}


/* Source: layout-finish-v146.css */
/* Header surface rules copied in company stylesheet order. */
html body .site-header{
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  backdrop-filter: blur(16px) !important;
  background: rgba(247, 245, 242, 0.88) !important;
  border-bottom: 1px solid rgba(215, 207, 198, 0.72) !important;
}
@media (max-width: 860px){html body .site-header{
    position: sticky !important;
  }
}
html body .site-header{
  z-index: 40 !important;
}
html body .site-header{ transition: background .25s ease, box-shadow .25s ease, border-color .25s ease !important; }
html body .site-header.is-compact{
  background: rgba(247, 245, 242, 0.95) !important;
  box-shadow: 0 8px 26px -18px rgba(15, 31, 25, 0.45) !important;
  border-bottom-color: rgba(215, 207, 198, 0.95) !important;
}
html body .site-header{ -webkit-backdrop-filter: none  !important; backdrop-filter: none  !important; background: rgba(246, 244, 240, 0.98) !important; }
html body .site-header.is-compact{ background: rgba(246, 244, 240, 0.99) !important; }
html body .site-header,html body .site-header.is-compact{
  position: sticky !important;
  isolation: isolate !important;
  color: #f3f1eb !important;
  background:
    radial-gradient(84% 150% at 77% -42%, rgba(64, 79, 94, 0.34), transparent 66%),
    linear-gradient(180deg, rgba(18, 22, 27, 0.995), rgba(12, 14, 17, 0.995))  !important;
  border-bottom: 1px solid rgba(203, 183, 127, 0.20)  !important;
  box-shadow: 0 12px 34px -28px rgba(0, 0, 0, 0.95) !important;
}
html body .site-header,html body .site-header.is-compact{
  overflow: hidden !important;
}
html body .site-header::after{
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  left: 0 !important;
  right: 0 !important;
  top: 36px !important;
  bottom: 0 !important;
  background-image:
    linear-gradient(90deg,
      rgba(8,10,13,0.54) 0%,
      rgba(9,12,16,0.27) 30%,
      rgba(9,11,14,0.30) 66%,
      rgba(8,9,11,0.70) 100%),
    linear-gradient(180deg,
      rgba(10,12,15,0.20) 0%,
      rgba(8,9,11,0.45) 100%),
    url("assets/header-data-tunnel-desktop.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 0.76 !important;
  filter: saturate(0.68) contrast(0.92) !important;
  -webkit-mask-image: linear-gradient(90deg,
    rgba(0,0,0,0.88) 0%, #000 15%, #000 82%, rgba(0,0,0,0.62) 100%) !important;
          mask-image: linear-gradient(90deg,
    rgba(0,0,0,0.88) 0%, #000 15%, #000 82%, rgba(0,0,0,0.62) 100%) !important;
}
html body .site-header.is-compact::after{
  top: 0 !important;
  opacity: 0.69 !important;
}
@media (max-width: 860px){html body .site-header::after{
    top: 34px !important;
    background-image:
      linear-gradient(90deg,
        rgba(8,10,13,0.56) 0%,
        rgba(8,10,13,0.28) 48%,
        rgba(8,9,11,0.64) 100%),
      linear-gradient(180deg,
        rgba(8,10,13,0.16) 0%,
        rgba(8,9,11,0.50) 100%),
      url("assets/header-data-tunnel-mobile.webp") !important;
    background-position: 58% center !important;
    background-size: cover !important;
    opacity: 0.68 !important;
    filter: saturate(0.62) contrast(0.90) !important;
    -webkit-mask-image: none !important;
            mask-image: none !important;
  }
html body .site-header.is-compact::after{
    top: 0 !important;
    opacity: 0.63 !important;
  }
}
@media (max-width: 520px){html body .site-header::after{
    top: 34px !important;
    background-position: 62% center !important;
    opacity: 0.62 !important;
  }
}
@media (prefers-reduced-data: reduce){html body .site-header::after{
    background-image:
      linear-gradient(180deg, rgba(18,22,27,0.995), rgba(12,14,17,0.995)) !important;
  }
}
html body .site-header,html body .site-header.is-compact{
  overflow: visible  !important;
}
html body .site-header::after{
  clip-path: inset(0) !important;
}
html body .site-header::after,html body .site-header.is-compact::after{
  left: -6%  !important;
  right: -6%  !important;
  top: 36px  !important;
  bottom: 0  !important;
  opacity: var(--header-flow-opacity, 0.73)  !important;
  transform: translate3d(
      var(--header-flow-x, 0px),
      var(--header-flow-y, 0px),
      0
    ) scale(var(--header-flow-scale, 1.09)) !important;
  transform-origin: center center !important;
  will-change: transform, opacity !important;
  transition: none  !important;
}
@media (max-width: 860px){html body .site-header::after,html body .site-header.is-compact::after{
    top: 34px  !important;
    left: -9%  !important;
    right: -9%  !important;
  }
}
@media (prefers-reduced-motion: reduce){html body .site-header::after,html body .site-header.is-compact::after{
    transform: scale(1.08)  !important;
    opacity: 0.70  !important;
  }
}
html body .site-header::after,html body .site-header.is-compact::after{
  content: none  !important;
  display: none  !important;
}
html body .site-header::after,html body .site-header.is-compact::after{
  content: ""  !important;
  display: block  !important;
  position: absolute  !important;
  z-index: 0  !important;
  pointer-events: none  !important;
  left: 0  !important;
  right: 0  !important;
  bottom: 0  !important;
  transform: none  !important;
  transition: opacity 220ms ease, top 220ms ease  !important;
  background-repeat: no-repeat  !important;
  background-position: center center  !important;
  background-size: cover  !important;
  filter: saturate(0.68) contrast(0.92)  !important;
  -webkit-mask-image: linear-gradient(90deg,
    rgba(0,0,0,0.88) 0%, #000 15%, #000 82%, rgba(0,0,0,0.62) 100%)  !important;
          mask-image: linear-gradient(90deg,
    rgba(0,0,0,0.88) 0%, #000 15%, #000 82%, rgba(0,0,0,0.62) 100%)  !important;
}
html body .site-header::after{
  top: 36px  !important;
  opacity: 0.76  !important;
  background-image:
    linear-gradient(90deg,
      rgba(8,10,13,0.54) 0%,
      rgba(9,12,16,0.27) 30%,
      rgba(9,11,14,0.30) 66%,
      rgba(8,9,11,0.70) 100%),
    linear-gradient(180deg,
      rgba(10,12,15,0.20) 0%,
      rgba(8,9,11,0.45) 100%),
    url("assets/header-data-tunnel-desktop.webp")  !important;
}
html body .site-header.is-compact::after{
  top: 0  !important;
  opacity: 0.69  !important;
  background-image:
    linear-gradient(90deg,
      rgba(8,10,13,0.54) 0%,
      rgba(9,12,16,0.27) 30%,
      rgba(9,11,14,0.30) 66%,
      rgba(8,9,11,0.70) 100%),
    linear-gradient(180deg,
      rgba(10,12,15,0.20) 0%,
      rgba(8,9,11,0.45) 100%),
    url("assets/header-data-tunnel-desktop.webp")  !important;
}
@media (max-width: 860px){html body .site-header::after,html body .site-header.is-compact::after{
    left: 0  !important;
    right: 0  !important;
    background-image:
      linear-gradient(90deg,
        rgba(8,10,13,0.56) 0%,
        rgba(8,10,13,0.28) 48%,
        rgba(8,9,11,0.64) 100%),
      linear-gradient(180deg,
        rgba(8,10,13,0.16) 0%,
        rgba(8,9,11,0.50) 100%),
      url("assets/header-data-tunnel-mobile.webp")  !important;
    background-position: 58% center  !important;
    background-size: cover  !important;
    filter: saturate(0.62) contrast(0.90)  !important;
    -webkit-mask-image: none  !important;
            mask-image: none  !important;
  }
html body .site-header::after{
    top: 34px  !important;
    opacity: 0.68  !important;
  }
html body .site-header.is-compact::after{
    top: 0  !important;
    opacity: 0.63  !important;
  }
}
@media (max-width: 520px){html body .site-header::after,html body .site-header.is-compact::after{
    background-position: 62% center  !important;
  }
}
html body .site-header,html body .site-header::after{
  transition: none  !important;
  animation: none  !important;
}
html body .site-header.is-compact{
  transform: none  !important;
  box-shadow: 0 12px 34px -28px rgba(0, 0, 0, 0.95)  !important;
}
@media (max-width: 860px){html body .site-header{
    z-index: 2000  !important;
  }
}
html body .site-header::after,html body .site-header.is-compact::after{
  pointer-events: none  !important;
}

html body .site-header > .header-divider-v146 {display:none!important;}


/* Source: knowledge-nav-v165.css */
.nav-knowledge{display:flex;align-items:center;gap:0;position:static}.nav-knowledge>a{padding-right:5px}.knowledge-toggle{border:0;background:transparent;color:inherit;cursor:pointer;padding:12px 9px;font:inherit;min-width:36px;min-height:44px}.knowledge-toggle[aria-expanded=true]{color:#d7b66e}.knowledge-mega[hidden]{display:none!important}.knowledge-mega{position:absolute;top:100%;left:auto;right:0;transform:none;width:min(1160px,calc(100vw - 40px));max-height:calc(100dvh - 165px);overflow:auto;background:#111916;border:1px solid #736a4c;padding:24px;box-shadow:0 16px 40px #0007;color:#f2f2e9;z-index:1000}.knowledge-mega-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #736a4c;padding-bottom:16px;margin-bottom:20px}.knowledge-mega-top>a{color:#dbc38a!important}.knowledge-close{background:transparent;color:#eee;border:1px solid #736a4c;font-size:22px;min-width:44px;min-height:44px;cursor:pointer}.knowledge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.knowledge-group{min-width:0}.knowledge-group summary{color:#dbc38a;font-weight:700;padding:6px 0 14px;cursor:pointer}.knowledge-group ul{list-style:none;padding:0;margin:0;display:grid;gap:2px}.knowledge-group li{margin:0}.knowledge-group a{display:block!important;font-size:14px!important;line-height:1.45!important;padding:8px 0!important;color:#e1e6df!important;white-space:normal!important}.knowledge-group a:hover,.knowledge-group a[aria-current=page]{color:#e5c77c!important;text-decoration:underline}.nav-knowledge :focus-visible{outline:2px solid #e5c77c;outline-offset:3px}.nav-knowledge>a[aria-current=page]{color:#d7b66e}.site-header>.header-divider-v146{pointer-events:none}
@media(max-width:860px){.nav-knowledge{display:grid;grid-template-columns:1fr 44px;width:100%}.nav-knowledge>a{padding:12px 0!important}.knowledge-mega{position:static;transform:none;width:100%;grid-column:1/-1;max-height:none;overflow:visible;box-shadow:none;padding:12px;background:#111916}.knowledge-grid{grid-template-columns:1fr;gap:0}.knowledge-group{border-bottom:1px solid #465149}.knowledge-group summary{padding:16px 0;min-height:44px}.knowledge-group a{min-height:44px;padding:11px 0!important}.knowledge-mega-top{margin-bottom:0;padding-bottom:10px}.knowledge-mega-top>a{font-size:14px!important;white-space:normal}.knowledge-close{font-size:20px}.knowledge-toggle{width:44px}.nav-links .knowledge-group ul{display:block}}
.knowledge-mega{text-align:left}.knowledge-group a{text-align:left!important}


/* Source: nav-unified-v166.css */
.site-header .nav-system,.site-header .nav-knowledge{display:inline-flex;align-items:center;gap:0}.site-header .nav-system-link,.site-header .nav-knowledge>a{padding-right:0!important}.site-header .nav-system-button,.site-header .knowledge-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:28px;width:28px;min-height:44px;padding:0!important;border:0;background:transparent;color:rgba(239,239,235,.74);font:inherit;cursor:pointer}.site-header .nav-system-chevron{font-size:.76rem!important;line-height:1}.site-header .knowledge-toggle[aria-expanded=true] .nav-system-chevron{transform:rotate(180deg)}.site-header .nav-system-link:hover,.site-header .nav-system-link[aria-current],.site-header .nav-system-active .nav-system-link{color:#d3b46f}.knowledge-mega{border:1px solid rgba(203,183,127,.28);border-radius:14px;background:radial-gradient(100% 80% at 90% 0%,rgba(54,69,83,.22),transparent 62%),rgba(14,16,19,.985);box-shadow:0 24px 56px rgba(0,0,0,.46)}.knowledge-group a{border-radius:9px;padding:8px!important}.knowledge-group a:hover{background:rgba(203,183,127,.12);text-decoration:none}.knowledge-mega-top{border-color:rgba(203,183,127,.28)}.knowledge-close{border-radius:9px;border-color:rgba(203,183,127,.28)}.site-header .nav-system:not(.is-open) .nav-system-menu{opacity:0;visibility:hidden;pointer-events:none}.site-header .nav-system-link:focus-visible{outline:2px solid #d3b46f;outline-offset:4px}
@media(max-width:860px){.site-header .nav-system,.site-header .nav-knowledge{display:grid;grid-template-columns:1fr 44px;width:100%}.site-header .nav-system-button,.site-header .knowledge-toggle{width:44px}.site-header .nav-system-menu{grid-column:1/-1}.site-header .nav-system-link,.site-header .nav-knowledge>a{padding:12px 0!important}.knowledge-mega{grid-column:1/-1}}


/* Source: nav-state-v167.css */
.site-header .nav-knowledge>a[aria-current],.site-header .nav-system-link[aria-current]{color:#d3b46f!important}
.site-header .nav-system-button .nav-system-chevron,.site-header .knowledge-toggle .nav-system-chevron{color:#77a88e!important}
.site-header .nav-knowledge>a:hover,.site-header .nav-knowledge>a:focus-visible,.site-header .nav-system-link:hover,.site-header .nav-system-link:focus-visible{color:#d3b46f!important}


/* Source: shared-frame-v169.css */
/* v169 · einheitliche Seitenachse und Footer-Geometrie */
@media(min-width:861px){html{scrollbar-gutter:stable}}
body .site-footer{padding:50px 0!important}
body .site-footer .footer-grid{gap:48px!important;padding:0!important}
body .site-footer .footer-grid p{margin:26px 0 0!important;font-size:inherit!important;line-height:1.65!important;max-width:340px}
body .site-footer .footer-grid a{font-size:inherit!important;margin:10px 0!important}
body .site-footer .footer-bottom{margin-top:28px!important;padding:20px 0 0!important;min-height:109px!important;gap:48px!important}
body .site-footer .footer-bottom-logo{width:88px!important;height:88px!important}
@media(min-width:861px) and (max-height:820px){body .site-footer{padding:22px 0 12px!important}body .site-footer .footer-grid{gap:24px!important;padding:0 0 12px!important}body .site-footer .footer-grid p{margin:21px 0 0!important;font-size:13px!important;line-height:1.45!important}body .site-footer .footer-grid a{font-size:13px!important;margin:5px 0!important}body .site-footer .footer-bottom{margin-top:10px!important;padding:12px 0 0!important;min-height:61px!important}body .site-footer .footer-bottom-logo{width:48px!important;height:48px!important}}

/* v176: The viewport scrollbar and reserved gutter belong to the root. */
html {
  background-color: #0d1113;
  scrollbar-color: #4f514f #0d1113;
}
html::-webkit-scrollbar { width: 12px; height: 12px; }
html::-webkit-scrollbar-track,
html::-webkit-scrollbar-corner { background: #0d1113; }
html::-webkit-scrollbar-thumb {
  background: #4f514f;
  border: 3px solid #0d1113;
  border-radius: 999px;
}
html::-webkit-scrollbar-thumb:hover { background: #777a77; }

/* v177: smaller desktop marks; preserve layout footprint and mobile sizes. */
@media (min-width: 861px) {
  body .site-header .brand-logo-img,
  body .site-footer .footer-bottom-logo {
    scale: .85;
    transform-origin: center;
  }
}

/* Block256: Article hero and header share the same horizontal grid.
   Keep the header's established 46px spacing; scope to editorial pages. */
body.lexicon-detail-page .site-header::before,
body.lexicon-detail-page .lexicon-hero::before {
  background-size: 46px 46px;
  background-position: left top;
}


/* Source: home-trust-v174.css */
/* Block 174: readable native select groups and compact encryption note. */
.demo-field select optgroup {
  color: #f3dfaa;
  background: #202321;
  font-weight: 750;
}

.demo-field select option {
  color: #12211b;
  background: #f4efe5;
  font-weight: 500;
}

.deploy-security-note {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  max-width: 100%;
  margin: 28px auto 0;
  color: rgba(238, 242, 238, 0.76);
  font-size: 0.84rem;
  line-height: 1.55;
  letter-spacing: 0.01em;
}

.deploy-security-note::before {
  content: "";
  width: 22px;
  height: 1px;
  flex: 0 0 22px;
  background: #cbb77f;
}

.deploy-security-note strong {
  color: #f2eee4;
  font-weight: 720;
}

@media (max-width: 620px) {
  .deploy-security-note {
    display: block;
    max-width: 34rem;
    margin-top: 24px;
    text-align: left;
  }

  .deploy-security-note::before {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }
}


/* Source: nav-panel-position-v192.css */
/* Desktop panels: system menu follows its trigger; wide knowledge panel follows the header. */
@media (min-width:861px) {
  .site-header .container.nav { position:relative; }
  .site-header .nav-links,
  .site-header .nav-system,
  .site-header .nav-knowledge { position:static; }
  .site-header .nav-system-menu,
  .site-header .knowledge-mega {
    position:absolute;
    top:100%;
    right:0;
    left:auto;
    margin-top:0;
    transform:none !important;
    max-height:calc(100dvh - 150px);
    overflow:auto;
  }
}

@media (min-width:861px) {
  .site-header .nav-system { position:relative; }
  .site-header .nav-system-menu {
    top:calc(100% + 12px);
    left:0;
    right:auto;
  }
}


/* Source: quick-contact-v317.css */
.qc-trigger{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;gap:9px;min-height:48px;padding:11px 17px;border:1px solid rgb(194,170,104);border-radius:28px;background:rgb(14,21,22);color:rgb(250,250,247);font:600 14px/1.2 system-ui,sans-serif;box-shadow:0 4px 18px rgb(0 0 0 / .2);cursor:pointer}
.qc-trigger[hidden]{display:none!important}.qc-trigger svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.qc-trigger:hover{background:rgb(34,46,45)}
.qc-trigger:focus-visible,.qc-panel :focus-visible{outline:3px solid rgb(194,170,104);outline-offset:3px}
.qc-panel{position:fixed;inset:auto 20px 20px auto;box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:0;padding:24px;border:1px solid rgb(113,123,115);border-radius:14px;background:rgb(243,244,240);color:rgb(24,34,29);box-shadow:0 12px 60px rgb(0 0 0 / .3);font:16px/1.5 system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}
.qc-panel::backdrop{background:rgb(0 0 0 / .35)}.qc-panel h2{font:700 24px/1.25 system-ui,sans-serif;margin:0 45px 10px 0;color:inherit}.qc-panel p{font:inherit;margin:0 0 16px;color:inherit}.qc-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:inherit;font:28px/1 system-ui;cursor:pointer}.qc-close:hover{background:rgb(224,227,220)}
.qc-panel label{display:block;font:600 14px/1.4 system-ui,sans-serif;margin:12px 0 5px}.qc-panel input:not([type=checkbox]),.qc-panel textarea{box-sizing:border-box;display:block;width:100%;border:1px solid rgb(104,118,108);border-radius:5px;background:rgb(255,255,252);color:rgb(24,34,29);padding:10px;font:16px/1.4 system-ui,sans-serif}.qc-panel textarea{resize:vertical;min-height:100px}.qc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qc-panel .qc-consent{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:13px;margin:16px 0}.qc-consent input{flex:0 0 auto;margin:3px 0 0;width:18px;height:18px}.qc-panel a{color:rgb(34,70,59);text-decoration:underline}.qc-send{width:100%;min-height:46px;border:0;border-radius:5px;background:rgb(34,70,59);color:white;font:600 16px/1.3 system-ui,sans-serif;cursor:pointer}.qc-send:disabled{opacity:.65;cursor:wait}.qc-panel .qc-status{margin:12px 0 0;font-size:14px}.qc-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.qc-panel [hidden]{display:none!important}
@media(max-width:600px){.qc-trigger{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:11px 14px}.qc-panel{inset:auto 0 0;width:100%;max-width:none;max-height:calc(100dvh - 16px);border-radius:16px 16px 0 0;padding:22px 20px max(22px,env(safe-area-inset-bottom))}.qc-fields{grid-template-columns:1fr;gap:0}}

/* Contact typography matches mobile-toc-chip exactly. */
.qc-trigger{font:750 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;min-height:42px}
.qc-trigger .qc-person{display:block;width:38px;height:34px;object-fit:contain}
.qc-trigger.qc-rail{left:var(--qc-left);right:auto;top:50%;bottom:auto;transform:translateY(-50%);width:96px;box-sizing:border-box;flex-direction:column;gap:10px;padding:14px 8px;border-radius:12px}
.qc-trigger.qc-rail .qc-person{width:64px;height:57px}
.qc-panel.qc-rail{inset:50% calc(100vw - var(--qc-left) + 16px) auto auto;transform:translateY(-50%)}

/* White vector motif on the existing header texture. No blending or scaling. */
.qc-trigger,.qc-trigger:hover,.qc-trigger.qc-rail{
 box-sizing:border-box;justify-content:center;gap:0;padding:7px;
 width:64px;height:64px;min-height:64px;border:1px solid rgb(113,123,115);
 border-radius:8px;color:rgb(250,250,247);background-color:rgb(10,12,15);
 background-image:linear-gradient(rgb(8 10 13 / .55),rgb(8 9 11 / .70)),url("/assets/header-data-tunnel-mobile.webp");
 background-size:cover;background-position:58% center;background-repeat:no-repeat;
 box-shadow:0 3px 12px rgb(0 0 0 / .18);mix-blend-mode:normal;
}
.qc-trigger .qc-person{display:block;flex:none;width:48px;height:44px;fill:currentColor;stroke:none;shape-rendering:geometricPrecision}
.qc-trigger.qc-rail{width:96px;height:88px;padding:11px;top:var(--qc-top);transform:none}
.qc-trigger.qc-rail .qc-person{width:72px;height:64px}
.qc-trigger:hover{border-color:rgb(194,170,104)}
.qc-trigger:focus-visible{outline:3px solid rgb(194,170,104);outline-offset:4px}

/* The mobile contents control uses the same surface as contact. */
.mobile-toc-chip{box-sizing:border-box;min-height:64px;border:1px solid rgb(113,123,115);border-radius:8px;color:rgb(250,250,247);background-color:rgb(10,12,15);background-image:linear-gradient(rgb(8 10 13 / .55),rgb(8 9 11 / .70)),url("/assets/header-data-tunnel-mobile.webp");background-size:cover;background-position:58% center;background-repeat:no-repeat;box-shadow:0 3px 12px rgb(0 0 0 / .18)}
.mobile-toc-chip:hover{border-color:rgb(194,170,104)}
.mobile-toc-chip:focus-visible{outline:3px solid rgb(194,170,104);outline-offset:4px}
@media(max-width:600px){.qc-trigger{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}}

/* Mobile contact occupies its own header slot, never page content. */
@media(max-width:860px){
  .site-header .nav > .qc-trigger.qc-header{
    position:static;flex:0 0 44px;width:44px;height:44px;min-height:44px;
    margin:0 12px 0 auto;padding:5px;transform:none;box-shadow:none;
  }
  .site-header .nav > .qc-trigger.qc-header .qc-person{width:32px;height:30px}
}


/* Source: surface-controls-v481.css */
/* Same surface layers and pixel scale as the actual header. */
.qc-trigger,.qc-trigger:hover,.qc-trigger.qc-rail,.mobile-toc-chip{
 isolation:isolate;background:var(--control-base,linear-gradient(rgb(18,22,27),rgb(12,14,17)));
}
.qc-trigger::before,.mobile-toc-chip::before,.qc-trigger::after,.mobile-toc-chip::after{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
}
.qc-trigger::before,.mobile-toc-chip::before{
 z-index:-2;background-image:var(--control-texture);
 background-size:100% 100%,100% 100%,var(--control-texture-size,390px 390px);
 background-position:var(--control-texture-position,center);background-repeat:no-repeat;
 opacity:var(--control-texture-opacity,.68);filter:var(--control-texture-filter,none);
}
.qc-trigger::after,.mobile-toc-chip::after{
 z-index:-1;background-image:var(--control-grid,linear-gradient(rgb(255 255 255 / .028) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .028) 1px,transparent 1px));
 background-size:var(--control-grid-size,46px 46px);background-position:left top;
}
@media(max-width:860px){
 html.nav-open,html body.nav-open{overflow:visible!important;touch-action:auto!important}
 html body.nav-open::before{display:none!important;pointer-events:none!important;backdrop-filter:none!important}
 html body .site-header .nav-toggle,html body.nav-open .site-header .nav-toggle{position:relative!important;top:auto!important;right:auto!important;transform:none!important}
 html body .site-header .nav-links{
  position:fixed!important;inset:auto!important;top:var(--mobile-menu-top,150px)!important;
  left:14px!important;right:14px!important;width:auto!important;max-width:none!important;
  height:var(--mobile-menu-height,calc(100dvh - 250px))!important;max-height:var(--mobile-menu-height,calc(100dvh - 250px))!important;
  margin:0!important;padding:18px 20px!important;box-sizing:border-box;justify-content:flex-start!important;
  border:1px solid rgb(85,99,93)!important;border-radius:8px!important;
  background:var(--control-base,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
  box-shadow:0 6px 20px rgb(0 0 0 / .16)!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;touch-action:pan-y;
  transform:none!important;transition:opacity .15s ease,visibility .15s ease!important;
 }
 html body .site-header .nav-links:not(.is-open){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
 html body .site-header .nav-links.is-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 html body .site-header .nav-links > *{flex-shrink:0}
 html body .site-header .nav-links::before{display:none!important}
 html body .site-header .nav-system-menu,html body .site-header .knowledge-mega,html body .site-header .nav-language-menu{
  position:static!important;inset:auto!important;transform:none!important;width:100%!important;
  max-height:none!important;overflow:visible!important;box-shadow:none!important;
 }
}

/* Smaller desktop rail control; mobile stays 64 × 64. */
.qc-trigger.qc-rail{width:80px;height:74px;padding:9px}
.qc-trigger.qc-rail .qc-person{width:60px;height:54px}

/* A closed in-flow language list must not reserve invisible space. */
@media(max-width:860px){
 html body .site-header .nav-links .nav-language:not(.is-open) .nav-language-menu{display:none!important}
 html body .site-header .nav-links .nav-language.is-open .nav-language-menu{display:block!important}
 html body .site-header .nav-links .nav-language{margin:0!important}
}

/* Shared grid phase: all surfaces sample the header's 46px grid. */
.qc-trigger::after,.mobile-toc-chip::after{background-position:var(--surface-grid-position,0px 0px)}
@media(max-width:860px){
 html body .site-header .nav-links{isolation:isolate!important;background:rgb(12,14,17)!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html body .site-header .nav-links::before{
  content:""!important;display:block!important;position:fixed!important;
  top:var(--mobile-menu-top,150px)!important;left:14px!important;right:14px!important;bottom:auto!important;
  height:var(--mobile-menu-height,calc(100dvh - 250px))!important;
  border-radius:8px!important;z-index:-1!important;pointer-events:none!important;
  background-image:var(--control-grid),radial-gradient(ellipse 80% 55% at 100% 45%,rgb(12 14 17 / .38),rgb(12 14 17 / .22) 55%,transparent 100%),linear-gradient(rgb(12 14 17 / .82),rgb(12 14 17 / .86)),url('/assets/menu-v449/data-tunnel.svg')!important;
  background-size:46px 46px,46px 46px,100% 100%,100% 100%,cover!important;
  background-position:var(--surface-grid-position,0px 0px),var(--surface-grid-position,0px 0px),center,center,65% center!important;
  background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat!important;
  filter:grayscale(1)!important;opacity:1!important;transform:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
}

/* Larger mobile submenu affordances; overview links remain links. */
@media(max-width:860px){
 html body .site-header .nav-system,html body .site-header .nav-knowledge{grid-template-columns:minmax(0,1fr) 52px}
 html body .site-header .nav-system-button,html body .site-header .knowledge-toggle{
  width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;
  display:inline-flex!important;align-items:center;justify-content:center;color:rgb(211,180,111)!important;
 }
 html body .site-header .nav-system-chevron{
  display:block;width:12px;height:12px;box-sizing:border-box;
  font-size:0!important;line-height:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-3px) rotate(45deg)!important;
 }
 html body .site-header .nav-system-button[aria-expanded="true"] .nav-system-chevron,
 html body .site-header .knowledge-toggle[aria-expanded="true"] .nav-system-chevron{
  transform:translateY(3px) rotate(225deg)!important;
 }
 html body .site-header .nav-system-button:focus-visible,html body .site-header .knowledge-toggle:focus-visible{
  outline:2px solid rgb(211,180,111);outline-offset:-3px;border-radius:4px;
 }
}

/* Blue graphite belongs to the surface; desaturate only the decorative portrait. */
.qc-trigger,.qc-trigger:hover,.qc-trigger.qc-rail,.mobile-toc-chip{
 background:var(--control-base,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
}
.qc-trigger::after,.mobile-toc-chip::after{
 background-image:var(--control-grid),linear-gradient(rgb(18 22 27 / .28),rgb(18 22 27 / .28));
 background-size:46px 46px,46px 46px,100% 100%;
 background-position:var(--surface-grid-position,0px 0px),var(--surface-grid-position,0px 0px),center;
 background-repeat:repeat,repeat,no-repeat;
}
@media(max-width:860px){
 html body .site-header .nav-links{
  background:var(--control-base,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
 }
 html body .site-header .nav-links::before{
  background-image:url('/assets/menu-v449/data-tunnel.svg')!important;
  background-size:cover!important;background-position:65% center!important;background-repeat:no-repeat!important;
  opacity:.30!important;filter:grayscale(1)!important;z-index:-2!important;
 }
 html body .site-header .nav-links::after{
  content:"";display:block;position:fixed;top:var(--mobile-menu-top,150px);left:14px;right:14px;bottom:auto;
  height:var(--mobile-menu-height,calc(100dvh - 250px));border-radius:8px;z-index:-1;pointer-events:none;
  background-image:var(--control-grid),radial-gradient(ellipse 80% 55% at 100% 45%,rgb(18 22 27 / .38),rgb(18 22 27 / .22) 55%,transparent 100%);
  background-size:46px 46px,46px 46px,100% 100%;
  background-position:var(--surface-grid-position,0px 0px),var(--surface-grid-position,0px 0px),center;
  background-repeat:repeat,repeat,no-repeat;
 }
}

/* Block 333: mobile alignment and a quiet reading backdrop. */
@media(max-width:860px){
 html body .site-header .nav-links{align-items:stretch!important;text-align:left!important}
 html body .site-header .nav-links>a:not(.portal-button),
 html body .site-header .nav-links .nav-system-link,
 html body .site-header .nav-links .nav-knowledge>a,
 html body .site-header .nav-links .mobile-nav-separator{
  text-align:left!important;align-self:stretch!important;
 }
 html body .site-header .nav-links .nav-system,
 html body .site-header .nav-links .nav-knowledge{
  grid-template-columns:minmax(0,1fr) 52px;align-items:center!important;
 }
 html body .site-header .nav-links .nav-system-button,
 html body .site-header .nav-links .knowledge-toggle{justify-self:end}
 html body .site-header .nav-links .nav-system-menu a{
  align-items:flex-start!important;text-align:left!important;
 }
 html body .site-header .nav-links .knowledge-mega,
 html body .site-header .nav-links .knowledge-group,
 html body .site-header .nav-links .knowledge-group a{text-align:left!important}
 /* Keep the language selector at the upper right and CTA centered. */
 html body .site-header .nav-links .nav-language{align-self:flex-end!important}
 html body .site-header .nav-links .portal-button{text-align:center!important;justify-content:center!important}
 /* Below header (2000), contents chip (1180), and contact control (80).
    Pointer events pass through for the existing outside-click close behavior.
    No filter on main/body: fixed descendants keep their viewport positioning. */
 html body.nav-open::before{
  content:""!important;display:block!important;position:fixed!important;inset:0!important;
  z-index:70!important;background:rgb(18 22 27 / .12)!important;
  backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;
  pointer-events:none!important;opacity:1!important;transform:none!important;
 }
}

/* Block 334: legal section without separator rule. */
@media(max-width:860px){
 html body .site-header .nav-links .mobile-nav-separator{border-top:0!important}
}

/* Block 335: submenu arrows follow their labels on mobile. */
@media(max-width:860px){
 html body .site-header .nav-links .nav-system,
 html body .site-header .nav-links .nav-knowledge{
  grid-template-columns:max-content 52px minmax(0,1fr)!important;
  column-gap:4px!important;
 }
 html body .site-header .nav-links .nav-system-button,
 html body .site-header .nav-links .knowledge-toggle{grid-column:2;justify-self:start!important}
 html body .site-header .nav-links .nav-system-menu,
 html body .site-header .nav-links .knowledge-mega{grid-column:1/-1!important}
}

/* Block 336: explicit open icon, independent of compact header state. */
@media(max-width:860px){
 html body .site-header .nav-toggle[aria-expanded="true"]>span{
  position:absolute!important;left:50%!important;top:50%!important;
  width:32px!important;height:3px!important;margin:0!important;
  background:rgb(211,180,111)!important;box-shadow:none!important;
  transform-origin:center!important;transition:none!important;
 }
 html body .site-header .nav-toggle[aria-expanded="true"]>span:nth-child(1){
  opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) rotate(45deg)!important;
 }
 html body .site-header .nav-toggle[aria-expanded="true"]>span:nth-child(2){
  opacity:0!important;visibility:hidden!important;background:transparent!important;
 }
 html body .site-header .nav-toggle[aria-expanded="true"]>span:nth-child(3){
  opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) rotate(-45deg)!important;
 }
}

/* Block 339: tighten space before mobile legal links. */
@media(max-width:860px){
 html body .site-header .nav-links .mobile-nav-separator{margin-top:8px!important;padding-top:4px!important}
}

/* 457: actual computed header background beneath transparent gold tunnel details. */
@media(min-width:861px){
 html body .site-header .nav-system-menu,html body .site-header .knowledge-mega{
  background-color:var(--menu-header-color,rgb(12,14,17))!important;
  background-image:url('/assets/menu-v457/tunnel-detail.svg'),var(--menu-header-image,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
  background-size:cover,100% 100%!important;background-position:58% 48%,center!important;background-repeat:no-repeat!important;
 }
}
@media(max-width:860px){
 html body .site-header .nav-links{
  background-color:var(--menu-header-color,rgb(12,14,17))!important;
  background-image:var(--menu-header-image,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
 }
 html body .site-header .nav-links::before{
  background-image:url('/assets/menu-v457/tunnel-detail-mobile.svg')!important;
  background-size:cover!important;background-position:48% 46%!important;opacity:1!important;filter:none!important;
 }
 html body .site-header .nav-links::after{background-image:var(--control-grid)!important}
}

/* Block 481: continue the header grid across both desktop navigation panels.
   Grid is a background layer, so labels remain above it and clicks pass through. */
@media(min-width:861px){
 html body .site-header .nav-system-menu,html body .site-header .knowledge-mega{
  background-image:var(--control-grid,linear-gradient(rgb(255 255 255 / .028) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .028) 1px,transparent 1px)),url('/assets/menu-v457/tunnel-detail.svg'),var(--menu-header-image,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
  background-size:var(--menu-grid-cell-size,46px 46px),var(--menu-grid-cell-size,46px 46px),cover,100% 100%,100% 100%!important;
  background-position:var(--surface-grid-position,0px 0px),var(--surface-grid-position,0px 0px),58% 48%,center,center!important;
  background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat!important;
  background-origin:border-box!important;
 }
}


/* Source: founder-dna-v369.css */
/* Block361: continuous original DNA photograph, compact founder section. */
main.site-dark .founder-stage.founder-dna-v361 {background:#0b100f;padding-block:54px;}

.founder-dna-v361 .founder-card {display:block;width:calc(100% - 64px);max-width:1280px;}
.founder-dna-v361 .founder-content {display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:30px;max-width:820px;}
.founder-dna-v361 .founder-photo {width:100%;max-width:120px;border-radius:5px;border-width:1px;box-shadow:0 8px 24px rgba(0,0,0,.2);}
.founder-dna-v361 .founder-body {max-width:none;padding:0;}
.founder-dna-v361 .founder-body::before {display:none;}
.founder-dna-v361 .founder-quote {font-size:clamp(1.2rem,1.55vw,1.55rem);line-height:1.45;margin:12px 0 16px;}
.founder-dna-v361 .founder-name {margin-bottom:12px;}
@media(max-width:1000px){
 .founder-dna-v361 .founder-content {max-width:720px;grid-template-columns:100px minmax(0,1fr);gap:24px;}

}
@media(max-width:760px){
 main.site-dark .founder-stage.founder-dna-v361 {padding-block:36px;}
 .founder-dna-v361 .founder-card {width:calc(100% - 40px);}
 .founder-dna-v361 .founder-content {grid-template-columns:minmax(0,1fr);gap:20px;}
 .founder-dna-v361 .founder-photo {max-width:96px;}
 .founder-dna-v361 .founder-quote {font-size:1.25rem;}

}

/* Block362: mask belongs to the image layer; its left edge is fully transparent. */
.founder-dna-v361 .founder-dna-bg {position:absolute;inset:0 0 0 auto;width:70%;background:url("assets/founder-dna-original.jpg") center center/cover no-repeat;opacity:.78;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 15%,rgba(0,0,0,.35) 40%,#000 78%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 15%,rgba(0,0,0,.35) 40%,#000 78%);}
@media(max-width:1000px) and (min-width:761px){
 .founder-dna-v361 .founder-dna-bg {width:82%;opacity:.55;}
}
@media(max-width:760px){
 .founder-dna-v361 .founder-dna-bg {inset:0 0 auto;width:100%;height:340px;background-position:60% center;opacity:.65;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.65) 25%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.65) 25%,transparent 100%);}
}


/* Block366: small, staggered original logo marks. No square grid. */
.founder-dna-v361 .founder-fx::before {content:"";position:absolute;inset:0;pointer-events:none;background:url("assets/founder-logo-weave-v366.svg") 0 0/60px 44px repeat;opacity:.065;-webkit-mask-image:radial-gradient(ellipse 38% 85% at 17% 75%,#000 0%,transparent 75%),radial-gradient(ellipse 24% 65% at 80% 20%,rgba(0,0,0,.6) 0%,transparent 75%);mask-image:radial-gradient(ellipse 38% 85% at 17% 75%,#000 0%,transparent 75%),radial-gradient(ellipse 24% 65% at 80% 20%,rgba(0,0,0,.6) 0%,transparent 75%);}
.founder-dna-v361 .founder-fx::after {content:none;}
html body .company-page .company-founder.founder-dna-v361 {background:#0b100f!important;}
@media(max-width:760px){.founder-dna-v361 .founder-fx::before {opacity:.05;}}

/* Block369: texture follows the DNA from right to left; a faint echo near the portrait. */
@media(min-width:761px){
 .founder-dna-v361 .founder-fx::before {
  opacity:.055;
  -webkit-mask-image:radial-gradient(ellipse 58% 100% at 96% 48%,#000 0%,rgba(0,0,0,.72) 32%,rgba(0,0,0,.18) 65%,transparent 90%);
  mask-image:radial-gradient(ellipse 58% 100% at 96% 48%,#000 0%,rgba(0,0,0,.72) 32%,rgba(0,0,0,.18) 65%,transparent 90%);
 }
 .founder-dna-v361 .founder-fx::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url("assets/founder-logo-weave-v366.svg") 0 0/60px 44px repeat;opacity:.012;
  -webkit-mask-image:radial-gradient(ellipse 150px 140px at max(92px,calc(50% - 580px)) 58%,#000 0%,transparent 100%);
  mask-image:radial-gradient(ellipse 150px 140px at max(92px,calc(50% - 580px)) 58%,#000 0%,transparent 100%);
 }
}


/* Source: founder-header-lines-v370.css */
/* Block370: sparse continuations of the actual header grid; no horizontal lines. */
.founder-dna-v361 .founder-header-lines-v370 {position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.founder-header-lines-v370 > span {position:absolute;top:0;width:1px;height:var(--line-length);background:linear-gradient(to bottom,rgba(255,255,255,var(--line-alpha)) 0%,rgba(255,255,255,0) 100%);}


/* Source: founder-portrait-v638.css */
/* Block378: original logo weave crosses the portrait edges, face stays clear. */
.founder-dna-v361 .founder-media {
 position:relative;isolation:isolate;width:100%;max-width:120px;
}
.founder-dna-v361 .founder-media::after {
 content:"";position:absolute;z-index:2;inset:-16px;
 pointer-events:none;
 background:url("/assets/founder-logo-weave-v366.svg") 0 0/60px 44px repeat;
 opacity:.38;filter:brightness(.28);mix-blend-mode:normal;
 -webkit-mask-image:radial-gradient(ellipse 39% 11% at 41% 87%,#000 0%,rgba(0,0,0,.65) 38%,transparent 100%),radial-gradient(ellipse 10% 23% at 12% 70%,rgba(0,0,0,.7) 0%,transparent 100%),radial-gradient(ellipse 9% 18% at 88% 76%,rgba(0,0,0,.45) 0%,transparent 100%);
 mask-image:radial-gradient(ellipse 39% 11% at 41% 87%,#000 0%,rgba(0,0,0,.65) 38%,transparent 100%),radial-gradient(ellipse 10% 23% at 12% 70%,rgba(0,0,0,.7) 0%,transparent 100%),radial-gradient(ellipse 9% 18% at 88% 76%,rgba(0,0,0,.45) 0%,transparent 100%);
}
@media(max-width:760px){
 .founder-dna-v361 .founder-media {max-width:96px;}
 .founder-dna-v361 .founder-media::after {inset:-12px;opacity:.34;}
}

/* No raised-card shadow; preserve the original photograph's tonal values. */
.founder-dna-v361 .founder-media,
.founder-dna-v361 .founder-photo {box-shadow:none;}

/* Block390: marked portrait area cleared; wider branching in marked zones. */
@media(min-width:761px){
 .founder-dna-v361 .founder-fx::after {content:none;}
 .founder-dna-v361 .founder-media {background:none;box-shadow:none!important;filter:none;}
 .founder-dna-v361 .founder-photo {box-shadow:none!important;filter:none;border-color:transparent;}
 .founder-dna-v361 .founder-media::before {content:none;}
 .founder-dna-v361 .founder-media::after {
  inset:-100% -30% -100% -170%;border:0;border-radius:0;box-shadow:none;
  background:url('/assets/founder-portrait-weave-v390.svg') center/100% 100% no-repeat;
  opacity:1;filter:none;mix-blend-mode:normal;
  -webkit-mask-image:none;mask-image:none;
 }
}

/* Block516: complete monochrome portrait; preserve original image ratio. */
.founder-dna-v361 .founder-content {grid-template-columns:160px minmax(0,1fr);}
.founder-dna-v361 .founder-media {max-width:160px;}
.founder-dna-v361 .founder-photo {width:100%;max-width:none;height:auto;aspect-ratio:640/1129;object-fit:contain;object-position:center;border-radius:5px;border:0;filter:none;box-shadow:none;}
.founder-dna-v361 .founder-media::after {content:none;}
@media(max-width:1000px) and (min-width:761px){
 .founder-dna-v361 .founder-content {grid-template-columns:140px minmax(0,1fr);}
 .founder-dna-v361 .founder-media {max-width:140px;}
}
@media(max-width:760px){
 .founder-dna-v361 .founder-content {grid-template-columns:minmax(0,1fr);}
 .founder-dna-v361 .founder-media {max-width:112px;}
}

/* Block518: asymmetric fading logo islands cross the portrait edges. */
.founder-dna-v361 .founder-media::after {
 content:"";inset:-12px -18px -20px -16px;z-index:2;border:0;border-radius:0;box-shadow:none;
 background:url("/assets/founder-logo-weave-v366.svg") 0 0/60px 44px repeat;
 opacity:.15;filter:none;mix-blend-mode:normal;pointer-events:none;
 -webkit-mask-image:radial-gradient(ellipse 42% 19% at 31% 96%,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 38%,transparent 100%),radial-gradient(ellipse 24% 11% at 89% 86%,rgba(0,0,0,.65) 0%,transparent 100%),radial-gradient(ellipse 18% 23% at 6% 70%,rgba(0,0,0,.6) 0%,transparent 100%),radial-gradient(ellipse 16% 15% at 97% 27%,rgba(0,0,0,.4) 0%,transparent 100%),radial-gradient(ellipse 30% 10% at 26% 3%,rgba(0,0,0,.5) 0%,transparent 100%);
 mask-image:radial-gradient(ellipse 42% 19% at 31% 96%,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 38%,transparent 100%),radial-gradient(ellipse 24% 11% at 89% 86%,rgba(0,0,0,.65) 0%,transparent 100%),radial-gradient(ellipse 18% 23% at 6% 70%,rgba(0,0,0,.6) 0%,transparent 100%),radial-gradient(ellipse 16% 15% at 97% 27%,rgba(0,0,0,.4) 0%,transparent 100%),radial-gradient(ellipse 30% 10% at 26% 3%,rgba(0,0,0,.5) 0%,transparent 100%);
}
@media(max-width:760px){
 .founder-dna-v361 .founder-content {display:flow-root;}
 .founder-dna-v361 .founder-media {float:left;width:112px;max-width:36%;margin:0 16px 12px 0;}
 .founder-dna-v361 .founder-body {display:block;overflow:visible;contain:none;}
 .founder-dna-v361 .founder-photo {display:block;}
}

/* Block519: mobile identity beside photo, quotation across full width below. */
@media(max-width:760px){
 .founder-dna-v361 .founder-content {display:grid;grid-template-columns:minmax(0,112px) minmax(0,1fr);column-gap:18px;row-gap:8px;align-items:start;}
 .founder-dna-v361 .founder-media {float:none;width:100%;max-width:112px;margin:0;grid-column:1;grid-row:1 / 3;}
 .founder-dna-v361 .founder-body {display:contents;}
 .founder-dna-v361 .founder-body > .eyebrow {grid-column:2;grid-row:1;align-self:end;margin:0;}
 .founder-dna-v361 .founder-name {grid-column:2;grid-row:2;align-self:start;margin:0;overflow-wrap:break-word;}
 .founder-dna-v361 .founder-quote {grid-column:1 / -1;grid-row:3;margin:18px 0 12px;}
 .founder-dna-v361 .founder-origin {grid-column:1 / -1;grid-row:4;}
 .founder-dna-v361 .founder-company-link {grid-column:1 / -1;grid-row:5;justify-self:start;}
}

/* Block520: branching logo paths with clear gaps; name on its own line. */
.founder-dna-v361 .founder-media::after {
 inset:-30px -75px -90px -100px;
 background:url("/assets/founder-logo-roots-v520.svg") center/100% 100% no-repeat;
 opacity:.22;-webkit-mask-image:none;mask-image:none;
}
.founder-dna-v361 .founder-role {display:inline-block;margin-top:4px;}
@media(max-width:760px){
 .founder-dna-v361 .founder-media::after {inset:-20px -40px -44px -35px;opacity:.18;}
}

/* Block521: restrained angular circuit traces; no root-shaped branches. */
.founder-dna-v361 .founder-media::after {
 inset:-10px -30px -44px -55px;
 background:url("/assets/founder-circuit-v521.svg") center/100% 100% no-repeat;
 opacity:.18;-webkit-mask-image:none;mask-image:none;
}
@media(max-width:760px){
 .founder-dna-v361 .founder-media::after {inset:-8px -22px -30px -25px;opacity:.16;}
}

/* Block523: restore the original square photograph, retain layout and circuit detail. */
.founder-dna-v361 .founder-photo {aspect-ratio:1/1;}

/* Block638: approved original-photo portrait, preserve its complete 4:5 crop. */
.founder-dna-v361 .founder-photo {aspect-ratio:4/5;}


/* Source: founder-anchor-v394.css */
/* Leave room for the fixed navigation on direct fragment navigation. */
#gruender.founder-stage,#founder.founder-stage{scroll-margin-top:140px!important;}
@media(max-width:860px){#gruender.founder-stage,#founder.founder-stage{scroll-margin-top:120px!important;}}


/* Source: home-visual-v434.css */
/* 419: approved artwork as responsive photography; typography and geometry remain live. */
html body#design-preview-v52 .hero-field.home-visual-v410{background:#0b1512!important}
html body#design-preview-v52 .home-visual-v410::before,html body#design-preview-v52 .home-visual-v410::after{display:none!important}
html body#design-preview-v52 .home-visual-v410>.hero.hero-dark{position:relative;isolation:isolate;min-height:clamp(450px,40vw,820px)!important;height:auto!important;padding:clamp(90px,8.4vw,180px) 0 50px!important;background:transparent!important;overflow:hidden}
html body#design-preview-v52 .home-visual-v410 .hero-stack{position:static!important;display:block!important;width:100%!important;max-width:none!important;padding:0!important}
html body#design-preview-v52 .home-visual-v410 .hero-content{position:static!important;width:54%!important;max-width:1080px!important;margin:0 auto!important;padding:0!important;text-align:center}
html body#design-preview-v52 .home-visual-v410 .hero-content>.eyebrow,html body#design-preview-v52 .home-visual-v410 .home-hero-display-title,html body#design-preview-v52 .home-visual-v410 .hero-lead,html body#design-preview-v52 .home-visual-v410 .hero-gold-claim{position:relative!important;z-index:4!important}
html body#design-preview-v52 .home-visual-v410 .home-hero-display-title{font-size:clamp(28px,2.78vw,57px)!important;line-height:1.13!important;letter-spacing:-.035em!important;margin:0 auto 30px!important}
html body#design-preview-v52 .home-visual-v410 .hero-title-line{white-space:normal!important}
html body#design-preview-v52 .home-visual-v410 .hero-lead{font-size:clamp(15px,1.15vw,22px)!important;line-height:1.65!important;max-width:960px!important;margin:0 auto!important;color:#e6e8e0!important}
html body#design-preview-v52 .home-visual-v410 .hero-gold-claim{margin:clamp(60px,7.4vw,150px) auto 0!important;top:auto!important;left:auto!important;transform:none!important;width:auto!important;color:#c9ad68!important}
html body#design-preview-v52 .home-visual-v410 .hero-semantic-title{color:#c9ad68!important;letter-spacing:.16em!important}
.hero-art-v419{display:block;position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-art-v419 img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hero-v-v419{position:absolute;inset:0;z-index:1;pointer-events:none;background:url('/assets/home-v419/roman-v.svg') center top/auto 115% no-repeat;opacity:.28;mask-image:linear-gradient(90deg,transparent 22%,#000 35%,#000 65%,transparent 78%)}
html body#design-preview-v52 .home-visual-v410 .hero-grid-lines{z-index:2;opacity:.65!important;background-image:linear-gradient(rgba(175,151,82,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(175,151,82,.10) 1px,transparent 1px)!important;background-size:46px 46px!important;mask-image:linear-gradient(90deg,#000,transparent 37%,transparent 65%,#000)!important;-webkit-mask-image:linear-gradient(90deg,#000,transparent 37%,transparent 65%,#000)!important;pointer-events:none}
.home-scenes-v410{position:absolute;inset:0;z-index:3;pointer-events:none}
.home-scene-v410{display:none}
.hero-contours-v417{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c2a45b;stroke-opacity:.58;stroke-width:1;pointer-events:none}
@media(max-width:1100px) and (min-width:861px){html body#design-preview-v52 .home-visual-v410 .home-hero-display-title{font-size:28px!important}html body#design-preview-v52 .home-visual-v410 .hero-lead{font-size:14px!important}html body#design-preview-v52 .home-visual-v410 .hero-semantic-title{font-size:10px!important}}
@media(max-width:860px){
html body#design-preview-v52 .home-visual-v410>.hero.hero-dark{min-height:0!important;padding:38px 0 22px!important;background:radial-gradient(ellipse at 55% 15%,#17211a,#0b1512 75%)!important}
.hero-art-v419{display:none}.hero-v-v419{background-size:auto 85%;opacity:.3;mask-image:none}
html body#design-preview-v52 .home-visual-v410 .hero-content{width:calc(100% - 40px)!important;max-width:640px!important}
html body#design-preview-v52 .home-visual-v410 .home-hero-display-title{font-size:clamp(29px,7.8vw,40px)!important;line-height:1.14!important;margin-bottom:22px!important}
html body#design-preview-v52 .home-visual-v410 .hero-lead{font-size:16px!important;line-height:1.6!important}
html body#design-preview-v52 .home-visual-v410 .hero-semantic-title{font-size:10px!important;letter-spacing:.12em!important}
html body#design-preview-v52 .home-visual-v410 .hero-gold-claim{margin:28px auto 0!important;font-size:12px!important}
.home-scenes-v410{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(84vw,350px);height:112px;margin:18px auto 0;overflow:hidden}
.home-scene-v410{display:block;position:relative;min-width:0;height:100%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 84%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.home-scene-v410 img{width:100%;height:100%;object-fit:cover;display:block}.home-scene-v410--weigh img{object-position:50% 35%}
.hero-contours-v417{display:none}
}
@media(max-width:400px){html body#design-preview-v52 .home-visual-v410 .hero-content{width:calc(100% - 32px)!important}}
@media(min-width:861px){html body#design-preview-v52 .home-visual-v410 .hero-title-line{display:block!important;white-space:nowrap!important;width:100%!important;max-width:none!important}}

/* 421: warmer, more visible V from the approved reference. */
html body#design-preview-v52 .hero-v-v419{opacity:.46!important;background-image:url("/assets/home-v421/roman-v.svg")}
@media(max-width:860px){html body#design-preview-v52 .hero-v-v419{opacity:.36!important}}

/* 422: three restrained original-photo accents around the mobile V tip. */
@media(max-width:860px){
html body#design-preview-v52 .hero-v-v419{background-size:auto calc(100% - 60px)!important}
.home-scenes-v410{display:block;width:min(82vw,310px);height:158px;margin:18px auto 0;overflow:visible}
.home-scene-v410{position:absolute;width:82px;height:82px;opacity:.73}
.home-scene-v410--weigh{left:0;top:0}
.home-scene-v410--measure{right:0;top:0}
.home-scene-v410--trim{left:50%;bottom:0;transform:translateX(-50%);width:78px;height:78px;opacity:.7}
}

/* 423: final restrained placement. */
@media(min-width:861px){
.hero-art-v419::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,21,18,.07) 0%,rgba(11,21,18,.07) 29%,transparent 38%)}
}
@media(max-width:860px){
.home-scenes-v410{transform:translateY(-30px);z-index:3}
.home-scene-v410{width:90px;height:90px}
.home-scene-v410--trim{width:86px;height:86px}
.home-scenes-v410::after{content:"";position:absolute;left:-10%;right:-10%;top:0;height:24px;background:linear-gradient(rgba(11,21,18,.4),transparent);pointer-events:none;z-index:1}
}

/* 424: keep V tip inside hero; mobile spacing without translated layout gap. */
@media(min-width:861px){html body#design-preview-v52 .hero-v-v419{background-size:auto 100%!important}}
@media(max-width:860px){
.home-scenes-v410{transform:none;margin:0 auto;height:148px;width:min(82vw,310px)}
.home-scene-v410--weigh{top:0}
.home-scene-v410--measure{top:3px}
.home-scene-v410--trim{bottom:0}
html body#design-preview-v52 .hero-v-v419{background-size:auto var(--mobile-v-height,85%)!important}
.home-scenes-v410::after{height:18px;background:linear-gradient(rgba(11,21,18,.25),transparent)}
}

/* 425: shared grid above mobile photography, subtle desktop photo transparency. */
@media(min-width:861px){.hero-art-v419{opacity:.90}}
@media(max-width:860px){
html body#design-preview-v52 .home-visual-v410 .hero-grid-lines{z-index:3;mask-image:none!important;-webkit-mask-image:none!important}
.home-scenes-v410{z-index:2}
}

/* 427: quieter photo accents. */
@media(min-width:861px){.hero-art-v419{opacity:.80}}
@media(max-width:860px){.home-scene-v410{opacity:.62}.home-scene-v410--trim{opacity:.60}}

/* 430: fuller original-photo silhouettes; fades confined to the outer edges. */
@media(max-width:860px){
.home-scenes-v410{height:174px}
.home-scene-v410{width:112px;height:112px;mask-image:linear-gradient(90deg,#000 0%,#000 78%,rgba(0,0,0,.75) 88%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,0,0,.8) 13%,#000 24%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,rgba(0,0,0,.75) 88%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,0,0,.8) 13%,#000 24%);mask-composite:intersect;-webkit-mask-composite:source-in}
.home-scene-v410 img{object-fit:contain;object-position:center}
.home-scene-v410--weigh{left:-6px;top:0;width:118px;height:112px}
.home-scene-v410--measure{right:-6px;top:2px;width:106px;height:112px}
.home-scene-v410--trim{width:118px;height:106px;bottom:0}
}

/* 431: fades on the actual image bounds, not the contain box. */
@media(max-width:860px){
.home-scene-v410{mask-image:none;-webkit-mask-image:none;display:flex;align-items:center;justify-content:center}
.home-scene-v410 img{width:auto;height:auto;max-width:100%;max-height:100%;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-mode:alpha}
.home-scene-v410--weigh img{mask-image:url("/assets/home-v431/weigh-fade.svg");-webkit-mask-image:url("/assets/home-v431/weigh-fade.svg")}
.home-scene-v410--measure img{mask-image:url("/assets/home-v431/measure-fade.svg");-webkit-mask-image:url("/assets/home-v431/measure-fade.svg")}
.home-scene-v410--trim img{mask-image:url("/assets/home-v431/trim-fade.svg");-webkit-mask-image:url("/assets/home-v431/trim-fade.svg")}
}

/* 432: open the mobile triangle slightly. */
@media(max-width:860px){.home-scene-v410--weigh{left:-16px;top:-10px}.home-scene-v410--measure{right:-16px;top:-8px}}

/* 433: final mobile side spacing and 10% larger measuring scene. */
@media(max-width:860px){.home-scene-v410--weigh{left:-22px}.home-scene-v410--measure{right:-22px;width:116.6px;height:123.2px}}

@media(max-width:860px){.home-scene-v410--weigh{left:-32px;top:-5px}.home-scene-v410--measure{right:-32px}}


/* Source: home-layers-v459.css */
/* 454: coherent photographic scenes; original scientist and live typography retained. */
.hero-art-v419 .hero-layer-v438--base{display:block;position:absolute;inset:0;pointer-events:none}
.hero-art-v419 .hero-photo-v447{display:block;position:absolute;pointer-events:none}
.hero-art-v419 .hero-photo-v447 img{display:block;width:100%;height:100%;object-fit:contain;mask-image:none;-webkit-mask-image:none}
.hero-art-v419 .hero-photo-v447--pipette{right:0;top:-1px;width:39.675%;height:110.5101346%}
.hero-art-v419 .hero-photo-v447--pipette img{object-position:right top;filter:brightness(.92) saturate(.45)}
.hero-art-v419 .hero-photo-v447--cannabis{right:15%;bottom:-28px;width:48.3%;height:67.62%}
.hero-art-v419 .hero-photo-v447--cannabis img{object-position:right bottom;filter:brightness(.94) saturate(.92)}
@media(min-width:861px) and (max-width:1100px){
.hero-art-v419 .hero-photo-v447--pipette{height:105.8406923%;width:38.3525%}
.hero-art-v419 .hero-photo-v447--cannabis{right:10%;width:44.16%;height:59.34%}
}
@media(max-width:860px){
.home-scene-v410--measure{width:106px;height:138px;right:-26px;top:-15px}
.home-scene-v410--trim{width:136px;height:104px;bottom:-2px}
.home-scene-v410--measure img,.home-scene-v410--trim img{mask-image:none;-webkit-mask-image:none;object-fit:contain}
.home-scene-v410--measure img{filter:saturate(.45)}
.home-scene-v410--trim img{filter:saturate(.92)}
}

/* Shared 46px grid: local depth over photographic edges, clear subject details. */
.hero-photo-v447--pipette::after,.hero-photo-v447--cannabis::after,.hero-layer-v438--base::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background-image:linear-gradient(rgba(175,151,82,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(175,151,82,.14) 1px,transparent 1px);
 background-size:46px 46px;background-position:var(--photo-grid-x,0px) var(--photo-grid-y,0px);
}
.hero-photo-v447--pipette::after{mask-image:radial-gradient(ellipse at 100% 89%,#000,transparent 40%);-webkit-mask-image:radial-gradient(ellipse at 100% 89%,#000,transparent 40%)}
.hero-photo-v447--cannabis::after{mask-image:radial-gradient(ellipse at 70% 91%,#000,transparent 48%);-webkit-mask-image:radial-gradient(ellipse at 70% 91%,#000,transparent 48%)}
.hero-layer-v438--base::after{mask-image:radial-gradient(ellipse at 17% 79%,#000,transparent 25%);-webkit-mask-image:radial-gradient(ellipse at 17% 79%,#000,transparent 25%)}
@media(max-width:860px){
 .home-scenes-v410{margin:12px auto 0;height:178px;width:min(82vw,310px)}
 .home-scene-v410--measure{top:-3px;right:-18px;width:106px;height:150px}
 .home-scene-v410--trim{bottom:-4px;left:47%;width:144px;height:110px}
 .home-scene-v410--weigh{left:-24px;top:5px}
 .home-scene-v410--measure img{
  mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 100%),linear-gradient(90deg,#000 0%,#000 79%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 100%),linear-gradient(90deg,#000 0%,#000 79%,transparent 100%);
  mask-composite:intersect;-webkit-mask-composite:source-in;
 }
}

/* Fine warm halo confined to the stepped contours. */
@media(min-width:861px){
 .hero-contours-v417{stroke:#c9ad68;stroke-opacity:.72;filter:drop-shadow(0 0 3px rgba(201,173,104,.30))}
}

/* 458: original table texture behind the foreground glove, constant subject scale. */
@media(min-width:861px){
.hero-art-v419 .hero-photo-v447--pipette{width:62.480315%;z-index:1}
.hero-art-v419 .hero-photo-v447--cannabis{z-index:2}
}
@media(min-width:861px) and (max-width:1100px){
.hero-art-v419 .hero-photo-v447--pipette{width:60.397638%}
}

/* 459: full photograph opacity and a more legible desktop statement. */
@media(min-width:861px){
 .hero-art-v419{opacity:1}
 html body#design-preview-v52 .home-visual-v410 .hero-gold-claim{font-size:clamp(14px,1.05vw,20px)!important;line-height:1.45!important;font-weight:600!important;letter-spacing:.045em!important}
}


/* Source: desktop-refinement-v462.css */
/* Block462: desktop home labels and clearer Systemwissen shelves. */
@media(min-width:861px){
 html body#design-preview-v52 .home-visual-v410 .hero-semantic-title,
 html body#design-preview-v52 .home-visual-v410 .hero-gold-claim{
  font-size:clamp(14px,1.05vw,20px)!important;
 }
}
@media(min-width:1001px){
 body.systemwissen-hub-page .lexicon-editorial-surface::before{opacity:.22!important}
}


/* Source: home-cutouts-v463.css */
/* 463: baked alpha cutouts, independent of SVG/CSS mask support. */
@media(max-width:860px){
 html body#design-preview-v52 .home-scenes-v410 .home-scene-v410,
 html body#design-preview-v52 .home-scenes-v410 .home-scene-v410 img{
  mask-image:none!important;-webkit-mask-image:none!important;
 }
}


/* Source: nav-header-edge-v466.css */
/* Align the compact desktop menu with the actual lower header edge. */
@media(min-width:861px){
 .site-header .nav-system-menu{
  top:var(--system-menu-top-v466,100%);
  margin-top:0;
 }
}


/* Source: home-grid-v469.css */
/* Block469: shared grid tone, restrained accents confined to photo silhouettes. */
@media(min-width:861px){
 .hero-photo-v447--pipette::after,.hero-photo-v447--cannabis::after,.hero-layer-v438--base::after{
  background-image:linear-gradient(rgba(175,151,82,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(175,151,82,.10) 1px,transparent 1px);
  opacity:.25;
 }
 .hero-photo-v447--pipette::after{
  -webkit-mask-image:url('/assets/home-v464/pipette-desktop.webp'),radial-gradient(ellipse at 100% 89%,#000,transparent 40%);
  mask-image:url('/assets/home-v464/pipette-desktop.webp'),radial-gradient(ellipse at 100% 89%,#000,transparent 40%);
  -webkit-mask-size:contain,100% 100%;mask-size:contain,100% 100%;
  -webkit-mask-position:right top,center;mask-position:right top,center;
 }
 .hero-photo-v447--cannabis::after{
  -webkit-mask-image:url('/assets/home-v463/cannabis.webp'),radial-gradient(ellipse at 70% 91%,#000,transparent 48%);
  mask-image:url('/assets/home-v463/cannabis.webp'),radial-gradient(ellipse at 70% 91%,#000,transparent 48%);
  -webkit-mask-size:contain,100% 100%;mask-size:contain,100% 100%;
  -webkit-mask-position:right bottom,center;mask-position:right bottom,center;
 }
 .hero-photo-v447--pipette::after,.hero-photo-v447--cannabis::after{
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-composite:source-in;mask-composite:intersect;
 }
 .hero-layer-v438--base::after{
  -webkit-mask-image:radial-gradient(ellipse at 14% 79%,#000,transparent 17%);
  mask-image:radial-gradient(ellipse at 14% 79%,#000,transparent 17%);
 }
}


/* Source: home-grid-v470.css */
/* Block470: formerly highlighted steps return to the shared grid. */
@media(min-width:861px){
 html body#design-preview-v52 .home-visual-v410 .hero-contours-v417{
  stroke:rgb(175,151,82);stroke-opacity:.065;filter:none;
 }
}

/* Slightly stronger grid across the photo subjects, clipped to original alpha. */
@media(min-width:861px){
 .hero-photo-v447--pipette::after,.hero-photo-v447--cannabis::after,.hero-layer-v438--base::after{opacity:.45}
 .hero-photo-v447--pipette::after{
  -webkit-mask-image:url('/assets/home-v464/pipette-desktop.webp');mask-image:url('/assets/home-v464/pipette-desktop.webp');
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:right top;mask-position:right top;
 }
 .hero-photo-v447--cannabis::after{
  -webkit-mask-image:url('/assets/home-v463/cannabis.webp');mask-image:url('/assets/home-v463/cannabis.webp');
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:right bottom;mask-position:right bottom;
 }
 .hero-layer-v438--base::after{
  -webkit-mask-image:radial-gradient(ellipse at 13% 58%,#000,transparent 27%);
  mask-image:radial-gradient(ellipse at 13% 58%,#000,transparent 27%);
 }
}


/* Source: home-photo-finish-v471.css */
/* Block471: restrained original-photo tonal harmonization, desktop trial. */
@media(min-width:861px){
 .hero-art-v419 .hero-photo-v447--pipette img{filter:brightness(.94) saturate(.40) sepia(.12)}
 .hero-art-v419 .hero-photo-v447--cannabis img{filter:brightness(.92) saturate(.84)}
 .hero-photo-v447--pipette::after{
  -webkit-mask-image:url('/assets/home-v471/pipette-desktop.webp');
  mask-image:url('/assets/home-v471/pipette-desktop.webp');
 }
}


/* Source: knowledge-feature-v564.css */
.knowledge-feature{border-top:1px solid rgba(203,183,127,.28);padding-top:12px;margin-top:12px}.knowledge-feature>a{display:flex!important;align-items:center;justify-content:center;position:relative;gap:12px;min-height:40px;color:#dbc38a!important;font-size:20px!important;font-weight:700;letter-spacing:.08em;white-space:nowrap!important}.knowledge-feature>a:hover{color:#f3dfa9!important}.knowledge-feature>a:focus-visible{outline:2px solid #dbc38a;outline-offset:3px}@media(min-width:861px){.knowledge-mega.knowledge-sized{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden!important}.knowledge-sized .knowledge-mega-top{margin-bottom:12px}.knowledge-sized .knowledge-grid{min-height:0;overflow:hidden}.knowledge-sized .knowledge-group{min-height:0;display:block}.knowledge-sized .knowledge-group>summary{flex:none}.knowledge-sized .knowledge-group>ul{min-height:0;overflow-y:auto;overflow-x:hidden;display:block;scrollbar-width:thin;scrollbar-color:rgba(156,135,85,.8) transparent;padding-right:5px;overscroll-behavior:contain}.knowledge-sized .knowledge-group>ul::-webkit-scrollbar{width:4px}.knowledge-sized .knowledge-group>ul::-webkit-scrollbar-thumb{background:rgba(156,135,85,.8);border-radius:3px}.knowledge-sized .knowledge-group>ul:focus-visible{outline:1px solid #dbc38a;outline-offset:-1px}}@media(max-width:860px){.knowledge-feature{margin-top:10px;padding-top:10px}.knowledge-feature>a{font-size:16px!important;letter-spacing:.06em;min-height:44px}}
.knowledge-feature>a>span[aria-hidden="true"]{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
@media(max-width:860px){.knowledge-grid>.knowledge-group:last-child{border-bottom:0}}

@media(min-width:861px){.knowledge-sized .knowledge-group>ul::-webkit-scrollbar,.knowledge-sized .knowledge-group>ul::-webkit-scrollbar-track,.knowledge-sized .knowledge-group>ul::-webkit-scrollbar-corner{background:transparent}}

/* Desktop: centered below the header; existing grid-phase script follows the rendered position. */
@media(min-width:861px){
 html body .site-header .knowledge-mega{left:50%!important;right:auto!important;transform:translateX(-50%)!important}
 html body:has(.site-header .knowledge-mega:not([hidden])) .hero-v-v419{visibility:hidden!important}
}

/* Decorative chain uses original logo geometry, rotated sideways; no layout box. */
.knowledge-feature>a{isolation:isolate;line-height:1.6}
.knowledge-feature>a::before{content:"";position:absolute;inset:0 30px;z-index:-1;pointer-events:none;background:url('/assets/private-blockchain-logo-chain-v537.svg') center/66px 48px repeat-x;opacity:.3;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent)}
@media(max-width:860px){.knowledge-feature>a::before{inset:0 24px;opacity:.22;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent)}}

/* Block 539: a compact chain and a quiet, grid-aligned backing for this row. */
.knowledge-feature{position:relative;isolation:isolate}
.knowledge-feature::before{content:"";position:absolute;inset:-12px -24px -24px;z-index:-1;pointer-events:none;
 background-color:var(--menu-header-color,rgb(12,14,17));
 background-image:var(--control-grid,linear-gradient(rgb(255 255 255 / .028) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .028) 1px,transparent 1px)),var(--menu-header-image,linear-gradient(rgb(18,22,27),rgb(12,14,17)));
 background-size:var(--menu-grid-cell-size,46px 46px),var(--menu-grid-cell-size,46px 46px),var(--feature-base-size,100% 100%),var(--feature-base-size,100% 100%);
 background-position:var(--feature-grid-position,0px 0px),var(--feature-grid-position,0px 0px),var(--feature-base-position,center),var(--feature-base-position,center);
 background-repeat:repeat,repeat,no-repeat,no-repeat;
 -webkit-mask-image:linear-gradient(transparent,#000 10px);mask-image:linear-gradient(transparent,#000 10px)}
.knowledge-feature>a::before{inset:0 auto;left:50%;transform:translateX(-50%);width:min(calc(100% - 48px),440px);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 78%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 22%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 78%,transparent)}
@media(max-width:860px){.knowledge-feature::before{left:-12px;right:-12px;bottom:-12px}.knowledge-feature>a::before{width:min(calc(100% - 36px),360px)}}

/* Keep the original separator above the quiet backing. */
.knowledge-feature::after{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;pointer-events:none;background:rgba(203,183,127,.28)}

/* Block 543: retain the centre backing; reveal the existing tunnel at either side.
   Keep the backing's geometry for the established grid and background phase. */
.knowledge-feature{border-top-color:transparent}
.knowledge-feature::after{content:none}
.knowledge-feature::before{
 -webkit-mask-composite:source-in;mask-composite:intersect;
 -webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 260px),#000 calc(50% - 240px),#000 calc(50% + 240px),transparent calc(50% + 260px)),linear-gradient(transparent,#000 10px);
 mask-image:linear-gradient(90deg,transparent calc(50% - 260px),#000 calc(50% - 240px),#000 calc(50% + 240px),transparent calc(50% + 260px)),linear-gradient(transparent,#000 10px);
}
@media(max-width:860px){
 .knowledge-feature::before{
  -webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 200px),#000 calc(50% - 180px),#000 calc(50% + 180px),transparent calc(50% + 200px)),linear-gradient(transparent,#000 10px);
  mask-image:linear-gradient(90deg,transparent calc(50% - 200px),#000 calc(50% - 180px),#000 calc(50% + 180px),transparent calc(50% + 200px)),linear-gradient(transparent,#000 10px);
 }
}

/* Block 544: feather the existing quiet centre into the tunnel without a rectangular edge. */
.knowledge-feature::before{
 -webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 340px),rgba(0,0,0,0.15625) calc(50% - 315px),rgba(0,0,0,0.5) calc(50% - 290px),rgba(0,0,0,0.84375) calc(50% - 265px),#000 calc(50% - 240px),#000 calc(50% + 240px),rgba(0,0,0,0.84375) calc(50% + 265px),rgba(0,0,0,0.5) calc(50% + 290px),rgba(0,0,0,0.15625) calc(50% + 315px),transparent calc(50% + 340px)),linear-gradient(transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px);
 mask-image:linear-gradient(90deg,transparent calc(50% - 340px),rgba(0,0,0,0.15625) calc(50% - 315px),rgba(0,0,0,0.5) calc(50% - 290px),rgba(0,0,0,0.84375) calc(50% - 265px),#000 calc(50% - 240px),#000 calc(50% + 240px),rgba(0,0,0,0.84375) calc(50% + 265px),rgba(0,0,0,0.5) calc(50% + 290px),rgba(0,0,0,0.15625) calc(50% + 315px),transparent calc(50% + 340px)),linear-gradient(transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px);
}
@media(max-width:860px){
.knowledge-feature::before{
 -webkit-mask-image:linear-gradient(90deg,transparent calc(50% - 240px),rgba(0,0,0,0.15625) calc(50% - 225px),rgba(0,0,0,0.5) calc(50% - 210px),rgba(0,0,0,0.84375) calc(50% - 195px),#000 calc(50% - 180px),#000 calc(50% + 180px),rgba(0,0,0,0.84375) calc(50% + 195px),rgba(0,0,0,0.5) calc(50% + 210px),rgba(0,0,0,0.15625) calc(50% + 225px),transparent calc(50% + 240px)),linear-gradient(transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px);
 mask-image:linear-gradient(90deg,transparent calc(50% - 240px),rgba(0,0,0,0.15625) calc(50% - 225px),rgba(0,0,0,0.5) calc(50% - 210px),rgba(0,0,0,0.84375) calc(50% - 195px),#000 calc(50% - 180px),#000 calc(50% + 180px),rgba(0,0,0,0.84375) calc(50% + 195px),rgba(0,0,0,0.5) calc(50% + 210px),rgba(0,0,0,0.15625) calc(50% + 225px),transparent calc(50% + 240px)),linear-gradient(transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px);
}
}

/* Block 546: match article-link colours; remove desktop-only decorative arrow. */
.knowledge-feature>a{color:#e1e6df!important}
.knowledge-feature>a:hover{color:#e5c77c!important}
@media(min-width:861px){
 .knowledge-feature>a>span[aria-hidden="true"]{display:none!important}
}

/* Block 562: let the existing tunnel show through the bottom of the quiet
   centre backing. The backing and link retain their dimensions and phase. */
@media (min-width:861px){
 .knowledge-feature::before{
  -webkit-mask-image:
   linear-gradient(90deg,transparent calc(50% - 340px),rgba(0,0,0,.15625) calc(50% - 315px),rgba(0,0,0,.5) calc(50% - 290px),rgba(0,0,0,.84375) calc(50% - 265px),#000 calc(50% - 240px),#000 calc(50% + 240px),rgba(0,0,0,.84375) calc(50% + 265px),rgba(0,0,0,.5) calc(50% + 290px),rgba(0,0,0,.15625) calc(50% + 315px),transparent calc(50% + 340px)),
   linear-gradient(to bottom,transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px,#000 calc(100% - 40px),rgba(0,0,0,.75) calc(100% - 36px),rgba(0,0,0,.35) calc(100% - 30px),transparent calc(100% - 24px));
  mask-image:
   linear-gradient(90deg,transparent calc(50% - 340px),rgba(0,0,0,.15625) calc(50% - 315px),rgba(0,0,0,.5) calc(50% - 290px),rgba(0,0,0,.84375) calc(50% - 265px),#000 calc(50% - 240px),#000 calc(50% + 240px),rgba(0,0,0,.84375) calc(50% + 265px),rgba(0,0,0,.5) calc(50% + 290px),rgba(0,0,0,.15625) calc(50% + 315px),transparent calc(50% + 340px)),
   linear-gradient(to bottom,transparent,rgba(0,0,0,.15625) 5px,rgba(0,0,0,.5) 10px,rgba(0,0,0,.84375) 15px,#000 20px,#000 calc(100% - 40px),rgba(0,0,0,.75) calc(100% - 36px),rgba(0,0,0,.35) calc(100% - 30px),transparent calc(100% - 24px));
 }
}


/* Block 563: the panel's existing data tunnel runs continuously behind the link.
   The chain follows the link colour, including hover and keyboard focus. */
.knowledge-feature::before{content:none!important}
.knowledge-feature>a::before{
 background-image:url('/assets/private-blockchain-logo-chain-v563-white.svg');
 opacity:.78;
 transition:opacity .18s ease;
}
.knowledge-feature>a:hover::before,
.knowledge-feature>a:focus-visible::before{
 background-image:url('/assets/private-blockchain-logo-chain-v563-gold.svg');
 opacity:.9;
}


/* Block 564: crisp dark contour separates the link text from the bright chain.
   The colour remains white by default and gold on hover or keyboard focus. */
.knowledge-feature>a{
 text-shadow:
  -1px -1px 0 #07090b,0 -1px 0 #07090b,1px -1px 0 #07090b,
  -1px 0 0 #07090b,1px 0 0 #07090b,
  -1px 1px 0 #07090b,0 1px 0 #07090b,1px 1px 0 #07090b;
}


/* Block 575: gold chain is the resting state; hover only strengthens it. */
.knowledge-feature>a::before{
 background-image:url('/assets/private-blockchain-logo-chain-v563-gold.svg')!important;
 opacity:.82;
}
.knowledge-feature>a:hover::before,
.knowledge-feature>a:focus-visible::before{
 background-image:url('/assets/private-blockchain-logo-chain-v563-gold.svg')!important;
 opacity:.96;
}


/* Source: home-blockchain-v557.css */
/* Block 547: a compact editorial link beneath the existing ledger visual. */
main.site-dark .home-blockchain-feature{margin:24px auto 8px;padding:12px 16px 0;text-align:center;max-width:680px;box-sizing:border-box}
main.site-dark .home-blockchain-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:4px 0;box-sizing:border-box;color:#25443c;text-decoration:none;position:relative;isolation:isolate}
main.site-dark .home-blockchain-link strong{position:relative;isolation:isolate;display:block;font-size:clamp(20px,2.3vw,26px);font-weight:900;line-height:1.3;letter-spacing:.02em;white-space:nowrap;color:#25443c;-webkit-text-stroke:.5px #cbb77f;paint-order:stroke fill}
main.site-dark .home-blockchain-link strong::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 132px);height:48px;z-index:-1;pointer-events:none;background:url('/assets/private-blockchain-logo-chain-overview-v541.svg') center/66px 48px repeat-x;opacity:.65;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 21px,#000 39px,rgba(0,0,0,.3846153846) 60px,rgba(0,0,0,.3846153846) calc(100% - 60px),#000 calc(100% - 39px),#000 calc(100% - 21px),transparent);
mask-image:linear-gradient(90deg,transparent,#000 21px,#000 39px,rgba(0,0,0,.3846153846) 60px,rgba(0,0,0,.3846153846) calc(100% - 60px),#000 calc(100% - 39px),#000 calc(100% - 21px),transparent)}
main.site-dark .home-blockchain-link:hover strong,main.site-dark .home-blockchain-link:focus-visible strong{color:#25443c;text-decoration-line:underline;text-decoration-color:#806841;text-decoration-thickness:1px;text-underline-offset:.16em}
main.site-dark .home-blockchain-link:focus-visible{outline:2px solid #806841;outline-offset:5px}
main.site-dark .home-blockchain-feature>p{margin:8px auto 0;max-width:540px;color:#425b54;font-size:14px;line-height:1.6}
@media(max-width:700px){main.site-dark .home-blockchain-feature{margin-top:18px;padding-inline:8px}main.site-dark .home-blockchain-feature>p{font-size:13px}main.site-dark .home-blockchain-link strong::before{width:calc(100% + 64px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10px,#000 18px,rgba(0,0,0,.3846153846) 28px,rgba(0,0,0,.3846153846) calc(100% - 28px),#000 calc(100% - 18px),#000 calc(100% - 10px),transparent);mask-image:linear-gradient(90deg,transparent,#000 10px,#000 18px,rgba(0,0,0,.3846153846) 28px,rgba(0,0,0,.3846153846) calc(100% - 28px),#000 calc(100% - 18px),#000 calc(100% - 10px),transparent);}}

/* Block 555: no decorative arrow on the homepage blockchain link. */
main.site-dark .home-blockchain-link::after,main.site-dark .home-blockchain-link strong::after{content:none}

/* Block 556: adopt the overview presentation. Neutralize homepage-only defaults first. */
main.site-dark .home-blockchain-link strong{font-weight:700}
main.site-dark .home-blockchain-link strong::before{content:none}
/* Overview: preserve row height and footer placement, strengthen the title. */
main.site-dark .home-blockchain-feature{position:relative;z-index:1;margin-top:24px}
main.site-dark .home-blockchain-link{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:56px;border-top:1px solid transparent;padding:12px 36px 0;color:#25443c;text-decoration:none}
main.site-dark .home-blockchain-link strong{position:relative;font-size:26px;line-height:1.5;letter-spacing:.045em;text-align:center;white-space:nowrap;color:#25443c}
main.site-dark .home-blockchain-arrow{display:none}
main.site-dark .home-blockchain-link strong::after{content:"→";position:absolute;left:calc(100% + 24px);top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:#806841}
main.site-dark .home-blockchain-link::before{content:"";position:absolute;inset:6px 0 0;z-index:-1;pointer-events:none;background:url('/assets/private-blockchain-logo-chain-v537.svg') center/66px 48px repeat-x;opacity:.28;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent)}
main.site-dark .home-blockchain-link:hover strong{color:#806841}
main.site-dark .home-blockchain-link:focus-visible{outline:2px solid #806841;outline-offset:5px}
@media(max-width:700px){main.site-dark .home-blockchain-feature{margin-top:20px}main.site-dark .home-blockchain-link strong{font-size:18px;letter-spacing:.025em}main.site-dark .home-blockchain-link strong::after{left:calc(100% + 16px);font-size:18px}main.site-dark .home-blockchain-link::before{opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 75%,#000 94%,transparent)}}

/* Small screens: center the complete link pair, with deliberate edge clearance. */
@media(max-width:700px){
 main.site-dark .home-blockchain-link{gap:16px;padding-left:16px;padding-right:16px}
 main.site-dark .home-blockchain-link strong::after{content:none}
 main.site-dark .home-blockchain-arrow{display:block;position:static;transform:none;flex:0 0 auto;font-size:18px;line-height:1.5;color:#806841}
}

/* Block 539: desktop accent; the approved mobile rendering is unchanged. */
@media(min-width:701px){
 main.site-dark .home-blockchain-link::before{right:auto;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),520px);opacity:.52;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 78%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 22%,rgba(0,0,0,.5) 42%,rgba(0,0,0,.5) 58%,#000 78%,transparent)}
}

/* Block 541: stronger desktop proportions within the existing 39px text line. */
@media(min-width:701px){
 main.site-dark .home-blockchain-link strong{font-size:32.5px;font-weight:900;line-height:1.2;letter-spacing:.02em}
 main.site-dark .home-blockchain-link strong::after{font-size:26px}
 main.site-dark .home-blockchain-link::before{top:-6px;bottom:-6px;width:min(calc(100% - 32px),600px);background-image:url('/assets/private-blockchain-logo-chain-overview-v541.svg');background-size:88px 64px;opacity:.65;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 24%,rgba(0,0,0,.18) 36%,rgba(0,0,0,.18) 64%,#000 76%,#000 82%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 18%,#000 24%,rgba(0,0,0,.18) 36%,rgba(0,0,0,.18) 64%,#000 76%,#000 82%,transparent)}
}

/* Block 542: size the quiet area from the actual label, not a viewport percentage. */
@media(min-width:701px){
 main.site-dark .home-blockchain-link::before{content:none}
 main.site-dark .home-blockchain-link strong{isolation:isolate}
 main.site-dark .home-blockchain-link strong::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:calc(100% + 176px);height:64px;z-index:-1;pointer-events:none;
 background:url('/assets/private-blockchain-logo-chain-overview-v541.svg') center/88px 64px repeat-x;opacity:.65;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 52px,rgba(0,0,0,.1) 80px,rgba(0,0,0,.1) calc(100% - 80px),#000 calc(100% - 52px),#000 calc(100% - 28px),transparent);
 mask-image:linear-gradient(90deg,transparent,#000 28px,#000 52px,rgba(0,0,0,.1) 80px,rgba(0,0,0,.1) calc(100% - 80px),#000 calc(100% - 52px),#000 calc(100% - 28px),transparent)}
}

/* Block 543: align the label with the existing chain centre without moving the row. */
@media(min-width:701px){
 main.site-dark .home-blockchain-link strong{top:-12.5px;-webkit-text-stroke:.6px #cbb77f;paint-order:stroke fill}
 main.site-dark .home-blockchain-link strong::before{top:50%;bottom:auto;transform:translate(-50%,-50%)}
 main.site-dark .home-blockchain-link strong::after{-webkit-text-stroke:0}
}

/* Block 545: 65% layer opacity times 5/13 mask alpha = 25% behind the label. */
@media(min-width:701px){
 main.site-dark .home-blockchain-link strong::before{
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 52px,rgba(0,0,0,.3846153846) 80px,rgba(0,0,0,.3846153846) calc(100% - 80px),#000 calc(100% - 52px),#000 calc(100% - 28px),transparent);
 mask-image:linear-gradient(90deg,transparent,#000 28px,#000 52px,rgba(0,0,0,.3846153846) 80px,rgba(0,0,0,.3846153846) calc(100% - 80px),#000 calc(100% - 52px),#000 calc(100% - 28px),transparent);
 }
}

/* Block 547: keep the dark label over the chain in interactive states. */
main.site-dark .home-blockchain-link:hover strong,main.site-dark .home-blockchain-link:focus-visible strong{
 color:#25443c;text-decoration-line:underline;text-decoration-color:#806841;
 text-decoration-thickness:1px;text-underline-offset:.16em;
}
/* Block 552: mobile chain, 50% layer x 50% central mask = 25%. */
@media(max-width:700px){
 main.site-dark .home-blockchain-link::before{opacity:.5}
}
/* Block 553: mobile 75% side zones, 75% x 1/3 = 25% central zone. */
@media(max-width:700px){
 main.site-dark .home-blockchain-link::before{
  opacity:.75;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.3333333333333333) 42%,rgba(0,0,0,.3333333333333333) 58%,#000 75%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.3333333333333333) 42%,rgba(0,0,0,.3333333333333333) 58%,#000 75%,#000 94%,transparent);
 }
}
/* Block 554: mobile chain in graphite green; geometry and opacity unchanged. */
@media(max-width:700px){
 main.site-dark .home-blockchain-link::before{background-image:url('/assets/private-blockchain-logo-chain-mobile-v554.svg')}
}
/* Block 555: footer base blue, white outlined title, no overview arrow. */
main.site-dark .home-blockchain-arrow{display:none}
main.site-dark .home-blockchain-link strong::after{content:none}
main.site-dark .home-blockchain-link strong,
main.site-dark .home-blockchain-link:hover strong,
main.site-dark .home-blockchain-link:focus-visible strong{
 color:#fff;
 -webkit-text-stroke:2px #000;
 paint-order:stroke fill;
 text-shadow:-.65px 0 #000,.65px 0 #000,0 -.65px #000,0 .65px #000;
}
@media(max-width:700px){
 main.site-dark .home-blockchain-link{gap:0}
 main.site-dark .home-blockchain-link::before{background-image:url('/assets/private-blockchain-logo-chain-mobile-v555.svg')}
}
@media(min-width:701px){
 main.site-dark .home-blockchain-link strong::before{background-image:url('/assets/private-blockchain-logo-chain-overview-v555.svg')}
}

/* Block 557: separate desktop drop shadow, keeping the contour fallback. */
@media(min-width:701px){
main.site-dark .home-blockchain-link strong,main.site-dark .home-blockchain-link:hover strong,main.site-dark .home-blockchain-link:focus-visible strong{
 text-shadow:-.65px 0 #000,.65px 0 #000,0 -.65px #000,0 .65px #000,2px 2px 0 #000;
 }
}


/* Source: iot-menu-v621.css */
.iot-overview-feature{margin-top:0;margin-bottom:32px}
.iot-overview-link{display:flex;align-items:center;gap:18px;padding:20px 26px;background:#10212f;color:#e1e6df!important;border-top:1px solid #60746c;text-decoration:none!important}
.iot-overview-link strong,.iot-overview-link small{display:block;color:inherit}
.iot-overview-link strong{font-size:22px}.iot-overview-link small{margin-top:5px;font-size:15px}
.iot-overview-link:hover,.iot-overview-link:focus-visible{color:#e5c77c!important}
.iot-overview-link:focus-visible{outline:2px solid #b59955;outline-offset:3px}
@media(max-width:860px){.knowledge-feature>a.iot-menu-entry{padding:10px 4px;gap:10px}.iot-menu-copy strong{font-size:16px}.iot-menu-copy small{font-size:12px}.iot-menu-icon{width:36px;height:36px;flex-basis:36px}.iot-overview-link{padding:18px}.iot-overview-link strong{font-size:19px}}

/* Gateway group follows the gold disclosure headings of the four pillars. */
.iot-menu-group{margin-top:8px;padding-top:12px;border-top:1px solid rgba(225,230,223,.16);color:#dbc38a;text-align:left}
.iot-menu-group>summary{position:relative;display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;color:#dbc38a;min-height:52px}
.iot-menu-group>summary::-webkit-details-marker{display:none}
.iot-menu-group>summary::before{content:'▸';font-size:17px;line-height:1;flex:0 0 10px;align-self:flex-start;margin-top:14px}
.iot-menu-group[open]>summary::before{content:'▾'}
.iot-menu-heading{display:flex;align-items:center;gap:12px;min-width:0}
.iot-menu-group .iot-menu-icon{width:36px;height:36px;flex:0 0 36px;color:inherit}
.iot-menu-copy{display:block;min-width:0;text-align:left}.iot-menu-copy strong{display:block;font-size:18px;line-height:1.3;font-weight:700;color:inherit}.iot-menu-copy small{display:block;font-size:13px;line-height:1.4;margin-top:4px;color:inherit;opacity:.85}
.iot-menu-group>summary:hover{color:#f3dfa9}.iot-menu-group>summary:focus-visible{outline:2px solid #dbc38a;outline-offset:3px}
.iot-menu-links{list-style:none;padding:9px 0 2px 58px;margin:0;display:flex;gap:18px 32px;flex-wrap:wrap}
.iot-menu-links li{margin:0;padding:0}.iot-menu-links a{display:block;padding:5px 0;color:#e1e6df!important;font-size:15px;line-height:1.45;text-decoration:none!important}.iot-menu-links a:hover,.iot-menu-links a:focus-visible{color:#e5c77c!important}.iot-menu-links a:focus-visible{outline:2px solid #dbc38a;outline-offset:3px}
@media(max-width:860px){.iot-menu-copy strong{font-size:16px}.iot-menu-copy small{font-size:12px}.iot-menu-group>summary{gap:7px}.iot-menu-heading{gap:9px}.iot-menu-group .iot-menu-icon{width:30px;height:30px;flex-basis:30px}.iot-menu-links{display:block;padding-left:46px}.iot-menu-links a{padding:7px 0}.iot-menu-group>summary::before{margin-top:12px}}

.iot-menu-links a{display:flex;align-items:center;gap:11px;min-height:46px}
.iot-link-symbol{width:44px;height:32px;flex:0 0 44px;color:inherit}
.iot-glasses-symbol{background:currentColor;-webkit-mask:url('/assets/iot-v569/smartglasses-symbol-v570.svg') center/contain no-repeat;mask:url('/assets/iot-v569/smartglasses-symbol-v570.svg') center/contain no-repeat}
@media(min-width:861px){
 .iot-menu-group{position:relative;min-height:72px;padding-top:12px}
 .iot-menu-group>summary{width:36%;min-height:62px}
 .iot-menu-group[open]>summary::before{content:'▸'}
 .iot-menu-group[open]>summary{color:#f3dfa9}
 .iot-menu-links{position:absolute;left:39%;right:0;top:17px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
 .iot-link-title{max-width:245px}.iot-menu-links a{font-size:14px}
}
@media(min-width:861px) and (max-width:1150px){.iot-menu-copy strong{font-size:16px}.iot-menu-copy small{font-size:12px}.iot-menu-links{left:40%;gap:10px}.iot-menu-links a{font-size:13px;gap:8px}.iot-link-symbol{width:36px;flex-basis:36px}}
.iot-menu-links a,.iot-link-title{text-align:left!important;font-weight:400}

/* One initial contribution; further hardware articles can follow. */
.iot-menu-group{border-top:0}
.iot-menu-links{grid-template-columns:1fr}
.iot-menu-links .iot-glasses-symbol{width:56px;height:54px;flex:0 0 56px}
.iot-menu-links a{gap:14px;font-size:15px}
.iot-menu-links .iot-link-title{max-width:none}
@media(min-width:861px){.iot-menu-links{top:10px;left:48%}}
@media(max-width:860px){.iot-menu-links .iot-glasses-symbol{width:46px;height:46px;flex-basis:46px}}

.iot-menu-links .iot-glasses-symbol{background:none;mask:none;-webkit-mask:none;object-fit:contain}

/* Block 573 — IoT branch refined.
   No guide line, same static triangle language as the pillars above,
   article visible by default and pulled closer to the rubric on the left. */
@media(min-width:861px){
  .iot-menu-group{
    position:relative;
    min-height:68px;
    margin-top:6px;
    padding-top:8px;
    border-top:0;
  }
  .iot-menu-group>summary{
    position:relative;
    width:42%;
    min-height:60px;
    gap:7px;
    padding-right:0;
  }
  .iot-menu-group>summary::before,
  .iot-menu-group[open]>summary::before{
    content:'▾';
    margin-top:12px;
    color:#dbc38a;
  }
  .iot-menu-group>summary::after{content:none}
  .iot-menu-links{
    position:absolute;
    left:38%;
    right:0;
    top:28px;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    gap:6px;
    max-height:112px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0 8px 0 0;
    margin:0;
    scrollbar-width:thin;
    scrollbar-color:rgba(219,195,138,.42) transparent;
  }
  .iot-menu-links::-webkit-scrollbar{width:4px}
  .iot-menu-links::-webkit-scrollbar-thumb{background:rgba(219,195,138,.42);border-radius:99px}
  .iot-menu-links::-webkit-scrollbar-track{background:transparent}
  .iot-menu-links li{width:100%}
  .iot-menu-links a{
    min-height:34px;
    gap:12px;
    padding:0;
    font-size:14px;
    align-items:center;
  }
  .iot-menu-links .iot-link-title{max-width:none}
  .iot-menu-links .iot-glasses-symbol{
    width:52px;
    height:34px;
    flex:0 0 52px;
  }
}
.iot-glasses-symbol{
  display:inline-block;
  background:#dbc38a;
  -webkit-mask:url('/assets/iot-v569/smartglasses-symbol-v570.svg') center/contain no-repeat;
  mask:url('/assets/iot-v569/smartglasses-symbol-v570.svg') center/contain no-repeat;
}
@media(max-width:860px){
  .iot-menu-group{border-top:0;margin-top:6px;padding-top:6px}
  .iot-menu-group>summary::before,
  .iot-menu-group[open]>summary::before{content:'▾'}
  .iot-menu-links{display:block;max-height:168px;overflow-y:auto;padding-left:46px;padding-right:6px}
  .iot-menu-links .iot-glasses-symbol{width:46px;height:30px;flex-basis:46px}
}


/* Block 574 — final IoT/menu alignment + compact Systemwissen overview module. */
@media(min-width:861px){
  .iot-menu-group>summary,
  .iot-menu-group[open]>summary{cursor:default}
  .iot-menu-group>summary::before,
  .iot-menu-group[open]>summary::before{
    content:'▾';
    transform:none!important;
    transition:none!important;
  }
  .iot-menu-links{
    left:36%;
    top:31px;
    max-height:none;
    overflow:visible;
  }
  .iot-menu-links a{align-items:center}
  .iot-menu-links .iot-glasses-symbol{width:44px;height:29px;flex-basis:44px}
}

/* The Systemwissen overview keeps four main columns and uses the quiet lower-left
   whitespace for the IoT branch instead of creating another full-width section. */
.systemwissen-hub-page .lexicon-library{position:relative}
.systemwissen-hub-page .iot-overview-feature{
  color:#25443c;
}
.systemwissen-hub-page .iot-overview-inner{
  display:flex;
  align-items:center;
  gap:20px;
}
.systemwissen-hub-page .iot-overview-rubric{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.systemwissen-hub-page .iot-overview-rubric .iot-menu-icon{
  width:30px;height:30px;flex:0 0 30px;color:#806841;
}
.systemwissen-hub-page .iot-overview-copy{display:block;min-width:0}
.systemwissen-hub-page .iot-overview-copy strong{
  display:block;font-size:15px;line-height:1.25;color:#25443c;
}
.systemwissen-hub-page .iot-overview-copy small{
  display:block;margin-top:3px;font-size:11px;line-height:1.35;color:#4d5b56;
}
.systemwissen-hub-page .iot-overview-article{
  display:flex;align-items:center;gap:8px;color:#25443c!important;text-decoration:none!important;
  font-size:13px;line-height:1.35;white-space:nowrap;
}
.systemwissen-hub-page .iot-overview-article::before{
  content:'▾';font-size:12px;line-height:1;color:#806841;transform:none!important;transition:none!important;
}
.systemwissen-hub-page .iot-overview-article:hover,
.systemwissen-hub-page .iot-overview-article:focus-visible{color:#806841!important}
.systemwissen-hub-page .iot-overview-article:focus-visible{outline:2px solid #806841;outline-offset:4px}

@media(min-width:1001px){
  .systemwissen-hub-page .iot-overview-feature{
    position:absolute;
    left:0;
    bottom:18px;
    width:48%;
    margin:0;
    padding:0;
    z-index:3;
  }
  .systemwissen-hub-page .iot-overview-inner{
    justify-content:flex-start;
    padding-right:28px;
  }
}
@media(max-width:1000px){
  .systemwissen-hub-page .iot-overview-feature{
    grid-column:1/-1;
    margin:8px 0 18px;
    padding:18px 0 0;
    border-top:1px solid rgba(37,68,60,.18);
  }
  .systemwissen-hub-page .iot-overview-inner{flex-wrap:wrap}
}
@media(max-width:620px){
  .systemwissen-hub-page .iot-overview-inner{display:block}
  .systemwissen-hub-page .iot-overview-article{margin:14px 0 0 40px;white-space:normal}
}


/* Block 575 — finish visual parity and strengthen the overview IoT branch. */
@media(min-width:861px){
  .iot-menu-links a{
    min-height:0;
    padding:8px!important;
    border-radius:9px;
    transition:background-color .16s ease,color .16s ease;
  }
  .iot-menu-links a:hover,
  .iot-menu-links a:focus-visible{
    background:rgba(203,183,127,.12);
    color:#e5c77c!important;
    text-decoration:none!important;
  }
}
@media(min-width:1001px){
  .systemwissen-hub-page .iot-overview-feature{
    width:50%;
    bottom:16px;
  }
  .systemwissen-hub-page .iot-overview-inner{
    gap:28px;
    padding-right:22px;
  }
  .systemwissen-hub-page .iot-overview-rubric{gap:13px}
  .systemwissen-hub-page .iot-overview-rubric .iot-menu-icon{
    width:40px;height:40px;flex:0 0 40px;
  }
  .systemwissen-hub-page .iot-overview-copy strong{
    font-size:18px;line-height:1.2;font-weight:700;
  }
  .systemwissen-hub-page .iot-overview-copy small{
    margin-top:5px;font-size:13px;line-height:1.35;
  }
  .systemwissen-hub-page .iot-overview-article{
    min-height:38px;
    padding:8px 10px;
    border-radius:9px;
    font-size:15px;
    font-weight:500;
    transition:background-color .16s ease,color .16s ease;
  }
  .systemwissen-hub-page .iot-overview-article::before{font-size:14px}
  .systemwissen-hub-page .iot-overview-article:hover,
  .systemwissen-hub-page .iot-overview-article:focus-visible{
    background:rgba(128,104,65,.10);
    color:#806841!important;
  }
}


/* Block 576 — final static IoT branch and scalable overview rail. */
/* Mega menu: use the browser's native disclosure marker exactly like the four
   knowledge pillars. IoT is intentionally non-collapsible and always visible. */
.iot-menu-group>summary,
.iot-menu-group[open]>summary{
  display:list-item!important;
  list-style-position:inside!important;
  cursor:default!important;
  pointer-events:none!important;
}
.iot-menu-group>summary::-webkit-details-marker{display:inline!important}
.iot-menu-group>summary::before,
.iot-menu-group[open]>summary::before{content:none!important;display:none!important}
.iot-menu-heading{display:inline-flex!important;vertical-align:middle}

@media(min-width:861px){
  .iot-menu-group{min-height:66px}
  .iot-menu-group>summary,
  .iot-menu-group[open]>summary{width:39%;min-height:58px;padding:0 0 0 0}
  .iot-menu-links{
    left:38%;right:auto;top:31px;
    width:min(285px,33%);
    max-height:none;overflow:visible;
    padding:0;margin:0;
  }
  .iot-menu-links a{
    box-sizing:border-box;
    width:100%;
    min-height:0;
    padding:8px!important;
    border-radius:9px;
    background:transparent;
    color:#e1e6df!important;
    font-size:14px;
    line-height:1.45;
  }
  .iot-menu-links a:hover,
  .iot-menu-links a:focus-visible{
    background:rgba(203,183,127,.12);
    color:#e5c77c!important;
    text-decoration:none!important;
  }
}

/* Systemwissen desktop: IoT becomes a real lower rail, not a footnote.
   The first cell is the rubric; following direct links auto-flow into two
   contribution columns and a second row when future IoT articles are added. */
@media(min-width:1001px){
  .systemwissen-hub-page .iot-overview-feature{
    position:absolute;
    left:0;
    bottom:12px;
    width:74%;
    margin:0;
    padding:0;
    z-index:3;
  }
  .systemwissen-hub-page .iot-overview-inner{
    display:grid;
    grid-template-columns:minmax(235px,.95fr) repeat(2,minmax(150px,1fr));
    grid-auto-rows:minmax(36px,auto);
    align-items:center;
    column-gap:18px;
    row-gap:7px;
    padding-right:18px;
  }
  .systemwissen-hub-page .iot-overview-rubric{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:center;
    gap:14px;
  }
  .systemwissen-hub-page .iot-overview-rubric .iot-menu-icon{
    width:46px;height:46px;flex:0 0 46px;
  }
  .systemwissen-hub-page .iot-overview-copy strong{
    font-size:22px;
    line-height:1.08;
    font-weight:750;
    letter-spacing:-.01em;
  }
  .systemwissen-hub-page .iot-overview-copy small{
    max-width:220px;
    margin-top:6px;
    font-size:13px;
    line-height:1.3;
  }
  .systemwissen-hub-page .iot-overview-article{
    position:relative;
    display:block;
    min-width:0;
    min-height:42px;
    box-sizing:border-box;
    padding:15px 10px 8px;
    border-top:1px solid rgba(128,104,65,.42);
    border-radius:0 0 7px 7px;
    white-space:normal;
    font-size:15px;
    line-height:1.25;
    font-weight:650;
    color:#25443c!important;
    transition:background-color .16s ease,color .16s ease,border-color .16s ease;
  }
  .systemwissen-hub-page .iot-overview-article::before{
    content:'FACHBEITRAG';
    position:absolute;
    left:10px;
    top:3px;
    color:#806841;
    font-size:8px;
    line-height:1;
    font-weight:750;
    letter-spacing:.13em;
  }
  html[lang^="en"] .systemwissen-hub-page .iot-overview-article::before{content:'ARTICLE'}
  .systemwissen-hub-page .iot-overview-article:hover,
  .systemwissen-hub-page .iot-overview-article:focus-visible{
    background:rgba(128,104,65,.09);
    border-top-color:#806841;
    color:#806841!important;
  }
}

/* Overview blockchain: restore the quiet footer-blue chain on the light page.
   The dark mega-menu keeps its gold chain. */
.systemwissen-hub-page .blockchain-overview-link strong::before{
  background-image:url('/assets/private-blockchain-logo-chain-overview-v555.svg')!important;
}
@media(max-width:700px){
  .systemwissen-hub-page .blockchain-overview-link::before{
    background-image:url('/assets/private-blockchain-logo-chain-mobile-v555.svg')!important;
  }
}


/* Block 577 — Systemwissen overview: full-width IoT editorial rail in normal flow. */
@media(min-width:1001px){
  .systemwissen-hub-page .iot-overview-feature{
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    grid-column:1 / -1!important;
    width:100%!important;
    margin:24px 0 8px!important;
    padding:18px 0 0!important;
    border-top:1px solid rgba(37,68,60,.20);
    z-index:3;
  }
  .systemwissen-hub-page .iot-overview-inner{
    display:grid!important;
    grid-template-columns:minmax(300px,1.08fr) repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(58px,auto);
    column-gap:26px!important;
    row-gap:10px!important;
    align-items:stretch!important;
    padding:0!important;
  }
  .systemwissen-hub-page .iot-overview-rubric{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    min-width:0;
  }
  .systemwissen-hub-page .iot-overview-rubric .iot-menu-icon{
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
    color:#806841!important;
  }
  .systemwissen-hub-page .iot-overview-copy strong{
    display:block!important;
    font-size:25px!important;
    line-height:1.08!important;
    font-weight:780!important;
    letter-spacing:-.018em!important;
    white-space:nowrap;
    color:#25443c!important;
  }
  .systemwissen-hub-page .iot-overview-copy small{
    display:block!important;
    max-width:285px!important;
    margin-top:7px!important;
    font-size:13.5px!important;
    line-height:1.35!important;
    color:#4d5b56!important;
  }
  .systemwissen-hub-page .iot-overview-article{
    position:relative!important;
    display:flex!important;
    align-items:flex-end!important;
    min-width:0!important;
    min-height:58px!important;
    box-sizing:border-box!important;
    padding:24px 14px 11px!important;
    border-top:1px solid rgba(128,104,65,.48)!important;
    border-radius:0 0 8px 8px!important;
    white-space:normal!important;
    font-size:17px!important;
    line-height:1.22!important;
    font-weight:670!important;
    color:#25443c!important;
    transition:background-color .16s ease,color .16s ease,border-color .16s ease!important;
  }
  .systemwissen-hub-page .iot-overview-article::before{
    content:'FACHBEITRAG'!important;
    position:absolute!important;
    left:14px!important;
    top:7px!important;
    color:#806841!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:750!important;
    letter-spacing:.13em!important;
  }
  html[lang^="en"] .systemwissen-hub-page .iot-overview-article::before{content:'ARTICLE'!important}
  .systemwissen-hub-page .iot-overview-article:hover,
  .systemwissen-hub-page .iot-overview-article:focus-visible{
    background:rgba(128,104,65,.09)!important;
    border-top-color:#806841!important;
    color:#806841!important;
  }
  .systemwissen-hub-page .blockchain-overview-feature{
    margin-top:14px!important;
  }
}

/* Overview only: dark footer-blue chain. Mega menu stays gold. */
@media(min-width:701px){
  .systemwissen-hub-page .blockchain-overview-link strong::before{
    background-image:url('/assets/private-blockchain-logo-chain-overview-v577-blue.svg')!important;
    opacity:.72!important;
  }
  .systemwissen-hub-page .blockchain-overview-link:hover strong::before,
  .systemwissen-hub-page .blockchain-overview-link:focus-visible strong::before{
    opacity:.82!important;
  }
}
@media(max-width:700px){
  .systemwissen-hub-page .blockchain-overview-link::before{
    background-image:url('/assets/private-blockchain-logo-chain-overview-v577-blue.svg')!important;
    opacity:.58!important;
  }
}

/* Block 578 — Systemwissen: IoT as an organic fifth editorial section. */
@media(min-width:1001px){
  .systemwissen-hub-page .iot-overview-feature{
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    grid-column:1 / -1!important;
    width:100%!important;
    margin:26px 0 10px!important;
    padding:0!important;
    border-top:1px solid rgba(37,68,60,.22)!important;
  }
  .systemwissen-hub-page .iot-overview-inner{
    display:grid!important;
    grid-template-columns:minmax(300px,.9fr) minmax(0,2.1fr)!important;
    gap:34px!important;
    align-items:start!important;
    padding:20px 0 0!important;
  }
  .systemwissen-hub-page .iot-overview-head{
    min-width:0;
    padding:0 0 0 2px;
  }
  .systemwissen-hub-page .iot-overview-index{
    display:block;
    margin-bottom:10px;
    color:#25443c;
    font-size:12px;
    line-height:1;
    font-weight:800;
    letter-spacing:.08em;
  }
  .systemwissen-hub-page .iot-overview-title-row{
    display:flex;
    align-items:flex-start;
    gap:14px;
  }
  .systemwissen-hub-page .iot-overview-title-row .iot-menu-icon{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    margin-top:1px;
    color:#806841!important;
  }
  .systemwissen-hub-page .iot-overview-title-row h2{
    margin:0!important;
    color:#152e28!important;
    font-size:28px!important;
    line-height:1.04!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
    white-space:nowrap;
  }
  .systemwissen-hub-page .iot-overview-title-row p{
    margin:8px 0 0!important;
    max-width:305px;
    color:#53605b!important;
    font-size:14px!important;
    line-height:1.4!important;
  }
  .systemwissen-hub-page .iot-overview-content{min-width:0}
  .systemwissen-hub-page .iot-overview-label{
    display:flex;
    align-items:center;
    gap:12px;
    height:18px;
    margin:0 0 11px;
    color:#514b40;
    font-size:9px;
    line-height:1;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .systemwissen-hub-page .iot-overview-label::after{
    content:"";
    height:1px;
    flex:1;
    background:rgba(128,104,65,.38);
  }
  .systemwissen-hub-page .iot-overview-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }
  .systemwissen-hub-page .iot-overview-card{
    display:block;
    min-width:0;
    color:#25443c!important;
    text-decoration:none!important;
  }
  .systemwissen-hub-page .iot-overview-media{
    display:block;
    aspect-ratio:2.15/1;
    overflow:hidden;
    background:rgba(16,33,47,.12);
    border:1px solid rgba(37,68,60,.16);
  }
  .systemwissen-hub-page .iot-overview-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 42%;
    filter:saturate(.84) contrast(.96);
    transition:transform .18s ease,filter .18s ease,opacity .18s ease;
  }
  .systemwissen-hub-page .iot-overview-card strong{
    display:block;
    margin-top:10px;
    padding-bottom:8px;
    border-bottom:1px solid rgba(128,104,65,.34);
    font-size:16px;
    line-height:1.25;
    font-weight:700;
    color:inherit;
  }
  .systemwissen-hub-page .iot-overview-card:hover,
  .systemwissen-hub-page .iot-overview-card:focus-visible{color:#806841!important}
  .systemwissen-hub-page .iot-overview-card:hover .iot-overview-media img,
  .systemwissen-hub-page .iot-overview-card:focus-visible .iot-overview-media img{
    transform:scale(1.018);
    filter:saturate(.95) contrast(1);
  }
  .systemwissen-hub-page .iot-overview-card:focus-visible{outline:2px solid #806841;outline-offset:4px}
  .systemwissen-hub-page .blockchain-overview-feature{margin-top:24px!important}
}
@media(max-width:1000px){
  .systemwissen-hub-page .iot-overview-inner{display:block!important}
  .systemwissen-hub-page .iot-overview-index{display:block;margin-bottom:8px;font-weight:800;color:#25443c}
  .systemwissen-hub-page .iot-overview-title-row{display:flex;gap:12px;align-items:flex-start}
  .systemwissen-hub-page .iot-overview-title-row h2{margin:0;font-size:22px;line-height:1.08;color:#152e28}
  .systemwissen-hub-page .iot-overview-title-row p{margin:6px 0 0;color:#53605b}
  .systemwissen-hub-page .iot-overview-content{margin-top:18px}
  .systemwissen-hub-page .iot-overview-label{margin-bottom:10px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.14em}
  .systemwissen-hub-page .iot-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .systemwissen-hub-page .iot-overview-card{display:block;color:#25443c!important;text-decoration:none!important}
  .systemwissen-hub-page .iot-overview-media{display:block;aspect-ratio:2/1;overflow:hidden}
  .systemwissen-hub-page .iot-overview-media img{width:100%;height:100%;object-fit:cover;display:block}
  .systemwissen-hub-page .iot-overview-card strong{display:block;margin-top:8px;font-size:15px}
}
@media(max-width:620px){
  .systemwissen-hub-page .iot-overview-grid{grid-template-columns:1fr}
  .systemwissen-hub-page .iot-overview-title-row h2{font-size:20px}
}

/* Block 579 — Desktop overview remains viewport-compact.
   IoT consumes reserved space inside the existing library height instead of
   adding a fifth document-flow row. Footer position therefore does not grow. */
@media(min-width:1001px){
  body.systemwissen-hub-page .lexicon-library{
    position:relative!important;
    padding-bottom:116px!important;
  }
  /* Trade 72px of the four internal scroll windows for the IoT band below.
     382 -> 310 and 44 -> 116 keeps the library's overall vertical budget stable. */
  body.systemwissen-hub-page .lexicon-preview-grid{
    max-height:310px!important;
  }
  body.systemwissen-hub-page .iot-overview-feature{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:18px!important;
    width:auto!important;
    height:78px!important;
    margin:0!important;
    padding:0!important;
    border-top:1px solid rgba(37,68,60,.18)!important;
    z-index:3!important;
  }
  body.systemwissen-hub-page .iot-overview-inner{
    display:grid!important;
    grid-template-columns:minmax(330px,.92fr) minmax(0,2.08fr)!important;
    gap:32px!important;
    align-items:center!important;
    height:100%!important;
    padding:10px 0 0!important;
  }
  body.systemwissen-hub-page .iot-overview-head{
    min-width:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    grid-template-areas:"index title"!important;
    column-gap:10px!important;
    align-items:center!important;
  }
  body.systemwissen-hub-page .iot-overview-index{
    grid-area:index!important;
    align-self:start!important;
    margin:3px 0 0!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    color:#25443c!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row{
    grid-area:title!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row .iot-menu-icon{
    width:30px!important;
    height:30px!important;
    flex:none!important;
    margin:0!important;
    color:#806841!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row h2{
    margin:0!important;
    font-size:23px!important;
    line-height:1.03!important;
    font-weight:800!important;
    letter-spacing:-.022em!important;
    white-space:nowrap!important;
    color:#152e28!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row p{
    margin:4px 0 0!important;
    max-width:330px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    color:#53605b!important;
  }
  body.systemwissen-hub-page .iot-overview-content{
    min-width:0!important;
    align-self:center!important;
  }
  body.systemwissen-hub-page .iot-overview-label{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    height:auto!important;
    margin:0 0 6px!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.15em!important;
    color:#514b40!important;
    text-transform:uppercase!important;
  }
  body.systemwissen-hub-page .iot-overview-label::after{
    content:""!important;
    flex:1!important;
    height:1px!important;
    background:rgba(128,104,65,.34)!important;
  }
  body.systemwissen-hub-page .iot-overview-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.systemwissen-hub-page .iot-overview-card{
    display:grid!important;
    grid-template-columns:70px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    min-width:0!important;
    height:46px!important;
    padding:0 8px 0 0!important;
    border:0!important;
    border-radius:7px!important;
    color:#25443c!important;
    text-decoration:none!important;
    transition:background-color .16s ease,color .16s ease!important;
  }
  body.systemwissen-hub-page .iot-overview-media{
    display:block!important;
    width:70px!important;
    height:42px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    border:1px solid rgba(37,68,60,.16)!important;
    background:rgba(16,33,47,.1)!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 42%!important;
    display:block!important;
    transform:none!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    font-size:13.5px!important;
    line-height:1.18!important;
    font-weight:700!important;
    color:inherit!important;
  }
  body.systemwissen-hub-page .iot-overview-card:hover,
  body.systemwissen-hub-page .iot-overview-card:focus-visible{
    background:rgba(128,104,65,.08)!important;
    color:#806841!important;
  }
  body.systemwissen-hub-page .iot-overview-card:hover .iot-overview-media img,
  body.systemwissen-hub-page .iot-overview-card:focus-visible .iot-overview-media img{
    transform:none!important;
  }
  body.systemwissen-hub-page .blockchain-overview-feature{
    margin-top:8px!important;
  }
}

/* Block 580 — typography alignment + lighter preview + blockchain lowered. */
@media(min-width:1001px){
  body.systemwissen-hub-page .iot-overview-head{
    grid-template-columns:28px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  body.systemwissen-hub-page .iot-overview-index{
    margin:4px 0 0!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    color:#2d5c50!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row .iot-menu-icon{
    width:34px!important;
    height:34px!important;
    color:#8a7248!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row h2{
    font-size:24px!important;
    line-height:1.02!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
    color:#181f1d!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row p{
    margin:5px 0 0!important;
    max-width:340px!important;
    font-size:12px!important;
    line-height:1.26!important;
    color:#5d6763!important;
  }
  body.systemwissen-hub-page .iot-overview-content{
    padding-top:2px!important;
  }
  body.systemwissen-hub-page .iot-overview-label{
    margin:0 0 5px!important;
  }
  body.systemwissen-hub-page .iot-overview-grid{
    gap:14px!important;
  }
  body.systemwissen-hub-page .iot-overview-card{
    grid-template-columns:94px minmax(0,1fr)!important;
    gap:12px!important;
    height:54px!important;
    padding:0 10px 0 0!important;
    background:transparent!important;
  }
  body.systemwissen-hub-page .iot-overview-media{
    width:94px!important;
    height:56px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    mix-blend-mode:multiply!important;
    filter:saturate(.88) contrast(1.02)!important;
    background:transparent!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#214139!important;
  }
  body.systemwissen-hub-page .iot-overview-card:hover strong,
  body.systemwissen-hub-page .iot-overview-card:focus-visible strong{
    color:#806841!important;
  }
  body.systemwissen-hub-page .blockchain-overview-feature{
    margin-top:6px!important;
    transform:translateY(12px)!important;
  }
}

/* Block 581 — overview hierarchy cleanup. IoT icon stays mega-menu only. */
@media(min-width:1001px){
  body.systemwissen-hub-page .iot-overview-head{
    grid-template-columns:28px minmax(0,1fr)!important;
    column-gap:13px!important;
    align-items:start!important;
  }
  body.systemwissen-hub-page .iot-overview-index{
    margin:5px 0 0!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    color:#2d5c50!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row{
    display:block!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row .iot-menu-icon{
    display:none!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row h2{
    margin:0!important;
    font-size:25px!important;
    line-height:1.03!important;
    font-weight:800!important;
    letter-spacing:-.022em!important;
    white-space:nowrap!important;
    color:#181f1d!important;
  }
  body.systemwissen-hub-page .iot-overview-title-row p{
    margin:6px 0 0!important;
    max-width:360px!important;
    font-size:12.5px!important;
    line-height:1.3!important;
    color:#5d6763!important;
  }
  body.systemwissen-hub-page .iot-overview-inner{
    grid-template-columns:minmax(390px,1.03fr) minmax(0,1.97fr)!important;
    gap:36px!important;
  }
  body.systemwissen-hub-page .iot-overview-card{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:14px!important;
    height:58px!important;
  }
  body.systemwissen-hub-page .iot-overview-media{
    width:112px!important;
    height:62px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    object-fit:contain!important;
    mix-blend-mode:multiply!important;
    filter:saturate(.88) contrast(1.02)!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    font-size:15px!important;
    line-height:1.2!important;
  }
  body.systemwissen-hub-page .blockchain-overview-feature{
    margin-top:2px!important;
    transform:translateY(15px) scale(.95)!important;
    transform-origin:center top!important;
  }
}

@media(max-width:1000px){
  body.systemwissen-hub-page .iot-overview-title-row .iot-menu-icon{display:none!important}
  body.systemwissen-hub-page .iot-overview-title-row{display:block!important}
}


/* Block 582 — Systemwissen: 05 and IoT heading use the EXACT same
   desktop typography tokens as 01–04. Blockchain is visually lowered
   without changing the document-flow height. */
@media(min-width:1001px){
  body.systemwissen-hub-page .iot-overview-index{
    margin:0 0 15px!important;
    padding-top:0!important;
    color:#22463b!important;
    font-size:.72rem!important;
    line-height:normal!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
  }

  body.systemwissen-hub-page .iot-overview-head{
    display:block!important;
    padding:0!important;
  }

  body.systemwissen-hub-page .iot-overview-title-row{
    display:block!important;
  }

  body.systemwissen-hub-page .iot-overview-title-row h2{
    margin:0 0 7px!important;
    color:#101112!important;
    font-size:clamp(1.35rem,2vw,1.8rem)!important;
    font-weight:800!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }

  body.systemwissen-hub-page .iot-overview-title-row p{
    margin:0!important;
    max-width:340px!important;
    color:#3f4244!important;
    font-size:.88rem!important;
    line-height:1.55!important;
  }

  body.systemwissen-hub-page .blockchain-overview-feature{
    transform:translateY(24px)!important;
  }
}

/* Block 583 — exact shelf semantics/typography + readable sublines + labeled preview. */
/* All five overview descriptions use the same dark, fully opaque text colour. */
body.systemwissen-hub-page .lexicon-shelf-head p,
body.systemwissen-hub-page .iot-overview-head p{
  color:#101112!important;
  opacity:1!important;
}

@media(min-width:1001px){
  /* 05 starts on exactly the same left edge as 01. No extra offset. */
  body.systemwissen-hub-page .iot-overview-feature{
    left:0!important;
    right:0!important;
  }
  body.systemwissen-hub-page .iot-overview-inner{
    grid-template-columns:minmax(390px,1.03fr) minmax(0,1.97fr)!important;
    gap:36px!important;
    padding-left:0!important;
  }
  body.systemwissen-hub-page .iot-overview-head.lexicon-shelf-head{
    display:block!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-head.lexicon-shelf-head>span{
    display:block!important;
    margin:0 0 15px!important;
    padding-top:0!important;
    color:#22463b!important;
    font-size:.72rem!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
    line-height:normal!important;
  }
  body.systemwissen-hub-page .iot-overview-head .lexicon-shelf-title{
    margin:0 0 7px!important;
    color:#101112!important;
    font-size:clamp(1.35rem,2vw,1.8rem)!important;
    font-weight:800!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }
  body.systemwissen-hub-page .iot-overview-head p{
    max-width:340px!important;
    margin:0!important;
    font-size:.88rem!important;
    line-height:1.55!important;
  }

  /* Make enough room for the exact 01–04 header rhythm without moving the footer. */
  body.systemwissen-hub-page .lexicon-library{
    padding-bottom:132px!important;
  }
  body.systemwissen-hub-page .lexicon-preview-grid{
    max-height:294px!important;
  }
  body.systemwissen-hub-page .iot-overview-feature{
    height:94px!important;
    bottom:16px!important;
  }
  body.systemwissen-hub-page .iot-overview-inner{
    padding-top:8px!important;
  }

  /* Larger, annotated preview; no card/chrome behind it. */
  body.systemwissen-hub-page .iot-overview-card{
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:15px!important;
    height:72px!important;
    background:transparent!important;
  }
  body.systemwissen-hub-page .iot-overview-media{
    width:150px!important;
    height:76px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    opacity:.94!important;
    mix-blend-mode:multiply!important;
    filter:none!important;
    background:transparent!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    font-size:15px!important;
    line-height:1.2!important;
  }

  /* More breathing room between IoT and the infrastructure layer. */
  body.systemwissen-hub-page .blockchain-overview-feature{
    transform:translateY(36px) scale(.95)!important;
    transform-origin:center top!important;
  }
}

/* Block 584 — exact shelf alignment, identical publication label, human retained in annotated preview. */
body.systemwissen-hub-page .lexicon-shelf-head p,
body.systemwissen-hub-page .iot-overview-head p{
  color:#101112!important;
  opacity:1!important;
}
@media(min-width:1001px){
  /* Desktop shelf padding is 11px in v49; use the same left/right inset for 05. */
  body.systemwissen-hub-page .iot-overview-feature{
    left:11px!important;
    right:11px!important;
  }
  body.systemwissen-hub-page .iot-overview-inner{
    padding-left:0!important;
    padding-right:0!important;
    grid-template-columns:minmax(390px,1.03fr) minmax(0,1.97fr)!important;
    gap:36px!important;
  }
  /* 05 block uses the shelf classes and their exact desktop metrics. */
  body.systemwissen-hub-page .iot-overview-head.lexicon-shelf-head{
    display:block!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-head.lexicon-shelf-head>span{
    display:block!important;
    margin-bottom:15px!important;
    padding-top:0!important;
    color:#22463b!important;
    font-size:.72rem!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
  }
  body.systemwissen-hub-page .iot-overview-head .lexicon-shelf-title{
    margin:0 0 7px!important;
    color:#101112!important;
    font-size:clamp(1.35rem,2vw,1.8rem)!important;
    font-weight:800!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  body.systemwissen-hub-page .iot-overview-head p{
    margin:0!important;
    max-width:340px!important;
    color:#101112!important;
    font-size:.88rem!important;
    line-height:1.55!important;
  }
  /* Same FACHBEITRÄGE treatment as 01–04, including the fine rule. */
  body.systemwissen-hub-page .iot-overview-label.lexicon-publication-label{
    display:flex!important;
    min-height:20px!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 0 7px!important;
    color:#4a4d4c!important;
    font-size:.6rem!important;
    font-weight:850!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
  }
  body.systemwissen-hub-page .iot-overview-label.lexicon-publication-label::after{
    content:""!important;
    flex:1!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(151,119,83,.78),rgba(151,119,83,.12))!important;
  }
  /* Larger annotated preview: the person and all three labels are baked into one image. */
  body.systemwissen-hub-page .iot-overview-card{
    grid-template-columns:174px minmax(0,1fr)!important;
    gap:16px!important;
    height:78px!important;
    background:transparent!important;
  }
  body.systemwissen-hub-page .iot-overview-media{
    width:174px!important;
    height:82px!important;
    border:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    opacity:1!important;
    mix-blend-mode:multiply!important;
    filter:none!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    font-size:15px!important;
    line-height:1.2!important;
  }
  /* Keep page height fixed while giving the preview a little more room. */
  body.systemwissen-hub-page .lexicon-library{padding-bottom:138px!important}
  body.systemwissen-hub-page .lexicon-preview-grid{max-height:288px!important}
  body.systemwissen-hub-page .iot-overview-feature{height:100px!important;bottom:14px!important}
  body.systemwissen-hub-page .blockchain-overview-feature{
    transform:translateY(42px) scale(.95)!important;
    transform-origin:center top!important;
  }
}

/* Block 585 — remove redundant IoT separator and keep annotated preview translucent at rest. */
@media(min-width:1001px){
  body.systemwissen-hub-page .iot-overview-feature{
    border-top:0!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    opacity:.62!important;
    transition:none!important;
  }
  body.systemwissen-hub-page .iot-overview-card:hover .iot-overview-media img,
  body.systemwissen-hub-page .iot-overview-card:focus-visible .iot-overview-media img{
    opacity:.62!important;
    transform:none!important;
    filter:none!important;
  }
}


/* Block 586 — final mega-menu IoT alignment.
   The first IoT contribution sits directly beside the IoT rubric, not centered. */
@media(min-width:861px){
  .iot-menu-group>summary,
  .iot-menu-group[open]>summary{
    width:33%!important;
  }
  .iot-menu-links{
    left:31.5%!important;
    right:auto!important;
    width:min(260px,31%)!important;
    top:31px!important;
  }
  .iot-menu-links a{
    width:auto!important;
    max-width:260px!important;
  }
}


/* Block 587 — one global mega-menu layout on every page.
   Avoid percentage positioning: summary + contribution form one fixed grid row,
   so Home, Systemwissen and detail pages render identically. */
@media(min-width:861px){
  .iot-menu-group{
    display:grid!important;
    grid-template-columns:minmax(300px,350px) minmax(0,270px)!important;
    column-gap:10px!important;
    align-items:end!important;
    min-height:66px!important;
  }
  .iot-menu-group>summary,
  .iot-menu-group[open]>summary{
    grid-column:1!important;
    position:relative!important;
    width:auto!important;
    min-width:0!important;
    align-self:end!important;
  }
  .iot-menu-links{
    grid-column:2!important;
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:270px!important;
    margin:0 0 3px!important;
    padding:0!important;
    align-self:end!important;
  }
  .iot-menu-links a{
    width:100%!important;
    max-width:270px!important;
  }
}

/* Systemwissen overview: numbering removed intentionally. */
body.systemwissen-hub-page .lexicon-shelf-head>span,
body.systemwissen-hub-page .iot-overview-index{
  display:none!important;
}

/* Block 588 — mobile knowledge-menu refinement only.
   Keep the IoT icon in the mega menu, restore the same disclosure marker language
   as the four knowledge rubrics, and left-align the contribution below the copy. */
@media(max-width:860px){
  .knowledge-feature{
    margin-top:4px!important;
    padding-top:4px!important;
  }
  .knowledge-feature>a{
    min-height:62px!important;
    font-size:18px!important;
    line-height:1.35!important;
    letter-spacing:.055em!important;
  }

  .iot-menu-group{
    margin-top:5px!important;
    padding:5px 0 2px!important;
    min-height:0!important;
  }
  .iot-menu-group>summary,
  .iot-menu-group[open]>summary{
    display:list-item!important;
    list-style-position:inside!important;
    min-height:52px!important;
    width:100%!important;
    padding:0!important;
    color:#dbc38a!important;
    cursor:default!important;
    pointer-events:none!important;
  }
  .iot-menu-group>summary::-webkit-details-marker{
    display:inline!important;
    color:#dbc38a!important;
  }
  .iot-menu-group>summary::marker{
    color:#dbc38a!important;
    font-size:16px!important;
  }
  .iot-menu-heading{
    display:inline-flex!important;
    align-items:center!important;
    gap:10px!important;
    vertical-align:middle!important;
  }
  .iot-menu-group .iot-menu-icon{
    width:31px!important;
    height:31px!important;
    flex:0 0 31px!important;
  }
  .iot-menu-copy strong{
    font-size:17px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }
  .iot-menu-copy small{
    margin-top:4px!important;
    font-size:13px!important;
    line-height:1.32!important;
    opacity:.86!important;
  }

  .iot-menu-links{
    display:block!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:1px 0 4px 65px!important;
  }
  .iot-menu-links li{
    width:auto!important;
    margin:0!important;
  }
  .iot-menu-links a{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    padding:8px 0 7px!important;
    border-radius:0!important;
    background:transparent!important;
    color:#e1e6df!important;
    font-size:16px!important;
    line-height:1.35!important;
    text-align:left!important;
    justify-content:flex-start!important;
  }
  .iot-menu-links a:hover,
  .iot-menu-links a:focus-visible{
    background:transparent!important;
    color:#e5c77c!important;
  }
  .iot-menu-links .iot-link-symbol{
    display:none!important;
  }
  .iot-menu-links .iot-link-title{
    display:block!important;
    max-width:none!important;
    text-align:left!important;
  }
}

/* Block 589 — hard mobile override for the knowledge mega menu.
   This intentionally outranks the legacy mobile knowledge-menu rules. */
@media (max-width:860px){
  html body .site-header .knowledge-mega .knowledge-feature{
    margin-top:2px!important;
    padding-top:2px!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature>a{
    min-height:54px!important;
    margin:0 0 4px!important;
    padding:4px 0!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group{
    display:block!important;
    margin:0!important;
    padding:2px 0 4px!important;
    border:0!important;
    min-height:0!important;
    text-align:left!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group>summary,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group[open]>summary{
    display:flex!important;
    align-items:flex-start!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:7px 0 3px!important;
    list-style:none!important;
    color:#dbc38a!important;
    pointer-events:none!important;
    cursor:default!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group>summary::-webkit-details-marker{
    display:none!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group>summary::marker{
    content:""!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group>summary::before,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group[open]>summary::before{
    content:'▶'!important;
    display:block!important;
    flex:0 0 16px!important;
    width:16px!important;
    margin:4px 8px 0 0!important;
    color:#dbc38a!important;
    font-size:13px!important;
    line-height:1!important;
    transform:none!important;
    transition:none!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-heading{
    display:flex!important;
    align-items:flex-start!important;
    gap:9px!important;
    min-width:0!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-icon{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    margin-top:0!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-copy strong{
    display:block!important;
    margin:0!important;
    font-size:17px!important;
    line-height:1.18!important;
    font-weight:700!important;
    color:#dbc38a!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-copy small{
    display:block!important;
    margin:4px 0 0!important;
    font-size:12.5px!important;
    line-height:1.28!important;
    color:#dbc38a!important;
    opacity:.82!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links{
    position:static!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:2px 0 0 63px!important;
    list-style:none!important;
    text-align:left!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li{
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links a{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:6px 0 8px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    color:#e1e6df!important;
    font-size:15.5px!important;
    line-height:1.3!important;
    font-weight:400!important;
    text-align:left!important;
    justify-content:flex-start!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links a:hover,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links a:focus-visible{
    background:transparent!important;
    color:#e5c77c!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links .iot-link-symbol{
    display:none!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links .iot-link-title{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    text-align:left!important;
  }
}

/* Block 590 — mobile disclosure parity + PRIVATE BLOCKCHAIN last. */
@media (max-width:860px){
  html body .site-header .knowledge-mega .knowledge-feature{
    display:flex!important;
    flex-direction:column!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group{
    order:1!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a{
    order:2!important;
    margin-top:10px!important;
    margin-bottom:0!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group>summary,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group[open]>summary{
    pointer-events:auto!important;
    cursor:pointer!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group>summary::before{
    content:'▶'!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group[open]>summary::before{
    content:'▼'!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group:not([open]) .iot-menu-links{
    display:none!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group[open] .iot-menu-links{
    display:block!important;
    padding-top:4px!important;
    padding-bottom:2px!important;
  }
}

/* Block 591 — desktop hierarchy: IoT as a normal rubric on the left,
   PRIVATE BLOCKCHAIN as a larger cross-cutting layer on the right. */
@media (min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature{
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr)!important;
    column-gap:54px!important;
    align-items:start!important;
    margin-top:10px!important;
    padding-top:10px!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group{
    position:static!important;
    display:block!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    text-align:left!important;
    order:1!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group>summary,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group[open]>summary{
    position:static!important;
    display:list-item!important;
    width:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:6px 0 8px!important;
    list-style-position:inside!important;
    pointer-events:none!important;
    cursor:default!important;
    color:#dbc38a!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group>summary::-webkit-details-marker{
    display:inline!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group>summary::before,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group[open]>summary::before{
    content:none!important;
    display:none!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-heading{
    display:inline-flex!important;
    align-items:flex-start!important;
    vertical-align:top!important;
    gap:10px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-copy strong{
    font-size:18px!important;
    line-height:1.25!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-copy small{
    margin-top:4px!important;
    font-size:13px!important;
    line-height:1.35!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links{
    position:static!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:0 0 0 58px!important;
    list-style:none!important;
    text-align:left!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li{
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links a{
    display:block!important;
    width:auto!important;
    max-width:280px!important;
    min-height:0!important;
    margin:0!important;
    padding:8px!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#e1e6df!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:400!important;
    text-align:left!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links a:hover,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links a:focus-visible{
    background:rgba(203,183,127,.12)!important;
    color:#e5c77c!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links .iot-link-symbol{
    display:none!important;
  }

  html body .site-header .knowledge-mega .knowledge-feature>a{
    order:2!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:72px!important;
    margin:0!important;
    padding:9px 24px 24px!important;
    box-sizing:border-box!important;
    color:#f0f1ed!important;
    font-size:30px!important;
    line-height:1.15!important;
    font-weight:750!important;
    letter-spacing:.075em!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a::before{
    left:50%!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    width:min(100%,620px)!important;
    transform:translateX(-50%)!important;
    background-image:url('/assets/private-blockchain-logo-chain-v563-gold.svg')!important;
    background-size:99px 72px!important;
    background-position:center!important;
    background-repeat:repeat-x!important;
    opacity:.88!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a::after{
    content:'↓'!important;
    position:absolute!important;
    left:50%!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    color:#dbc38a!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:400!important;
    opacity:.72!important;
    transition:opacity .16s ease,color .16s ease!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a:hover::before,
  html body .site-header .knowledge-mega .knowledge-feature>a:focus-visible::before{
    opacity:.98!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a:hover::after,
  html body .site-header .knowledge-mega .knowledge-feature>a:focus-visible::after{
    color:#f3dfa9!important;
    opacity:1!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a>span[aria-hidden="true"]{
    display:none!important;
  }
}

/* Block 592 — PRIVATE BLOCKCHAIN gains another ~50% visual weight on desktop.
   Keep the menu height stable: scale typography and chain inside the existing row. */
@media (min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature{
    grid-template-columns:minmax(0,.78fr) minmax(430px,1.22fr)!important;
    column-gap:48px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a{
    min-height:72px!important;
    padding:5px 12px 21px!important;
    font-size:45px!important;
    line-height:1.02!important;
    font-weight:760!important;
    letter-spacing:.055em!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a::before{
    width:min(100%,760px)!important;
    background-size:149px 108px!important;
    opacity:.86!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a::after{
    bottom:-1px!important;
    font-size:20px!important;
    opacity:.76!important;
  }
}
@media (min-width:861px) and (max-width:1180px){
  html body .site-header .knowledge-mega .knowledge-feature>a{
    font-size:38px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a::before{
    background-size:132px 96px!important;
  }
}

/* Block 593 — full logo clearance for the enlarged PRIVATE BLOCKCHAIN chain.
   Keep the Block-592 scale; reserve enough vertical space so no 420+ link is clipped. */
@media (min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature{
    overflow:visible!important;
    padding-bottom:4px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a{
    min-height:112px!important;
    overflow:visible!important;
    padding:8px 12px 25px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a::before{
    top:2px!important;
    bottom:2px!important;
    height:auto!important;
    background-size:149px 108px!important;
    background-position:center center!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a::after{
    bottom:5px!important;
  }
}
@media (min-width:861px) and (max-width:1180px){
  html body .site-header .knowledge-mega .knowledge-feature>a{
    min-height:100px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a::before{
    background-size:132px 96px!important;
  }
}


/* Block 594 — Systemwissen overview adopts the same hierarchy as the mega menu.
   IoT is a normal rubric on the left; PRIVATE BLOCKCHAIN is a larger transversal
   infrastructure layer on the right. Keep the desktop page-height budget fixed. */
@media(min-width:1001px){
  body.systemwissen-hub-page .lexicon-library{
    position:relative!important;
    padding-bottom:156px!important;
  }
  body.systemwissen-hub-page .lexicon-preview-grid{
    max-height:270px!important;
  }

  /* Left: normal IoT rubric with its contribution directly underneath. */
  body.systemwissen-hub-page .iot-overview-feature{
    position:absolute!important;
    left:11px!important;
    right:auto!important;
    bottom:12px!important;
    width:45%!important;
    height:128px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    z-index:3!important;
  }
  body.systemwissen-hub-page .iot-overview-inner{
    display:block!important;
    height:100%!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-head.lexicon-shelf-head{
    display:block!important;
    min-height:0!important;
    margin:0 0 8px!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-head .lexicon-shelf-title{
    margin:0 0 7px!important;
    color:#101112!important;
    font-size:clamp(1.35rem,2vw,1.8rem)!important;
    font-weight:800!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }
  body.systemwissen-hub-page .iot-overview-head p{
    margin:0!important;
    max-width:360px!important;
    color:#101112!important;
    opacity:1!important;
    font-size:.88rem!important;
    line-height:1.42!important;
  }
  body.systemwissen-hub-page .iot-overview-content{
    margin-top:8px!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-label.lexicon-publication-label{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:16px!important;
    margin:0 0 5px!important;
    color:#4a4d4c!important;
    font-size:.6rem!important;
    font-weight:850!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
  }
  body.systemwissen-hub-page .iot-overview-label.lexicon-publication-label::after{
    content:""!important;
    flex:1!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(151,119,83,.78),rgba(151,119,83,.12))!important;
  }
  body.systemwissen-hub-page .iot-overview-grid{
    display:block!important;
  }
  body.systemwissen-hub-page .iot-overview-card{
    display:grid!important;
    grid-template-columns:148px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center!important;
    width:min(100%,390px)!important;
    height:58px!important;
    padding:0!important;
    color:#25443c!important;
    background:transparent!important;
    text-decoration:none!important;
  }
  body.systemwissen-hub-page .iot-overview-media{
    width:148px!important;
    height:58px!important;
    border:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
    opacity:.62!important;
    mix-blend-mode:multiply!important;
    filter:none!important;
    transition:none!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    margin:0!important;
    padding:0!important;
    border:0!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:inherit!important;
  }

  /* Right: transversal integrity layer, intentionally larger than before but calmer than mega menu. */
  body.systemwissen-hub-page .blockchain-overview-feature{
    position:absolute!important;
    left:auto!important;
    right:11px!important;
    bottom:10px!important;
    width:50%!important;
    height:126px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:2!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:0 24px 12px!important;
    color:#fff!important;
    text-decoration:none!important;
    overflow:visible!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link strong{
    position:relative!important;
    top:0!important;
    z-index:2!important;
    color:#fff!important;
    font-size:40px!important;
    line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
    -webkit-text-stroke:2px #000!important;
    paint-order:stroke fill!important;
    text-shadow:-.65px 0 #000,.65px 0 #000,0 -.65px #000,0 .65px #000,2px 2px 0 #000!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link strong::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:calc(100% + 250px)!important;
    height:88px!important;
    transform:translate(-50%,-50%)!important;
    z-index:-1!important;
    pointer-events:none!important;
    background:url('/assets/private-blockchain-logo-chain-overview-v577-blue.svg') center/121px 88px repeat-x!important;
    opacity:.68!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 34px,#000 60px,rgba(0,0,0,.40) 90px,rgba(0,0,0,.40) calc(100% - 90px),#000 calc(100% - 60px),#000 calc(100% - 34px),transparent)!important;
    mask-image:linear-gradient(90deg,transparent,#000 34px,#000 60px,rgba(0,0,0,.40) 90px,rgba(0,0,0,.40) calc(100% - 90px),#000 calc(100% - 60px),#000 calc(100% - 34px),transparent)!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link::before{content:none!important}
  body.systemwissen-hub-page .blockchain-overview-link::after{
    content:'↓'!important;
    position:absolute!important;
    left:50%!important;
    bottom:7px!important;
    transform:translateX(-50%)!important;
    color:#806841!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:400!important;
    opacity:.72!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link:hover strong,
  body.systemwissen-hub-page .blockchain-overview-link:focus-visible strong{
    color:#fff!important;
    text-decoration:none!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link:hover strong::before,
  body.systemwissen-hub-page .blockchain-overview-link:focus-visible strong::before{opacity:.80!important}
  body.systemwissen-hub-page .blockchain-overview-link:hover::after,
  body.systemwissen-hub-page .blockchain-overview-link:focus-visible::after{opacity:1!important}
}

@media(min-width:1001px) and (max-width:1180px){
  body.systemwissen-hub-page .iot-overview-feature{width:47%!important}
  body.systemwissen-hub-page .blockchain-overview-feature{width:48%!important}
  body.systemwissen-hub-page .blockchain-overview-link strong{font-size:34px!important}
  body.systemwissen-hub-page .blockchain-overview-link strong::before{
    width:calc(100% + 190px)!important;
    background-size:108px 78px!important;
    height:78px!important;
  }
}

/* Block 595 — final visual polish.
   1) Mega-menu PRIVATE BLOCKCHAIN text is geometrically centered in the chain.
   2) Systemwissen overview uses the exact same Blockchain typography/chain scale.
   3) Smart-glasses preview is ~23% larger and its title slightly stronger.
   4) Overview Blockchain sits 8px lower while the page-height budget stays fixed. */
@media (min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature>a{
    padding:0 12px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a strong,
  html body .site-header .knowledge-mega .knowledge-feature>a .blockchain-label{
    position:relative!important;
    top:0!important;
    transform:none!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a::before{
    top:50%!important;
    bottom:auto!important;
    height:108px!important;
    transform:translate(-50%,-50%)!important;
    background-position:center center!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature>a::after{
    bottom:4px!important;
  }
}
@media (min-width:861px) and (max-width:1180px){
  html body .site-header .knowledge-mega .knowledge-feature>a::before{
    height:96px!important;
  }
}

@media(min-width:1001px){
  /* Keep the overall library height unchanged: trade 8px from the internal scroll windows
     for the slightly larger/lower lower-band composition. */
  body.systemwissen-hub-page .lexicon-library{
    padding-bottom:164px!important;
  }
  body.systemwissen-hub-page .lexicon-preview-grid{
    max-height:262px!important;
  }

  body.systemwissen-hub-page .iot-overview-feature{
    height:136px!important;
    bottom:12px!important;
  }
  body.systemwissen-hub-page .iot-overview-head.lexicon-shelf-head{
    margin-bottom:5px!important;
  }
  body.systemwissen-hub-page .iot-overview-content{
    margin-top:5px!important;
  }
  body.systemwissen-hub-page .iot-overview-label.lexicon-publication-label{
    margin-bottom:3px!important;
  }
  body.systemwissen-hub-page .iot-overview-card{
    grid-template-columns:182px minmax(0,1fr)!important;
    gap:16px!important;
    width:min(100%,440px)!important;
    height:70px!important;
  }
  body.systemwissen-hub-page .iot-overview-media{
    width:182px!important;
    height:70px!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    font-size:16px!important;
    line-height:1.2!important;
  }

  body.systemwissen-hub-page .blockchain-overview-feature{
    bottom:2px!important;
    height:136px!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link{
    padding:0 24px 10px!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link strong{
    font-size:45px!important;
    line-height:1.02!important;
    font-weight:760!important;
    letter-spacing:.055em!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link strong::before{
    width:calc(100% + 300px)!important;
    height:108px!important;
    background-size:149px 108px!important;
    background-position:center center!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link::after{
    bottom:4px!important;
    font-size:20px!important;
  }
}
@media(min-width:1001px) and (max-width:1180px){
  body.systemwissen-hub-page .blockchain-overview-link strong{
    font-size:38px!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link strong::before{
    height:96px!important;
    background-size:132px 96px!important;
  }
}

/* Block 596 — Systemwissen desktop micro-polish.
   Give Process Intelligence + Industrie 5.0 a little more visible scroll area,
   and anchor PRIVATE BLOCKCHAIN closer to the footer without growing page height. */
@media(min-width:1001px){
  body.systemwissen-hub-page .lexicon-library > .lexicon-shelf:nth-of-type(3) .lexicon-preview-grid,
  body.systemwissen-hub-page .lexicon-library > .lexicon-shelf:nth-of-type(4) .lexicon-preview-grid{
    max-height:278px!important;
  }
  body.systemwissen-hub-page .blockchain-overview-feature{
    bottom:-10px!important;
  }
}

/* Block 597 — navigation semantics: page changes use a right arrow.
   Both the mega-menu and Systemwissen overview point to a separate page,
   so neither may use a downward/in-page arrow or rotated symbol. */
@media(min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature>a::after{
    content:'→'!important;
    transform:translateX(-50%)!important;
  }
}
@media(min-width:1001px){
  body.systemwissen-hub-page .blockchain-overview-link::after{
    content:'→'!important;
    transform:translateX(-50%)!important;
  }
}

/* Block 598 — Systemwissen overview only: stronger blue logo-chain presence
   with a restrained gold contour. Mega-menu remains unchanged. */
@media(min-width:701px){
  body.systemwissen-hub-page .blockchain-overview-link strong::before{
    opacity:.82!important;
    filter:
      drop-shadow(.7px 0 0 rgba(128,104,65,.92))
      drop-shadow(-.7px 0 0 rgba(128,104,65,.92))
      drop-shadow(0 .7px 0 rgba(128,104,65,.92))
      drop-shadow(0 -.7px 0 rgba(128,104,65,.92))!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link:hover strong::before,
  body.systemwissen-hub-page .blockchain-overview-link:focus-visible strong::before{
    opacity:.92!important;
  }
}
@media(max-width:700px){
  body.systemwissen-hub-page .blockchain-overview-link::before{
    opacity:.70!important;
    filter:
      drop-shadow(.55px 0 0 rgba(128,104,65,.90))
      drop-shadow(-.55px 0 0 rgba(128,104,65,.90))
      drop-shadow(0 .55px 0 rgba(128,104,65,.90))
      drop-shadow(0 -.55px 0 rgba(128,104,65,.90))!important;
  }
}


/* Block 599 — second IoT article: stationary camera / visual process monitoring. */
.iot-camera-symbol{position:relative;display:inline-block;width:48px;height:30px;flex:0 0 48px;color:#dbc38a}
.iot-camera-symbol::before{content:"";position:absolute;left:5px;top:6px;width:34px;height:20px;border:2px solid currentColor;border-radius:4px;box-sizing:border-box}
.iot-camera-symbol::after{content:"";position:absolute;left:16px;top:10px;width:10px;height:10px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box;box-shadow:14px -6px 0 -5px currentColor}
@media(max-width:860px){.iot-camera-symbol{width:42px;height:27px;flex-basis:42px}.iot-camera-symbol::before{left:4px;top:5px;width:32px;height:19px}.iot-camera-symbol::after{left:14px;top:9px}}
.systemwissen-hub-page .iot-overview-media--camera{display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,rgba(16,33,47,.96),rgba(37,68,60,.90))!important;color:#dbc38a!important}
.systemwissen-hub-page .iot-overview-media--camera .camera-card-icon{position:relative;display:block;width:50px;height:34px;color:inherit}
.systemwissen-hub-page .iot-overview-media--camera .camera-card-icon::before{content:"";position:absolute;left:3px;top:5px;width:40px;height:25px;border:2px solid currentColor;border-radius:5px;box-sizing:border-box}
.systemwissen-hub-page .iot-overview-media--camera .camera-card-icon::after{content:"";position:absolute;left:16px;top:10px;width:13px;height:13px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box;box-shadow:16px -7px 0 -6px currentColor}
/* Article tables: preserve the IoT article system, add a subtle scrolling affordance. */
.lexicon-detail-page .iot-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.lexicon-detail-page .iot-table{min-width:760px}
.lexicon-detail-page #geraeteklassen .iot-table{min-width:900px}
.lexicon-detail-page .lexicon-source-note{font-size:.9rem;line-height:1.55;opacity:.78;margin-top:12px}


/* Block 602 — Systemwissen overview: make the Private-Blockchain logo chain
   materially more present without changing size, position or typography.
   The stronger central mask keeps the pattern visible behind the label; the
   gold edge remains a contour rather than a glow. Mega menu is unchanged. */
@media(min-width:701px){
  body.systemwissen-hub-page .blockchain-overview-link strong::before{
    opacity:.96!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 34px,#000 60px,rgba(0,0,0,.58) 90px,rgba(0,0,0,.58) calc(100% - 90px),#000 calc(100% - 60px),#000 calc(100% - 34px),transparent)!important;
    mask-image:linear-gradient(90deg,transparent,#000 34px,#000 60px,rgba(0,0,0,.58) 90px,rgba(0,0,0,.58) calc(100% - 90px),#000 calc(100% - 60px),#000 calc(100% - 34px),transparent)!important;
    filter:
      drop-shadow(.9px 0 0 rgba(128,104,65,.96))
      drop-shadow(-.9px 0 0 rgba(128,104,65,.96))
      drop-shadow(0 .9px 0 rgba(128,104,65,.96))
      drop-shadow(0 -.9px 0 rgba(128,104,65,.96))!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link:hover strong::before,
  body.systemwissen-hub-page .blockchain-overview-link:focus-visible strong::before{
    opacity:1!important;
  }
}
@media(max-width:700px){
  body.systemwissen-hub-page .blockchain-overview-link::before{
    opacity:.86!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.52) 42%,rgba(0,0,0,.52) 58%,#000 75%,#000 94%,transparent)!important;
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 25%,rgba(0,0,0,.52) 42%,rgba(0,0,0,.52) 58%,#000 75%,#000 94%,transparent)!important;
    filter:
      drop-shadow(.75px 0 0 rgba(128,104,65,.94))
      drop-shadow(-.75px 0 0 rgba(128,104,65,.94))
      drop-shadow(0 .75px 0 rgba(128,104,65,.94))
      drop-shadow(0 -.75px 0 rgba(128,104,65,.94))!important;
  }
}

/* Block 604 — scalable IoT contribution navigation.
   Desktop mega menu: a focus stack inside the IoT rubric only.
   Systemwissen hub: horizontal, scroll-snapping article rail.
   PRIVATE BLOCKCHAIN remains a separate static infrastructure layer. */

@media (min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group{
    min-height:112px!important;
    align-self:start!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group>summary,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group[open]>summary{
    padding-bottom:4px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:2px!important;
    width:min(100%,330px)!important;
    max-width:330px!important;
    min-height:58px!important;
    max-height:92px!important;
    margin:0!important;
    padding:0 38px 0 58px!important;
    overflow:hidden!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li{
    display:block!important;
    min-width:0!important;
    opacity:.56!important;
    transform:translateY(0)!important;
    transition:opacity .18s ease,transform .18s ease!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-near{
    display:block!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-far{
    display:none!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active{
    opacity:1!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links a{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    min-height:18px!important;
    margin:0!important;
    padding:2px 7px!important;
    border:1px solid transparent!important;
    border-radius:7px!important;
    background:transparent!important;
    color:rgba(225,230,223,.78)!important;
    font-size:11.5px!important;
    line-height:1.18!important;
    font-weight:500!important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,padding .18s ease!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active a{
    min-height:46px!important;
    gap:10px!important;
    padding:6px 8px!important;
    border-color:rgba(219,195,138,.22)!important;
    background:linear-gradient(90deg,rgba(203,183,127,.105),rgba(203,183,127,.035))!important;
    color:#f2efe6!important;
    font-size:14px!important;
    line-height:1.28!important;
    font-weight:650!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li:not(.is-iot-active) a:hover,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li:not(.is-iot-active) a:focus-visible{
    background:rgba(203,183,127,.055)!important;
    color:#e5c77c!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links .iot-link-symbol{
    display:none!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active .iot-link-symbol{
    display:inline-block!important;
    width:44px!important;
    height:30px!important;
    flex:0 0 44px!important;
    color:#dbc38a!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active .iot-link-title{
    display:block!important;
    min-width:0!important;
    color:inherit!important;
    font-weight:650!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li:not(.is-iot-active) .iot-link-title{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-controls{
    position:absolute!important;
    right:0!important;
    bottom:3px!important;
    display:grid!important;
    grid-template-rows:24px auto 24px!important;
    gap:2px!important;
    width:30px!important;
    align-items:center!important;
    justify-items:center!important;
    color:#dbc38a!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-controls button{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    padding:0!important;
    border:1px solid rgba(219,195,138,.28)!important;
    border-radius:50%!important;
    background:rgba(12,14,17,.28)!important;
    color:#dbc38a!important;
    font:700 14px/1 system-ui,sans-serif!important;
    cursor:pointer!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-controls button:hover,
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-controls button:focus-visible{
    border-color:rgba(229,199,124,.72)!important;
    background:rgba(203,183,127,.10)!important;
    color:#f3dfa9!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-controls button:disabled{
    opacity:.24!important;
    cursor:default!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-count{
    font:650 9px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
    letter-spacing:.03em!important;
    color:rgba(219,195,138,.72)!important;
  }
}

@media(max-width:860px){
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-controls{display:none!important}
}

/* Systemwissen overview — cards become a native horizontal rail.
   Two cards fill the current space; from the third contribution onward a partial
   next card becomes visible and the rail gains controls. */
body.systemwissen-hub-page .iot-overview-content{position:relative!important}
body.systemwissen-hub-page .iot-overview-grid{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
body.systemwissen-hub-page .iot-overview-grid::-webkit-scrollbar{display:none!important}

@media(min-width:1001px){
  body.systemwissen-hub-page .iot-overview-feature{
    width:48%!important;
  }
  body.systemwissen-hub-page .blockchain-overview-feature{
    width:49%!important;
  }
  body.systemwissen-hub-page .iot-overview-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    padding:1px 0 3px!important;
  }
  body.systemwissen-hub-page .iot-overview-card{
    flex:0 0 calc(50% - 5px)!important;
    scroll-snap-align:start!important;
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    height:56px!important;
    padding:5px 8px 5px 5px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(37,68,60,.16)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.13)!important;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
  }
  body.systemwissen-hub-page .iot-overview-grid.is-iot-overflowing .iot-overview-card{
    flex-basis:42%!important;
  }
  body.systemwissen-hub-page .iot-overview-media{
    width:76px!important;
    height:44px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:5px!important;
    background:rgba(16,33,47,.09)!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    opacity:.78!important;
    mix-blend-mode:multiply!important;
  }
  body.systemwissen-hub-page .iot-overview-media--camera{
    width:76px!important;
    height:44px!important;
    border-radius:5px!important;
  }
  body.systemwissen-hub-page .iot-overview-media--camera .camera-card-icon{
    transform:scale(.76)!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    margin:0!important;
    padding:0!important;
    border:0!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:720!important;
    color:#214139!important;
  }
  body.systemwissen-hub-page .iot-overview-card:hover,
  body.systemwissen-hub-page .iot-overview-card:focus-visible{
    border-color:rgba(128,104,65,.36)!important;
    background:rgba(128,104,65,.075)!important;
    color:#806841!important;
  }
  body.systemwissen-hub-page .iot-overview-card:hover .iot-overview-media img,
  body.systemwissen-hub-page .iot-overview-card:focus-visible .iot-overview-media img{
    opacity:.9!important;
  }
  body.systemwissen-hub-page .iot-rail-controls{
    position:absolute!important;
    right:0!important;
    top:-24px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
  }
  body.systemwissen-hub-page .iot-rail-controls[hidden]{display:none!important}
  body.systemwissen-hub-page .iot-rail-controls button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:20px!important;
    padding:0!important;
    border:1px solid rgba(128,104,65,.30)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;
    color:#665437!important;
    font:700 13px/1 system-ui,sans-serif!important;
    cursor:pointer!important;
  }
  body.systemwissen-hub-page .iot-rail-controls button:hover,
  body.systemwissen-hub-page .iot-rail-controls button:focus-visible{
    border-color:rgba(128,104,65,.6)!important;
    background:rgba(128,104,65,.08)!important;
  }
  body.systemwissen-hub-page .iot-rail-controls button:disabled{opacity:.28!important;cursor:default!important}
}

@media(min-width:621px) and (max-width:1000px){
  body.systemwissen-hub-page .iot-overview-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    padding:2px 0 6px!important;
  }
  body.systemwissen-hub-page .iot-overview-card{
    flex:0 0 calc(50% - 6px)!important;
    scroll-snap-align:start!important;
    min-width:0!important;
    padding:6px!important;
    border:1px solid rgba(37,68,60,.16)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.12)!important;
  }
  body.systemwissen-hub-page .iot-overview-grid.is-iot-overflowing .iot-overview-card{flex-basis:46%!important}
  body.systemwissen-hub-page .iot-rail-controls{display:none!important}
}

@media(max-width:620px){
  body.systemwissen-hub-page .iot-overview-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:0!important;
    padding:2px 18% 8px 0!important;
  }
  body.systemwissen-hub-page .iot-overview-card{
    flex:0 0 82%!important;
    scroll-snap-align:start!important;
    min-width:0!important;
    padding:7px!important;
    border:1px solid rgba(37,68,60,.16)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.13)!important;
  }
  body.systemwissen-hub-page .iot-overview-media{aspect-ratio:2.15/1!important;border-radius:5px!important}
  body.systemwissen-hub-page .iot-overview-card strong{font-size:14px!important;line-height:1.25!important}
  body.systemwissen-hub-page .iot-rail-controls{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links a,
  body.systemwissen-hub-page .iot-overview-grid,
  body.systemwissen-hub-page .iot-overview-card{transition:none!important;scroll-behavior:auto!important}
}


/* Block 606: quieter IoT focus stack in the knowledge megamenu.
   Wheel/keyboard interaction remains; visible up/down controls are removed.
   The camera glyph is intentionally suppressed in the megamenu only. */
@media(min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links .iot-camera-symbol,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active .iot-camera-symbol{
    display:none!important;
    width:0!important;
    height:0!important;
    flex-basis:0!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-controls{
    right:1px!important;
    bottom:7px!important;
    display:flex!important;
    width:auto!important;
    min-width:28px!important;
    height:18px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-controls button{
    display:none!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-count{
    font:650 9.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
    letter-spacing:.035em!important;
    color:rgba(219,195,138,.72)!important;
    white-space:nowrap!important;
  }
}


/* Block 607: camera glyph stays out of the knowledge megamenu at every breakpoint.
   The focus stack keeps only its text label and x/n position indicator. */
html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links .iot-camera-symbol,
html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active .iot-camera-symbol{
  display:none!important;
  width:0!important;
  height:0!important;
  flex-basis:0!important;
  margin:0!important;
}

/* Block 613 — restore the approved pre-612 mega-menu composition and stabilise
   only the IoT focus stack. The Systemwissen hub receives its own lower-band
   composition: IoT rubric low on the left, contributions in a quiet rail below
   the separate PRIVATE BLOCKCHAIN layer on the right. */
@media(min-width:861px){
  /* Focus changes may change emphasis, never the lower-band geometry. */
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group{
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    box-sizing:border-box!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    box-sizing:border-box!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li{
    box-sizing:border-box!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li:not(.is-iot-active){
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active a{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    overflow:hidden!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active .iot-link-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
}

@media(min-width:1001px){
  body.systemwissen-hub-page .lexicon-library{
    position:relative!important;
    padding-bottom:176px!important;
  }
  /* Preserve the existing page-height budget by trading a little scroll-window
     height for the calmer lower composition. */
  body.systemwissen-hub-page .lexicon-preview-grid{max-height:250px!important}
  body.systemwissen-hub-page .lexicon-library > .lexicon-shelf:nth-of-type(3) .lexicon-preview-grid,
  body.systemwissen-hub-page .lexicon-library > .lexicon-shelf:nth-of-type(4) .lexicon-preview-grid{
    max-height:266px!important;
  }

  /* IoT rubric sits deliberately lower and gains breathing room above. */
  body.systemwissen-hub-page .iot-overview-feature{
    position:absolute!important;
    left:11px!important;
    right:11px!important;
    bottom:4px!important;
    width:auto!important;
    height:86px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    z-index:4!important;
  }
  body.systemwissen-hub-page .iot-overview-inner{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-head.lexicon-shelf-head{
    position:absolute!important;
    left:0!important;
    bottom:5px!important;
    width:35%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-head .lexicon-shelf-title{
    margin:0 0 6px!important;
    color:#101112!important;
    font-size:clamp(1.32rem,1.65vw,1.68rem)!important;
    line-height:1.05!important;
    font-weight:800!important;
    letter-spacing:-.03em!important;
    white-space:nowrap!important;
  }
  body.systemwissen-hub-page .iot-overview-head p{
    margin:0!important;
    max-width:360px!important;
    color:#101112!important;
    font-size:.82rem!important;
    line-height:1.35!important;
  }

  /* Contributions form a quiet horizontal rail directly beneath Blockchain. */
  body.systemwissen-hub-page .iot-overview-content{
    position:absolute!important;
    left:38%!important;
    right:0!important;
    bottom:0!important;
    height:58px!important;
    margin:0!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-label.lexicon-publication-label{display:none!important}
  body.systemwissen-hub-page .iot-overview-grid{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    height:58px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    scroll-snap-type:x mandatory!important;
    padding:0!important;
  }
  body.systemwissen-hub-page .iot-overview-grid::-webkit-scrollbar{display:none!important}
  body.systemwissen-hub-page .iot-overview-card{
    flex:0 0 clamp(220px,26vw,290px)!important;
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:center!important;
    min-width:0!important;
    height:52px!important;
    padding:4px 10px 4px 4px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(37,68,60,.14)!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.09)!important;
    color:#25443c!important;
    text-decoration:none!important;
    scroll-snap-align:start!important;
  }
  body.systemwissen-hub-page .iot-overview-media,
  body.systemwissen-hub-page .iot-overview-media--camera{
    width:82px!important;
    height:44px!important;
    border:0!important;
    border-radius:5px!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  body.systemwissen-hub-page .iot-overview-media img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center!important;
    mix-blend-mode:multiply!important;
    opacity:.8!important;
    transform:none!important;
  }
  body.systemwissen-hub-page .iot-overview-card strong{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#214139!important;
    font-size:13.5px!important;
    line-height:1.18!important;
    font-weight:700!important;
  }
  body.systemwissen-hub-page .iot-overview-card:hover,
  body.systemwissen-hub-page .iot-overview-card:focus-visible{
    background:rgba(128,104,65,.075)!important;
    border-color:rgba(128,104,65,.34)!important;
    color:#806841!important;
  }
  body.systemwissen-hub-page .iot-rail-controls{display:none!important}

  /* PRIVATE BLOCKCHAIN remains static and sits above the contribution rail. */
  body.systemwissen-hub-page .blockchain-overview-feature{
    position:absolute!important;
    left:auto!important;
    right:11px!important;
    bottom:61px!important;
    width:61%!important;
    height:92px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:3!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link{
    height:92px!important;
    min-height:92px!important;
    padding:0 24px 7px!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link strong{
    font-size:clamp(34px,3vw,45px)!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link strong::before{
    height:100px!important;
    background-size:138px 100px!important;
  }
  body.systemwissen-hub-page .blockchain-overview-link::after{bottom:1px!important}
}

@media(min-width:1001px) and (max-width:1180px){
  body.systemwissen-hub-page .iot-overview-head.lexicon-shelf-head{width:38%!important}
  body.systemwissen-hub-page .iot-overview-content{left:40%!important}
  body.systemwissen-hub-page .iot-overview-card{flex-basis:230px!important}
  body.systemwissen-hub-page .blockchain-overview-feature{width:59%!important}
}

/* Block 618 — third visible IoT contribution.
   Keep the approved focus-stack composition while allowing one active and two
   compact neighbouring entries to remain fully visible. */
@media(min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group{
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links{
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
  }
}


/* Block 619 — megamenu descender fix.
   Prevent the final line of IoT-Gateway from clipping at the lower edge. */
@media(min-width:861px){
  .iot-menu-links{
    overflow:visible!important;
    padding-bottom:4px!important;
  }
  .iot-menu-links li,
  .iot-menu-links a,
  .iot-link-title{
    overflow:visible!important;
  }
  .iot-menu-links a{
    min-height:38px!important;
    padding:3px 8px 5px!important;
    line-height:1.34!important;
    align-items:flex-start!important;
  }
  .iot-link-title{
    display:block!important;
    line-height:1.24!important;
    padding-bottom:2px!important;
  }
}


/* Block 620 — circular IoT selector in the knowledge megamenu.
   The stack now behaves like a loop: previous / active / next stay visible,
   wheel and arrow navigation wrap around, and the active card gets enough
   vertical room so neither the selection frame nor the descender in
   IoT-Gateway clips. */
@media(min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group{
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links{
    height:90px!important;
    min-height:90px!important;
    max-height:90px!important;
    padding:0 40px 6px 58px!important;
    align-content:start!important;
    overflow:visible!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li{
    display:block!important;
    min-height:18px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-prev,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-next{
    opacity:.66!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active{
    height:auto!important;
    min-height:54px!important;
    max-height:none!important;
    opacity:1!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li:not(.is-iot-active) a{
    min-height:18px!important;
    padding:1px 7px 2px!important;
    line-height:1.18!important;
    align-items:center!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active a{
    height:auto!important;
    min-height:54px!important;
    max-height:none!important;
    padding:7px 8px 8px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active .iot-link-symbol{
    width:44px!important;
    height:32px!important;
    flex:0 0 44px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active .iot-link-title{
    display:-webkit-box!important;
    min-width:0!important;
    line-height:1.22!important;
    padding-bottom:2px!important;
    overflow:visible!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li:not(.is-iot-active) .iot-link-title{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-controls{
    right:2px!important;
    bottom:9px!important;
    min-width:30px!important;
    height:18px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-count{
    font-size:10px!important;
    letter-spacing:.045em!important;
  }
}


/* Block 620 — circular IoT focus stack + clipping-safe active card.
   Exactly one item is visually selected. Wheel and keyboard wrap from the last
   contribution back to the first and vice versa. */
@media(min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-group{
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links{
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    overflow:visible!important;
    padding:0 34px 5px 58px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active{
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    overflow:visible!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li:not(.is-iot-active){
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active a{
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding:6px 8px 7px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    align-items:center!important;
    line-height:1.22!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active .iot-link-title{
    display:block!important;
    overflow:visible!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    padding:0 0 2px!important;
    line-height:1.22!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-stack-controls{
    right:1px!important;
    bottom:8px!important;
  }
}


/* Block 621 — stable circular IoT selector.
   Hover is intentionally presentation-only. It never changes the active item,
   so the stack cannot reorder itself under the pointer and oscillate. */
@media(min-width:861px){
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li,
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links a{
    transition:background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li:not(.is-iot-active) a:hover{
    background:rgba(203,183,127,.055)!important;
    color:#e5c77c!important;
  }
  html body .site-header .knowledge-mega .knowledge-feature .iot-menu-links li.is-iot-active a{
    transform:none!important;
  }
}


/* Source: rubric-switch-v665.css */
/* Block662: a shared, selectable place for IoT and AI. No auto rotation. */
.rubric-switch{min-width:0}
.rubric-tabs{display:flex;align-items:center;gap:20px;max-width:100%;padding:0 0 6px;margin:0;border:0}
.rubric-tabs [role=tab]{appearance:none;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:inherit;font:inherit;font-size:15px;line-height:1.35;font-weight:600;text-align:left;padding:5px 0;cursor:pointer;opacity:.85}
.rubric-tabs [role=tab][aria-selected=true]{opacity:1;border-color:currentColor}
.rubric-tabs [role=tab]:hover{opacity:1}
.rubric-tabs [role=tab]:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.rubric-panels{display:grid;min-width:0}
.rubric-panels>.rubric-panel{grid-area:1/1;min-width:0}
/* Keep both panels in one grid cell to reserve stable height. Inactive panel
   is also inert and aria-hidden, so its links are never keyboard targets. */
.rubric-panels>.rubric-panel[hidden]{display:block!important;visibility:hidden!important;pointer-events:none!important}
.rubric-switch-menu{order:1;color:#dbc38a}
.rubric-switch-menu .ki-preview{width:44px;height:44px;object-fit:contain;flex:0 0 44px;border-radius:3px}
html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .ki-menu-group .iot-menu-links{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-left:0!important}
html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .ki-menu-group .iot-menu-links li{height:auto!important;min-height:58px!important;width:100%!important;opacity:1!important}
html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .ki-menu-group .iot-menu-links a{height:auto!important;min-height:58px!important;gap:12px!important}
body.systemwissen-hub-page .rubric-switch-overview .rubric-tabs{color:#173a31}
body.systemwissen-hub-page .rubric-switch-overview .ki-overview-media{background:#0e1416!important}
body.systemwissen-hub-page .rubric-switch-overview .ki-overview-media img{object-fit:contain!important;opacity:1!important;mix-blend-mode:normal!important}
body.systemwissen-hub-page .rubric-switch-overview .iot-rail-controls{display:none!important}
@media(min-width:1001px){
 body.systemwissen-hub-page .rubric-switch-overview .rubric-tabs{height:28px;padding:0}
 body.systemwissen-hub-page .rubric-switch-overview .iot-overview-inner{padding-top:0!important;height:164px!important}
 body.systemwissen-hub-page .rubric-switch-overview .rubric-panel{height:164px}
}
@media(max-width:1000px){
 body.systemwissen-hub-page .rubric-switch-overview .rubric-tabs{padding:0 0 14px;gap:18px}
 body.systemwissen-hub-page .rubric-switch-overview .rubric-tabs button{font-size:15px}
 body.systemwissen-hub-page .rubric-switch-overview .iot-overview-inner{width:100%!important}
}
@media(max-width:860px){
 .rubric-tabs{gap:18px}.rubric-tabs [role=tab]{font-size:15px}
 .rubric-switch-menu{width:100%;margin:0}
 .rubric-switch-menu .iot-menu-group{margin-top:0!important}
}
html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .ki-menu-group .iot-menu-links a{display:flex!important;flex-direction:row!important;align-items:center!important}

/* Original EPS illustration; article header and technical figure stay intact. */
.ki-original-figure{width:min(100%,360px);margin:0 auto 32px;background:#0e1416;border-radius:4px;overflow:hidden}
.ki-original-figure img{display:block;width:min(100%,360px);height:auto;margin:0 auto}

/* Block664 D1/D2: labels remain accessible; rubric names appear as tabs. */
body.systemwissen-hub-page .rubric-switch-overview .iot-overview-head .lexicon-shelf-title,
html body .site-header .knowledge-mega .rubric-switch-menu .iot-menu-copy > strong{
 position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;
 padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
 clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}
/* D3: the direct link is the menu grid item (no overview class on it). */
html body .site-header .knowledge-mega .knowledge-feature > a{align-self:center!important}
/* D4: preserve full labels, horizontal scrolling when necessary. */
.rubric-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.rubric-tabs [role=tab]{white-space:nowrap;flex-shrink:0}
@media(min-width:1001px){
 body.systemwissen-hub-page .rubric-switch-overview.iot-overview-feature{height:172px!important}
 body.systemwissen-hub-page .rubric-switch-overview .iot-overview-inner{height:144px!important;grid-template-rows:56px 76px!important}
 body.systemwissen-hub-page .rubric-switch-overview .rubric-panel{height:144px}
 body.systemwissen-hub-page .rubric-switch-overview .iot-overview-head{align-self:start!important;padding-top:3px!important}
}
@media(min-width:861px){
 html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .iot-menu-group{
  height:116px!important;min-height:116px!important;max-height:116px!important;
 }
}
@media(max-width:860px){
 .rubric-switch-menu .rubric-tabs{gap:8px;overscroll-behavior-x:contain}
 .rubric-switch-menu .rubric-tabs [role=tab]{font-size:14px}
}

/* Block664 correction: no vertical tab scrollbar; complete mobile labels. */
.rubric-tabs{overflow-y:hidden;padding-bottom:2px}
@media(min-width:1001px){
 body.systemwissen-hub-page .rubric-switch-overview .rubric-tabs{padding-bottom:2px}
}
@media(max-width:600px){
 body.systemwissen-hub-page .rubric-switch-overview .rubric-tabs{gap:12px}
 body.systemwissen-hub-page .rubric-switch-overview .rubric-tabs button{font-size:14px}
}
@media(max-width:860px){
 .rubric-switch-menu .rubric-tabs{flex-wrap:wrap;overflow:visible;row-gap:2px}
}

/* Hannes: stronger rubric selectors, complete labels at all widths. */
.rubric-tabs [role=tab]{font-size:18px!important;font-weight:700;opacity:1;line-height:1.35}
.rubric-tabs{flex-wrap:wrap;overflow:visible;column-gap:22px;row-gap:4px}
.rubric-tabs [role=tab][aria-selected=true]{border-bottom-width:3px}
body.systemwissen-hub-page .rubric-switch-overview .rubric-tabs{height:auto;min-height:38px;padding-bottom:2px;gap:4px 22px}
@media(min-width:1001px){
 body.systemwissen-hub-page .rubric-switch-overview.iot-overview-feature{height:182px!important}
}
@media(max-width:860px){
 .rubric-switch-menu .rubric-tabs{gap:4px 18px}
}
@media(max-width:600px){
 .rubric-tabs [role=tab]{font-size:17px!important}
 body.systemwissen-hub-page .rubric-switch-overview .rubric-tabs{gap:4px 16px}
}

/* R2: preserve one menu tab row at intermediate desktop widths. */
@media(min-width:861px) and (max-width:1100px){
 .rubric-switch-menu .rubric-tabs [role=tab]{font-size:16px!important}
}
@media(min-width:861px) and (max-width:1100px){
 .rubric-switch-menu .rubric-tabs{column-gap:12px}
 html[lang="en"] .rubric-switch-menu .rubric-tabs [role=tab]{font-size:15px!important}
}
@media(min-width:1101px) and (max-width:1199px){html[lang="en"] .rubric-switch-menu .rubric-tabs [role=tab]{font-size:15px!important}}


/* Source: navigation-detail-v667.css */
/* Block 667: centre the mobile label in the chain; position its arrow independently. */
@media(max-width:860px){
 html body .site-header .knowledge-mega .knowledge-feature>a{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:0!important;padding:8px 0!important;min-height:64px!important;position:relative!important;margin-bottom:16px!important}
 html body .site-header .knowledge-mega .knowledge-feature>a>span[aria-hidden="true"]{display:block!important;position:absolute!important;top:calc(50% + 20px)!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;line-height:1!important;font-size:18px!important;flex:none!important}
}

/* The AI rubric now contains two equal text links, not an IoT focus stack. */
html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .ki-menu-group .iot-menu-links{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;padding:0!important}
html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .ki-menu-group .iot-menu-links li{position:static!important;order:0!important;display:block!important;height:36px!important;min-height:36px!important;max-height:36px!important;transform:none!important;opacity:1!important}
html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .ki-menu-group .iot-menu-links li a{min-height:36px!important;height:36px!important;max-height:36px!important;padding:6px 8px!important;font-size:14px!important;font-weight:400!important;background:transparent!important;border-color:transparent!important;transform:none!important}
html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .ki-menu-group .iot-menu-links .iot-link-title{font-size:14px!important;line-height:1.3!important;white-space:normal!important}
html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .ki-menu-group .iot-menu-links a:hover,html body .site-header .knowledge-mega .knowledge-feature .rubric-switch-menu .ki-menu-group .iot-menu-links a:focus-visible{color:#e5c77c!important;background:rgba(203,183,127,.08)!important}