/* ==========================================================================
   Stillpoint · Produktseite (Eigenentwicklung SentralTech)
   Brandkit v1: Ink #12181F · Bone #F3F0E8 · Amber #E0892F (Punkt/Akzent) ·
   Slate #50565E. Schrift: Space Grotesk (SIL Open Font License, selbst gehostet).
   Nur auf /loesungen/stillpoint/ geladen.
   ========================================================================== */

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin-wght.20260928.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin-ext-wght.20260928.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

.stillpoint-theme {
  --sp-ink: #12181f;
  --sp-ink-2: #1a222b;
  --sp-ink-3: #0d1217;
  --sp-bone: #f3f0e8;
  --sp-amber: #e0892f;
  --sp-amber-soft: #f3c58f;
  --sp-amber-ink: #9a4f0e;
  --sp-slate: #50565e;
  --sp-mist: #c9cdd2;
  --sp-dim: #9aa3ad;
  --sp-font: "Space Grotesk", var(--font-sans);
}

/* Überschriften in der Markenschrift */
.stillpoint-page :is(h1, h2, h3),
.stillpoint-page .manufacturer-signature__meta h3 { font-family: var(--sp-font); letter-spacing: -.035em; }
.stillpoint-page .inner-hero__copy h1 { letter-spacing: -.045em; font-weight: 600; }

/* Mono-Labels auf hellen Flächen: Amber-Tinte statt Blau (Kontrast ≥ 5 : 1) */
.stillpoint-page .section .system-label,
.stillpoint-page .section .system-label--blue { color: var(--sp-amber-ink); }

/* --------------------------------------------------------------------------
   1 · Hero: Ink mit ruhigen Ringen (der „stille Punkt“)
   -------------------------------------------------------------------------- */
.stillpoint-page .inner-hero {
  background:
    radial-gradient(circle at 79% 30%, #e0892f2b, transparent 33%),
    radial-gradient(circle at 8% 104%, #e0892f14, transparent 38%),
    linear-gradient(140deg, var(--sp-ink-3) 0%, var(--sp-ink) 52%, #19212a 100%);
}
.stillpoint-page .inner-hero__grid {
  background-image: repeating-radial-gradient(circle at 78% 46%, transparent 0 71px, #f3f0e80d 72px 73px, transparent 74px 136px);
  -webkit-mask-image: linear-gradient(90deg, transparent 18%, #000 62%);
  mask-image: linear-gradient(90deg, transparent 18%, #000 62%);
}
.stillpoint-page .inner-hero__copy h1::after { background: linear-gradient(90deg, var(--sp-amber), #e0892f00); }
.stillpoint-page .inner-hero__copy > p { color: #d9dcdf; }
.stillpoint-page .inner-hero__copy > .stillpoint-new-badge { margin-left: 12px; vertical-align: 1px; }

.stillpoint-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin-top: 34px; }
.stillpoint-page .button--light { background: var(--sp-amber); border-color: var(--sp-amber); color: var(--sp-ink); }
.stillpoint-page .button--light:hover,
.stillpoint-page .button--light:focus-visible { background: #ec9a45; border-color: #ec9a45; color: var(--sp-ink); }
.stillpoint-page .text-link--light { color: var(--sp-bone); }

/* Intro-Choreografie: Badge + Aktionen folgen Label und Lead */
html.st-hold .stillpoint-page .inner-hero__copy > :is(.stillpoint-new-badge, .stillpoint-hero__actions) { opacity: 0; }
html.st-motion .stillpoint-page .inner-hero__copy > .stillpoint-new-badge { animation: st-up .6s var(--st-ease) .3s backwards; }
html.st-motion .stillpoint-page .inner-hero__copy > .stillpoint-hero__actions { animation: st-up .8s var(--st-ease) .8s backwards; }

@media (min-width: 981px) {
  .stillpoint-page .inner-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(460px, .95fr); align-items: center; gap: clamp(40px, 5vw, 80px); }
  .stillpoint-page .inner-hero__copy h1 { font-size: clamp(2.9rem, 4.3vw, 4.4rem); }
}
@media (min-width: 981px) and (max-width: 1180px) {
  .stillpoint-page .inner-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(420px, .95fr); }
}
@media (max-width: 980px) {
  .stillpoint-page .inner-hero__layout { grid-template-columns: minmax(0, 1fr); gap: 44px; }
  .stillpoint-page .inner-hero__side { width: 100%; max-width: 680px; }
}
@media (max-width: 600px) {
  /* „Krisenmanagement“ passt als ganzes Wort in die Zeile (ab 320 px) */
  body #main-content.stillpoint-page .inner-hero__copy h1 {
    font-size: min(2.7rem, calc((100vw - 48px) / 8.8)); line-height: 1.04;
    overflow-wrap: normal; -webkit-hyphens: manual; hyphens: manual;
  }
}

/* --------------------------------------------------------------------------
   2 · „Activate a Crisis“ – Beispielansicht der Oberfläche
   -------------------------------------------------------------------------- */
.stillpoint-console {
  position: relative; isolation: isolate; width: 100%; margin: 0; overflow: hidden;
  color: var(--sp-bone); background: var(--sp-ink);
  border: 1px solid #f3f0e829; border-radius: 3px 22px 3px 3px;
  box-shadow: 0 30px 70px #0000007a, 0 0 0 1px #00000052;
}
.stillpoint-console::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(#f3f0e806 1px, transparent 1px), linear-gradient(90deg, #f3f0e806 1px, transparent 1px);
  background-size: 28px 28px;
}
.stillpoint-console__head {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px;
  min-height: 52px; padding: 10px 14px; background: var(--sp-ink-3); border-bottom: 1px solid #f3f0e81f;
}
.stillpoint-console__brand {
  display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
  color: var(--sp-bone); font-family: var(--sp-font); font-size: .74rem; font-weight: 600; letter-spacing: .16em;
}
.stillpoint-console__mark { width: 18px; height: 18px; }
.stillpoint-console__head > strong {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;
  color: var(--sp-mist); font-family: var(--font-mono); font-size: .64rem; font-weight: 650; letter-spacing: .1em;
}
.stillpoint-console__head > small { color: var(--sp-dim); font-family: var(--font-mono); font-size: .6rem; letter-spacing: .08em; white-space: nowrap; }

.stillpoint-console__body { display: grid; gap: 12px; padding: 18px 16px; }
.stillpoint-console__title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; }
.stillpoint-console__title > strong { color: var(--sp-bone); font-family: var(--sp-font); font-size: 1.4rem; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; }
.stillpoint-console__title > span {
  display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px;
  border: 1px solid #e0892f66; border-radius: 999px; color: var(--sp-amber-soft);
  font-family: var(--font-mono); font-size: .6rem; font-weight: 650; letter-spacing: .1em; white-space: nowrap;
}
.stillpoint-console__title > span i { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--sp-amber); animation: sp-blink 2.4s ease-in-out infinite; }
.stillpoint-console__label { margin: 4px 0 0; color: var(--sp-dim); font-family: var(--font-mono); font-size: .6rem; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }

.stillpoint-playbooks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.stillpoint-playbooks li {
  position: relative; display: grid; align-content: end; gap: 3px; min-width: 0; min-height: 88px; padding: 12px 10px 10px;
  background: var(--sp-ink-2); border: 1px solid #f3f0e821; border-radius: 3px 12px 3px 3px;
}
.stillpoint-playbooks li > i { position: absolute; top: 11px; right: 10px; width: 15px; height: 15px; border: 2px solid #f3f0e84d; border-radius: 50%; }
.stillpoint-playbooks strong { color: var(--sp-bone); font-family: var(--sp-font); font-size: 1rem; font-weight: 600; line-height: 1.15; }
.stillpoint-playbooks small { color: var(--sp-dim); font-size: .68rem; line-height: 1.3; overflow-wrap: anywhere; }
.stillpoint-playbooks li.is-selected { border-color: var(--sp-amber); background: linear-gradient(160deg, #e0892f33, var(--sp-ink-2) 72%); box-shadow: inset 0 0 0 1px #e0892f59; }
.stillpoint-playbooks li.is-selected > i { border-color: var(--sp-bone); }
.stillpoint-playbooks li.is-selected > i::after { content: ""; position: absolute; inset: 2.5px; border-radius: 50%; background: var(--sp-amber); animation: sp-point 3.2s ease-in-out infinite; }
.stillpoint-playbooks li.is-selected small { color: var(--sp-amber-soft); }

.stillpoint-console__grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 10px; margin-top: 2px; }
.stillpoint-console__roster,
.stillpoint-console__decision { display: grid; align-content: start; gap: 9px; min-width: 0; padding: 12px; background: #0f1419; border: 1px solid #f3f0e81a; }
.stillpoint-console__grid .stillpoint-console__label { margin: 0; }
.stillpoint-console__roster ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.stillpoint-console__roster li { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-width: 0; }
.stillpoint-console__roster b {
  display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%;
  background: #252e38; color: var(--sp-bone); font-family: var(--font-mono); font-size: .58rem; font-weight: 700;
}
.stillpoint-console__roster li span { overflow: hidden; color: #e6e3dc; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.stillpoint-console__roster em { color: var(--sp-mist); font-family: var(--font-mono); font-size: .58rem; font-style: normal; font-weight: 650; letter-spacing: .08em; }
.stillpoint-console__roster li.is-wait b { box-shadow: 0 0 0 1.5px var(--sp-amber); }
.stillpoint-console__roster li.is-wait em { color: var(--sp-amber-soft); animation: sp-blink 2.4s ease-in-out .6s infinite; }
.stillpoint-console__more { margin: 1px 0 0; color: var(--sp-dim); font-family: var(--font-mono); font-size: .6rem; letter-spacing: .06em; }

.stillpoint-decision { display: grid; gap: 7px; padding: 10px; background: #e0892f14; border-left: 2px solid var(--sp-amber); }
.stillpoint-decision small { color: var(--sp-amber-soft); font-family: var(--font-mono); font-size: .58rem; font-weight: 650; letter-spacing: .1em; }
.stillpoint-decision strong { color: var(--sp-bone); font-size: .78rem; font-weight: 620; line-height: 1.32; }
.stillpoint-decision__actions { display: flex; flex-wrap: wrap; gap: 6px; }
.stillpoint-decision__actions b {
  padding: 4px 9px; border: 1px solid #f3f0e838; border-radius: 3px; color: var(--sp-mist);
  font-family: var(--font-mono); font-size: .6rem; font-weight: 700; letter-spacing: .06em;
}
.stillpoint-decision__actions b:first-child { background: var(--sp-amber); border-color: var(--sp-amber); color: var(--sp-ink); }
.stillpoint-decision em { color: var(--sp-dim); font-size: .66rem; font-style: normal; }

.stillpoint-console__legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; background: var(--sp-bone); color: var(--sp-ink); }
.stillpoint-console__legend li { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; min-width: 0; min-height: 58px; padding: 11px 14px; border-right: 1px solid #12181f1f; }
.stillpoint-console__legend li:last-child { border-right: 0; }
.stillpoint-console__legend span { color: var(--sp-amber-ink); font-family: var(--font-mono); font-size: .64rem; font-weight: 750; letter-spacing: .08em; }
.stillpoint-console__legend strong { overflow-wrap: anywhere; font-family: var(--sp-font); font-size: .9rem; font-weight: 600; line-height: 1.2; }

@keyframes sp-blink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes sp-point { 0%, 100% { transform: scale(1); } 50% { transform: scale(.6); } }

/* Deko läuft nur sichtbar (Motion-Layer setzt .st-vis) und nie bei reduzierter Bewegung */
.stillpoint-console:not(.st-vis) :is(*, *::after) { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .stillpoint-console :is(*, *::after) { animation: none !important; }
}

@media (max-width: 600px) {
  .stillpoint-console__head { grid-template-columns: minmax(0, 1fr) auto; }
  .stillpoint-console__head > strong { grid-area: 2 / 1 / auto / -1; text-align: left; }
  .stillpoint-console__body { padding-inline: 13px; }
  .stillpoint-console__title > strong { font-size: 1.25rem; }
  .stillpoint-playbooks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stillpoint-playbooks li { min-height: 76px; }
  .stillpoint-console__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  .stillpoint-console__legend { grid-template-columns: minmax(0, 1fr); }
  .stillpoint-console__legend li { min-height: 46px; border-right: 0; border-bottom: 1px solid #12181f1f; }
  .stillpoint-console__legend li:last-child { border-bottom: 0; }
}

/* --------------------------------------------------------------------------
   3 · Leiste 01–04 und Systemsignatur
   -------------------------------------------------------------------------- */
.stillpoint-page .brand-rail { background: var(--sp-bone); border-bottom-color: #12181f1a; }
.stillpoint-page .brand-rail span { color: var(--sp-ink); font-family: var(--sp-font); font-weight: 600; border-color: #12181f17; }
.stillpoint-page .brand-rail span small { color: var(--sp-amber-ink); font-family: var(--font-mono); }

.stillpoint-page .manufacturer-signature__meta {
  background: radial-gradient(circle at 8% 12%, #e0892f29, transparent 46%), linear-gradient(145deg, var(--sp-ink-2), var(--sp-ink) 72%);
}
.stillpoint-page .manufacturer-signature__meta h3 { font-weight: 600; }

/* --------------------------------------------------------------------------
   4 · Funktionsbereiche
   -------------------------------------------------------------------------- */
.stillpoint-modules { background: var(--sp-bone); }
.stillpoint-modules__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #fff; border: 1px solid #12181f1f; }
.stillpoint-modules__grid article {
  position: relative; display: grid; align-content: start; min-width: 0;
  padding: clamp(26px, 2.8vw, 40px) clamp(20px, 2.2vw, 30px) clamp(28px, 3vw, 42px);
  border-right: 1px solid #12181f1a; transition: background var(--motion-fast, .18s);
}
.stillpoint-modules__grid article:last-child { border-right: 0; }
.stillpoint-modules__grid article::before { content: ""; position: absolute; top: -1px; left: -1px; width: 64px; height: 3px; background: var(--sp-amber); }
.stillpoint-modules__grid article:hover { background: #fbf9f4; }
@media (min-width: 1101px) { .stillpoint-modules__grid h3 { min-height: 2.3em; } }
.stillpoint-modules__grid article > span {
  justify-self: start; display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 26px; padding: 5px 8px;
  border: 1px solid #e0892f8c; border-radius: 3px 9px; background: var(--sp-bone); color: var(--sp-amber-ink);
  font-family: var(--font-mono); font-size: .66rem; font-weight: 780; letter-spacing: .06em;
}
.stillpoint-modules__grid h3 { margin: 42px 0 12px; color: var(--sp-ink); font-size: clamp(1.3rem, 1.7vw, 1.55rem); font-weight: 600; line-height: 1.15; text-wrap: balance; }
.stillpoint-modules__grid p { margin: 0; color: var(--sp-slate); font-size: .98rem; line-height: 1.68; }
@media (max-width: 1100px) {
  .stillpoint-modules__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stillpoint-modules__grid article:nth-child(2) { border-right: 0; }
  .stillpoint-modules__grid article:nth-child(-n + 2) { border-bottom: 1px solid #12181f1a; }
}
@media (max-width: 640px) {
  .stillpoint-modules__grid { grid-template-columns: minmax(0, 1fr); }
  .stillpoint-modules__grid article { border-right: 0; border-bottom: 1px solid #12181f1a; }
  .stillpoint-modules__grid article:last-child { border-bottom: 0; }
  .stillpoint-modules__grid h3 { margin-top: 28px; }
}

/* --------------------------------------------------------------------------
   5 · Einordnung & Technologie-Profil
   -------------------------------------------------------------------------- */
.stillpoint-advisory { background: #fff; }
.stillpoint-page .role-grid .check-list svg { color: var(--sp-amber-ink); stroke: var(--sp-amber-ink); }
.stillpoint-page .source-card {
  background: radial-gradient(circle at 92% 6%, #e0892f2e, transparent 40%), var(--sp-ink);
  border-color: var(--sp-ink); border-top-color: var(--sp-amber);
}
.stillpoint-page .source-card .system-label { color: var(--sp-amber-soft); }
.stillpoint-profile__wordmark { display: block; width: min(270px, 100%); height: auto; margin: 34px 0 16px; }
.stillpoint-page .source-card .stillpoint-profile__claim {
  margin: 0 0 22px; color: var(--sp-amber-soft); font-family: var(--font-mono); font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; line-height: 1.5;
}
.stillpoint-page .source-card p { color: var(--sp-mist); }
.stillpoint-page .source-card .button--dark { background: var(--sp-amber); border-color: var(--sp-amber); color: var(--sp-ink); }
.stillpoint-page .source-card .button--dark:hover,
.stillpoint-page .source-card .button--dark:focus-visible { background: #ec9a45; border-color: #ec9a45; color: var(--sp-ink); }

/* --------------------------------------------------------------------------
   6 · NIS2-Box (hervorgehoben)
   -------------------------------------------------------------------------- */
.stillpoint-nis2 { background: var(--sp-bone); scroll-margin-top: calc(var(--header-height, 76px) + 16px); }
.stillpoint-nis2__box {
  position: relative; isolation: isolate; overflow: hidden; padding: clamp(28px, 4.4vw, 60px);
  color: var(--sp-bone); background: radial-gradient(circle at 100% 0%, #e0892f26, transparent 42%), var(--sp-ink);
  border: 1px solid var(--sp-ink); border-top: 4px solid var(--sp-amber); border-radius: 3px 22px 3px 3px;
  box-shadow: 0 26px 50px -32px #12181f80;
}
.stillpoint-nis2__box::after {
  content: ""; position: absolute; z-index: -1; top: -110px; right: -110px; width: 320px; height: 320px;
  border: 56px solid #f3f0e808; border-radius: 50%; pointer-events: none;
}
.stillpoint-nis2__labels { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.stillpoint-page .stillpoint-nis2__box .system-label { color: var(--sp-amber-soft); }
.stillpoint-nis2__directive {
  padding: 4px 8px; border-radius: 3px; background: var(--sp-amber); color: var(--sp-ink);
  font-family: var(--font-mono); font-size: .68rem; font-weight: 750; letter-spacing: .08em; white-space: nowrap;
}
.stillpoint-nis2__head h2 { max-width: 920px; margin: 20px 0 18px; color: var(--sp-bone); font-size: clamp(2rem, 3.6vw, 3.4rem); font-weight: 600; line-height: 1.04; text-wrap: balance; }
.stillpoint-nis2__head p { max-width: 880px; margin: 0; color: var(--sp-mist); font-size: 1.04rem; line-height: 1.75; }
.stillpoint-nis2__table { margin-top: clamp(28px, 3.4vw, 44px); overflow: hidden; border: 1px solid #f3f0e82e; border-radius: 3px 14px 3px 3px; }
.stillpoint-nis2 table { width: 100%; border-collapse: collapse; }
.stillpoint-nis2 thead th {
  padding: 13px 20px; background: var(--sp-amber); color: var(--sp-ink); text-align: left;
  font-family: var(--font-mono); font-size: .72rem; font-weight: 780; letter-spacing: .1em; text-transform: uppercase;
}
.stillpoint-nis2 tbody tr { border-top: 1px solid #f3f0e81f; transition: background var(--motion-fast, .18s); }
.stillpoint-nis2 tbody tr:first-child { border-top: 0; }
.stillpoint-nis2 tbody tr:nth-child(even) { background: #f3f0e806; }
.stillpoint-nis2 tbody tr:hover { background: #e0892f12; }
.stillpoint-nis2 tbody th { width: 41%; padding: 19px 20px; text-align: left; vertical-align: top; font-weight: 500; border-right: 1px solid #f3f0e814; }
.stillpoint-nis2__ref { display: block; margin-bottom: 6px; color: var(--sp-amber); font-family: var(--font-mono); font-size: .76rem; font-weight: 750; letter-spacing: .06em; }
.stillpoint-nis2__topic { display: block; color: var(--sp-bone); font-family: var(--sp-font); font-size: 1.04rem; font-weight: 600; line-height: 1.35; }
.stillpoint-nis2 tbody td { padding: 19px 20px; color: #dcdedf; line-height: 1.62; vertical-align: top; }
.stillpoint-nis2__foot {
  max-width: 1000px; margin: 24px 0 0; padding-top: 18px; border-top: 1px dashed #f3f0e833;
  color: #b3b9c0; font-size: .92rem; line-height: 1.68;
}
@media (max-width: 760px) {
  .stillpoint-nis2 thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .stillpoint-nis2 :is(table, tbody, tr, th, td) { display: block; width: auto; }
  .stillpoint-nis2 tbody th { width: auto; padding: 16px 16px 8px; border-right: 0; }
  .stillpoint-nis2 tbody td { padding: 0 16px 16px; }
  .stillpoint-nis2 tbody td::before {
    content: attr(data-label); content: attr(data-label) / "";
    display: block; margin-bottom: 4px; color: var(--sp-amber-soft);
    font-family: var(--font-mono); font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  }
}

/* Übung (WarroomX) ↔ Live-Betrieb (Stillpoint) */
.stillpoint-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
.stillpoint-split__item {
  display: grid; align-content: start; gap: 7px; min-width: 0; padding: 20px 22px;
  color: var(--sp-ink); text-decoration: none; background: #fff;
  border: 1px solid #12181f1f; border-radius: 3px 14px 3px 3px;
}
.stillpoint-split__item small { color: var(--sp-slate); font-family: var(--font-mono); font-size: .66rem; font-weight: 750; letter-spacing: .12em; }
.stillpoint-split__item strong { display: flex; align-items: center; gap: 10px; font-family: var(--sp-font); font-size: 1.2rem; font-weight: 600; letter-spacing: -.02em; }
.stillpoint-split__item > span { color: var(--sp-slate); line-height: 1.62; }
.stillpoint-split__item em {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; color: #0a5a80;
  font-family: var(--font-mono); font-size: .7rem; font-style: normal; font-weight: 750; letter-spacing: .08em;
}
.stillpoint-split__item em svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--motion-fast, .18s); }
.stillpoint-split__item--warroom { border-left: 3px solid #c25a1e; transition: background var(--motion-fast, .18s), border-color var(--motion-fast, .18s); }
.stillpoint-split__item--warroom:hover,
.stillpoint-split__item--warroom:focus-visible { background: #fdf8f4; border-color: #c25a1e59; border-left-color: #c25a1e; }
.stillpoint-split__item--warroom:hover em svg { transform: translateX(3px); }
.stillpoint-split__item--warroom em { color: #a84a14; }
.stillpoint-split__item--warroom .warroomx-glyph { width: 22px; height: 22px; }
.stillpoint-split__item--stillpoint { background: var(--sp-ink); border-color: var(--sp-ink); border-left: 3px solid var(--sp-amber); color: var(--sp-bone); }
.stillpoint-split__item--stillpoint small { color: var(--sp-amber-soft); }
.stillpoint-split__item--stillpoint > span { color: var(--sp-mist); }
.stillpoint-split__item--stillpoint .stillpoint-glyph { width: 22px; height: 22px; }
.stillpoint-nis2__more { margin: 24px 0 0; }
.stillpoint-page .stillpoint-nis2__more .text-link { color: var(--sp-amber-ink); }
@media (max-width: 760px) {
  .stillpoint-split { grid-template-columns: minmax(0, 1fr); }
}

/* --------------------------------------------------------------------------
   7 · Abschluss
   -------------------------------------------------------------------------- */
.stillpoint-page .next-services { border-top: 0; }
.stillpoint-page .next-technologies__heading h2 { font-weight: 600; }
.stillpoint-page .next-technologies a:hover strong,
.stillpoint-page .next-technologies a:focus-visible strong { color: var(--sp-amber-ink); }
.stillpoint-cta { background: radial-gradient(circle at 84% 100%, #e0892f38, transparent 42%), var(--sp-ink); }
.stillpoint-cta .consultation-cta__signal i { border-color: #f3f0e824; }
.stillpoint-cta .system-label--cyan { color: var(--sp-amber-soft); }

/* --------------------------------------------------------------------------
   Einblick: Produkt-Tour mit Originalscreenshots (Grundgerüst in product-tour.*.css)
   -------------------------------------------------------------------------- */
.stillpoint-theme {
  --pt-light: #f3f0e8; --pt-ink: #12181f; --pt-deep: #0d1217; --pt-bar: #0a0e12; --pt-canvas: #eef1f5;
  --pt-accent: #e0892f; --pt-accent-strong: #c47420; --pt-accent-bright: #e0892f; --pt-accent-soft: #f3c58f; --pt-accent-pale: #f8dcb8;
  --pt-mist: #c9cdd2; --pt-dim: #9aa3ad; --pt-slate: #6b737c; --pt-foot: #8d969f;
  --pt-pin-bg: #e0892f; --pt-pin-fg: #12181f; --pt-btn-bg: #e0892f; --pt-btn-fg: #12181f;
  --pt-ratio: 1600 / 970; --pt-font: var(--sp-font);
}
.stillpoint-tour-section {
  position: relative; overflow: hidden; color: var(--sp-bone); scroll-margin-top: calc(var(--header-height, 76px) + 8px);
  background:
    radial-gradient(circle at 12% 0%, #e0892f1f, transparent 36%),
    radial-gradient(circle at 94% 100%, #e0892f14, transparent 40%),
    linear-gradient(165deg, var(--sp-ink-3) 0%, var(--sp-ink) 55%, #19212a 100%);
}
/* Konzentrische Ringe – das Stillpoint-Zeichen, ganz leise im Hintergrund */
.stillpoint-tour-section::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: repeating-radial-gradient(circle at 90% 8%, transparent 0 58px, #f3f0e80b 59px 60px, transparent 61px 120px);
  -webkit-mask-image: radial-gradient(circle at 90% 8%, #000 0, transparent 62%); mask-image: radial-gradient(circle at 90% 8%, #000 0, transparent 62%);
}
.stillpoint-tour-section > .shell { position: relative; }
.stillpoint-page .stillpoint-tour-section .system-label { color: var(--sp-amber-soft); }
.stillpoint-tour-section .section-heading h2 { color: #fff; }
.stillpoint-tour-section .section-heading p { color: var(--sp-mist); }
.stillpoint-tour-section .pt-shot__brand { font-family: var(--sp-font); letter-spacing: .16em; }