:root {
  color-scheme: dark;
  --dx-black: #03070f;
  --dx-navy-950: #071427;
  --dx-navy-900: #0c3775;
  --dx-blue-800: #0e4e96;
  --dx-blue-700: #1f65b3;
  --dx-blue-600: #2c89d0;
  --dx-blue-500: #3fa9f5;
  --dx-white: #f5f8fc;
  --dx-text: #edf4fb;
  --dx-text-muted: rgba(225, 236, 248, 0.72);
  --dx-border: rgba(88, 159, 232, 0.24);
  --dx-border-strong: rgba(114, 181, 248, 0.42);
  --dx-shadow: 0 30px 80px rgba(3, 7, 15, 0.65);
  --dx-shadow-soft: 0 20px 50px rgba(8, 24, 54, 0.34);
  --dx-panel: linear-gradient(160deg, rgba(10, 24, 52, 0.82), rgba(5, 14, 31, 0.92));
  --dx-panel-strong: linear-gradient(160deg, rgba(12, 31, 66, 0.9), rgba(4, 10, 23, 0.96));
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  --dx-sitebackdrop-accent-rgb: var(--dx-module-accent-rgb, 63, 169, 245);
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 10% 4%, rgba(77, 170, 247, 0.24), transparent 26%),
    radial-gradient(circle at 82% 10%, rgba(29, 102, 179, 0.28), transparent 30%),
    radial-gradient(circle at 50% 32%, rgba(14, 78, 150, 0.2), transparent 38%),
    linear-gradient(180deg, #07101d 0%, #0a1930 28%, #071427 56%, #03070f 100%);
  color: var(--dx-text);
}

body {
  position: relative;
}

.dx-page-shell {
  width: 100%;
}

/* Globaler, fixer Basis-Hintergrund fuer alle Seiten. */
#dx-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(3, 7, 15, 0.9), rgba(4, 10, 23, 0.92)),
    radial-gradient(circle at 18% 16%, rgba(40, 124, 208, 0.18), transparent 26%),
    radial-gradient(circle at 82% 12%, rgba(19, 84, 164, 0.16), transparent 24%),
    radial-gradient(circle at 50% 78%, rgba(76, 188, 255, 0.08), transparent 30%);
}

#dx-background::before,
#dx-background::after {
  content: "";
  position: absolute;
  inset: -18%;
  pointer-events: none;
}

#dx-background::before {
  background:
    radial-gradient(circle at 14% 28%, rgba(102, 208, 255, 0.16), transparent 20%),
    radial-gradient(circle at 74% 22%, rgba(116, 170, 255, 0.14), transparent 22%),
    radial-gradient(circle at 58% 78%, rgba(132, 242, 255, 0.1), transparent 20%),
    linear-gradient(125deg, rgba(63, 169, 245, 0.08), rgba(63, 169, 245, 0) 34%, rgba(131, 205, 255, 0.06) 56%, rgba(63, 169, 245, 0) 72%);
  filter: blur(42px) saturate(1.08);
  opacity: 0.88;
  animation: dx-background-drift 22s ease-in-out infinite alternate;
}

#dx-background::after {
  background-image:
    linear-gradient(rgba(88, 174, 240, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(88, 174, 240, 0.08) 1px, transparent 1px),
    linear-gradient(135deg, rgba(163, 226, 255, 0.1), rgba(163, 226, 255, 0) 42%, rgba(83, 166, 235, 0.08) 62%, rgba(83, 166, 235, 0) 78%);
  background-size: 90px 90px, 90px 90px, 200% 200%;
  background-position: 0 0, 0 0, 0% 50%;
  mask-image: radial-gradient(circle at center, black 24%, transparent 88%);
  opacity: 0.22;
  mix-blend-mode: screen;
  animation: dx-background-grid-shift 30s linear infinite;
}

@keyframes dx-background-drift {
  0% {
    transform: translate3d(-2%, -1%, 0) scale(1);
  }
  100% {
    transform: translate3d(2%, 1.5%, 0) scale(1.06);
  }
}

@keyframes dx-background-grid-shift {
  0% {
    transform: translate3d(0, 0, 0);
    background-position: 0 0, 0 0, 0% 50%;
  }
  50% {
    transform: translate3d(0.8%, -0.6%, 0);
    background-position: 24px 18px, -18px 24px, 100% 50%;
  }
  100% {
    transform: translate3d(0, 0, 0);
    background-position: 0 0, 0 0, 0% 50%;
  }
}

@media (max-width: 767px) {
  #dx-background::before {
    filter: blur(34px) saturate(1.04);
    opacity: 0.74;
  }

  #dx-background::after {
    background-size: 72px 72px, 72px 72px, 180% 180%;
    opacity: 0.16;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

button,
input,
textarea,
select {
  font: inherit;
}

/* Zusatz-Layer fuer Grid, Atmosphaere und Cursor-Reveal auf den Landing-/Support-Seiten. */
.dx-background-grid,
.dx-background-detail,
.dx-background-noise,
.dx-global-network,
.dx-global-network__canvas,
.dx-sitebackdrop,
.dx-atmosphere,
.dx-cursor-reveal {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

.dx-global-network {
  z-index: 1;
  overflow: hidden;
  isolation: isolate;
  opacity: 1;
}

.dx-global-network__canvas {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
}

.dx-sitebackdrop {
  z-index: 0;
  overflow: hidden;
  isolation: isolate;
}

.dx-sitebackdrop__orb,
.dx-sitebackdrop__beam,
.dx-sitebackdrop__halo {
  position: absolute;
  will-change: transform, opacity;
}

.dx-sitebackdrop__orb {
  border-radius: 50%;
  mix-blend-mode: screen;
  filter: blur(8px);
  opacity: 0.36;
  background:
    radial-gradient(circle, rgba(var(--dx-sitebackdrop-accent-rgb), 0.3) 0, rgba(var(--dx-sitebackdrop-accent-rgb), 0.18) 28%, transparent 68%);
}

.dx-sitebackdrop__orb--one {
  top: -16vh;
  left: -8vw;
  width: 34rem;
  height: 34rem;
  animation: dx-sitebackdrop-orb-one 24s ease-in-out infinite alternate;
}

.dx-sitebackdrop__orb--two {
  top: 18vh;
  right: -10vw;
  width: 28rem;
  height: 28rem;
  opacity: 0.3;
  animation: dx-sitebackdrop-orb-two 30s ease-in-out infinite alternate;
}

.dx-sitebackdrop__beam {
  inset: 8% auto auto 50%;
  width: min(42vw, 34rem);
  height: 118vh;
  opacity: 0.16;
  transform: translateX(-50%) rotate(12deg);
  transform-origin: top center;
  background: linear-gradient(
    180deg,
    rgba(var(--dx-sitebackdrop-accent-rgb), 0) 0%,
    rgba(var(--dx-sitebackdrop-accent-rgb), 0.22) 20%,
    rgba(245, 248, 252, 0.12) 46%,
    rgba(var(--dx-sitebackdrop-accent-rgb), 0.08) 72%,
    rgba(var(--dx-sitebackdrop-accent-rgb), 0) 100%
  );
  clip-path: polygon(40% 0, 60% 0, 100% 100%, 0 100%);
  filter: blur(14px);
  animation: dx-sitebackdrop-beam 20s ease-in-out infinite alternate;
}

.dx-sitebackdrop__halo {
  inset: 12% 10% auto;
  height: 62vh;
  opacity: 0.24;
  background:
    radial-gradient(circle at 50% 40%, rgba(245, 248, 252, 0.08), transparent 16%),
    radial-gradient(circle at 50% 50%, rgba(var(--dx-sitebackdrop-accent-rgb), 0.2), transparent 58%);
  filter: blur(26px);
  animation: dx-sitebackdrop-halo 22s ease-in-out infinite alternate;
}

.dx-background-grid {
  z-index: 0;
  opacity: 0.42;
  background-image:
    linear-gradient(rgba(63, 169, 245, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(63, 169, 245, 0.04) 1px, transparent 1px);
  background-size: 86px 86px;
  mask-image: radial-gradient(circle at center, black 32%, transparent 92%);
}

.dx-background-detail {
  z-index: 0;
  opacity: 0.84;
  background-image:
    radial-gradient(circle, rgba(245, 248, 252, 0.18) 0 0.8px, transparent 1.1px),
    radial-gradient(circle, rgba(77, 170, 247, 0.22) 0 1px, transparent 1.4px),
    radial-gradient(circle at 14% 16%, rgba(77, 170, 247, 0.3), transparent 18%),
    radial-gradient(circle at 84% 18%, rgba(29, 102, 179, 0.26), transparent 22%),
    radial-gradient(circle at 52% 66%, rgba(14, 78, 150, 0.22), transparent 26%),
    radial-gradient(circle at 32% 86%, rgba(43, 134, 209, 0.16), transparent 20%);
  background-size: 28px 28px, 56px 56px, auto, auto, auto, auto;
  background-position: 0 0, 12px 16px, center, center, center, center;
  filter: saturate(1.15) brightness(1.05);
  animation: dx-detail-drift 24s ease-in-out infinite alternate;
}

.dx-background-noise {
  z-index: 1;
  opacity: 0.28;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.06), transparent 30%),
    radial-gradient(circle at 80% 0%, rgba(255, 255, 255, 0.05), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.04), transparent 28%);
  mix-blend-mode: soft-light;
  animation: dx-noise-shift 18s linear infinite alternate;
}

.dx-atmosphere {
  z-index: 1;
}

.dx-atmosphere__layer {
  position: absolute;
  inset: -10%;
  filter: blur(34px);
  opacity: 0.88;
  animation: dx-atmos-drift 28s ease-in-out infinite alternate;
}

.dx-atmosphere__layer--one {
  background:
    radial-gradient(circle at 16% 26%, rgba(77, 170, 247, 0.22), transparent 22%),
    radial-gradient(circle at 62% 12%, rgba(12, 55, 117, 0.26), transparent 28%);
}

.dx-atmosphere__layer--two {
  background:
    radial-gradient(circle at 74% 30%, rgba(29, 102, 179, 0.24), transparent 26%),
    radial-gradient(circle at 38% 72%, rgba(77, 170, 247, 0.16), transparent 22%);
  animation-duration: 34s;
  animation-direction: alternate-reverse;
}

.dx-atmosphere__layer--three {
  background:
    radial-gradient(circle at 30% 12%, rgba(14, 78, 150, 0.22), transparent 22%),
    radial-gradient(circle at 76% 80%, rgba(43, 134, 209, 0.18), transparent 24%);
  animation-duration: 40s;
}

.dx-cursor-reveal {
  z-index: 4;
  opacity: 0;
  transition: opacity 0.14s ease;
}

.dx-cursor-reveal::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.82;
  background-image:
    radial-gradient(circle, rgba(77, 170, 247, 0.34) 0 1px, transparent 1.35px);
  background-size: 20px 20px;
  background-position: 0 0;
  mask-image: radial-gradient(circle at var(--cursor-x, 50%) var(--cursor-y, 50%), rgba(0, 0, 0, 0.98) 0, rgba(0, 0, 0, 0.88) 92px, rgba(0, 0, 0, 0.26) 165px, transparent 260px);
  mix-blend-mode: screen;
  filter: saturate(1.14) brightness(1.03);
}

.dx-cursor-reveal::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.42;
  background:
    radial-gradient(circle at var(--cursor-x, 50%) var(--cursor-y, 50%), rgba(77, 170, 247, 0.14) 0, rgba(77, 170, 247, 0.08) 96px, rgba(77, 170, 247, 0.03) 170px, transparent 250px);
  mask-image: radial-gradient(circle at var(--cursor-x, 50%) var(--cursor-y, 50%), black 0, black 120px, transparent 240px);
  mix-blend-mode: screen;
}

.dx-cursor-reveal.active {
  opacity: 1;
}

.dx-landing-page .dx-cursor-reveal::before {
  opacity: 0.94;
  background-image:
    radial-gradient(circle, rgba(77, 170, 247, 0.48) 0 1.2px, transparent 1.6px);
  background-size: 18px 18px;
  mask-image: radial-gradient(circle at var(--cursor-x, 50%) var(--cursor-y, 50%), rgba(0, 0, 0, 0.99) 0, rgba(0, 0, 0, 0.92) 118px, rgba(0, 0, 0, 0.34) 210px, transparent 330px);
  filter: saturate(1.22) brightness(1.08);
}

.dx-landing-page .dx-cursor-reveal::after {
  opacity: 0.6;
  background:
    radial-gradient(circle at var(--cursor-x, 50%) var(--cursor-y, 50%), rgba(77, 170, 247, 0.2) 0, rgba(77, 170, 247, 0.12) 118px, rgba(77, 170, 247, 0.05) 210px, transparent 310px);
  mask-image: radial-gradient(circle at var(--cursor-x, 50%) var(--cursor-y, 50%), black 0, black 150px, transparent 290px);
}

.dx-page-shell {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(3, 7, 15, 0.08), rgba(3, 7, 15, 0.3)),
    radial-gradient(circle at top, rgba(12, 55, 117, 0.14), transparent 35%);
}

.dx-page-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(4, 10, 20, 0.06), rgba(3, 7, 15, 0.26) 42%, rgba(3, 7, 15, 0.5)),
    radial-gradient(circle at center, rgba(3, 7, 15, 0.02), rgba(3, 7, 15, 0.16) 65%, rgba(3, 7, 15, 0.38));
}

.dx-page-shell::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.88;
  background:
    radial-gradient(circle at 16% 16%, rgba(77, 170, 247, 0.18), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(29, 102, 179, 0.18), transparent 26%),
    radial-gradient(circle at 50% 48%, rgba(12, 55, 117, 0.14), transparent 40%);
  animation: dx-page-bloom 18s ease-in-out infinite alternate;
}

@keyframes dx-sitebackdrop-orb-one {
  0% {
    transform: translate3d(0, 0, 0) scale(0.94);
  }
  100% {
    transform: translate3d(8vw, 10vh, 0) scale(1.18);
  }
}

@keyframes dx-sitebackdrop-orb-two {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-10vw, 8vh, 0) scale(1.16);
  }
}

@keyframes dx-sitebackdrop-beam {
  0% {
    transform: translateX(-50%) rotate(8deg) scaleY(0.94);
    opacity: 0.12;
  }
  100% {
    transform: translateX(-50%) rotate(18deg) scaleY(1.04);
    opacity: 0.2;
  }
}

@keyframes dx-sitebackdrop-halo {
  0% {
    transform: translate3d(0, 0, 0) scale(0.96);
    opacity: 0.18;
  }
  100% {
    transform: translate3d(0, 4vh, 0) scale(1.04);
    opacity: 0.28;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dx-sitebackdrop__orb,
  .dx-sitebackdrop__beam,
  .dx-sitebackdrop__halo {
    animation: none;
  }
}

.dx-navbar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 60;
  display: flex;
  justify-content: center;
  padding: 1.25rem 3rem;
  transition: background 0.35s ease, backdrop-filter 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.dx-navbar.scrolled {
  background: rgba(6, 16, 34, 0.72);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(114, 181, 248, 0.18);
  box-shadow: 0 18px 50px rgba(3, 7, 15, 0.28);
}

.dx-navbar__inner {
  width: 100%;
  max-width: 1200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.dx-navbar__logo {
  min-width: 186px;
  min-height: 48px;
  display: flex;
  align-items: center;
}

.dx-navbar__logo img {
  max-height: 48px;
  width: auto;
  filter: drop-shadow(0 8px 18px rgba(12, 55, 117, 0.22));
}

.dx-navbar__logo.is-fallback img {
  display: none;
}

.dx-navbar__logo.is-fallback::after {
  content: "Dynabryx Consulting";
  color: var(--dx-white);
  font-size: 0.84rem;
  letter-spacing: 0.4em;
  text-transform: uppercase;
}

.dx-responsive-nav-toggle {
  display: none;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(114, 181, 248, 0.22);
  background: linear-gradient(145deg, rgba(10, 24, 52, 0.76), rgba(5, 14, 31, 0.92));
  color: var(--dx-white);
  cursor: pointer;
  box-shadow: 0 14px 32px rgba(3, 7, 15, 0.26);
  position: relative;
}

.dx-responsive-nav-toggle span,
.dx-responsive-nav-toggle::before,
.dx-responsive-nav-toggle::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.dx-responsive-nav-toggle::before {
  transform: translateY(-6px);
}

.dx-responsive-nav-toggle::after {
  transform: translateY(6px);
}

body.dx-nav-open .dx-responsive-nav-toggle span {
  opacity: 0;
}

body.dx-nav-open .dx-responsive-nav-toggle::before {
  transform: rotate(45deg);
}

body.dx-nav-open .dx-responsive-nav-toggle::after {
  transform: rotate(-45deg);
}

.dx-navbar__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.1rem 1.8rem;
  font-size: 0.84rem;
  letter-spacing: 0.18em;
}

.dx-navbar__nav a {
  position: relative;
  color: var(--dx-text-muted);
  transition: color 0.25s ease, transform 0.25s ease;
}

.dx-navbar__nav a:hover {
  color: var(--dx-white);
  transform: translateY(-1px);
}

.dx-navbar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  flex: 0 0 auto;
}

.dx-support-btn {
  position: relative;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(114, 181, 248, 0.34);
  background:
    radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.08), transparent 28%),
    linear-gradient(160deg, rgba(13, 34, 72, 0.86), rgba(4, 10, 23, 0.98));
  color: var(--dx-white);
  cursor: pointer;
  box-shadow:
    0 16px 40px rgba(4, 14, 32, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease;
}

.dx-support-btn:hover {
  transform: translateY(-2px) scale(1.03);
  border-color: rgba(114, 181, 248, 0.48);
  box-shadow:
    0 22px 46px rgba(4, 14, 32, 0.54),
    0 0 0 1px rgba(114, 181, 248, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.dx-support-btn svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.dx-support-btn::before {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: inherit;
  border: 1px solid transparent;
  opacity: 0;
  transition: opacity 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.dx-support-btn::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  background: radial-gradient(circle at 50% 36%, rgba(255, 255, 255, 0.06), transparent 52%);
  opacity: 0.9;
}

.dx-support-btn__status {
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 2;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid rgba(7, 18, 39, 0.94);
  background: transparent;
  box-shadow: none;
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.25s ease, transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.dx-support-btn__label {
  display: none;
}

.dx-support-btn.dx-support--available {
  border-color: rgba(102, 224, 141, 0.58);
  box-shadow:
    0 18px 42px rgba(4, 14, 32, 0.52),
    0 0 26px rgba(82, 214, 122, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.dx-support-btn.dx-support--available::before {
  opacity: 1;
  border-color: rgba(102, 224, 141, 0.42);
  box-shadow: 0 0 26px rgba(102, 224, 141, 0.18);
}

.dx-support-btn.dx-support--available .dx-support-btn__status {
  opacity: 1;
  transform: scale(1);
  background: #52d67a;
  box-shadow:
    0 0 0 7px rgba(82, 214, 122, 0.12),
    0 0 18px rgba(82, 214, 122, 0.44);
  animation: dx-support-pulse 1.8s ease-in-out infinite;
}

.dx-support-btn.dx-support--partial {
  border-color: rgba(255, 211, 94, 0.58);
  box-shadow:
    0 18px 42px rgba(4, 14, 32, 0.52),
    0 0 26px rgba(255, 211, 94, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.dx-support-btn.dx-support--partial::before {
  opacity: 1;
  border-color: rgba(255, 211, 94, 0.42);
  box-shadow: 0 0 26px rgba(255, 211, 94, 0.18);
}

.dx-support-btn.dx-support--partial .dx-support-btn__status {
  opacity: 1;
  transform: scale(1);
  background: #ffd35e;
  box-shadow:
    0 0 0 7px rgba(255, 211, 94, 0.12),
    0 0 18px rgba(255, 211, 94, 0.38);
  animation: dx-support-pulse 1.8s ease-in-out infinite;
}

.dx-support-btn.dx-support--unavailable {
  border-color: rgba(114, 181, 248, 0.22);
}

main {
  padding-top: 116px;
}

.dx-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 6rem 4rem 5rem;
}

.dx-hero__video,
.dx-hero__canvas,
.dx-dynabryx__visual canvas,
.dx-module-section__canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.dx-hero__video {
  position: absolute;
  inset: 0;
  object-fit: cover;
  opacity: 0.58;
  filter: saturate(0.96) brightness(0.78) contrast(1.02);
}

.dx-hero__canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.dx-hero__content {
  position: relative;
  z-index: 2;
  max-width: 760px;
  text-align: center;
}

.dx-hero__eyebrow,
.dx-section__eyebrow,
.dx-module-section__eyebrow {
  color: rgba(229, 240, 251, 0.72);
  font-size: 0.72rem;
  letter-spacing: 0.38em;
  text-transform: uppercase;
}

.dx-hero__content h1,
.dx-section__intro h2,
.dx-dynabryx__text h2,
.dx-module-section__text h3,
.dx-founder__content h3 {
  font-weight: 300;
}

.dx-hero__content h1 {
  margin: 1.35rem 0 1rem;
  font-size: clamp(3rem, 4.2vw, 4.8rem);
  line-height: 1.04;
  text-shadow: 0 16px 44px rgba(4, 10, 23, 0.34);
}

.dx-hero__content p,
.dx-section__intro p,
.dx-dynabryx__text p,
.dx-service-card p,
.dx-roadmap__text p,
.dx-module-section__text p,
.dx-contact__form p,
.dx-contact__card p,
.dx-founder__text {
  color: var(--dx-text-muted);
  line-height: 1.78;
}

.dx-hero__content p {
  font-size: 1.08rem;
}

.dx-hero__actions {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.2rem 1.4rem;
}

.dx-hero__note {
  color: rgba(225, 236, 248, 0.6);
  font-size: 0.75rem;
  letter-spacing: 0.28em;
}

.dx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.95rem 2.4rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.dx-btn--primary {
  color: var(--dx-white);
  background: linear-gradient(135deg, rgba(31, 101, 179, 0.78), rgba(63, 169, 245, 0.84));
  border-color: rgba(143, 201, 255, 0.38);
  box-shadow: 0 18px 42px rgba(12, 55, 117, 0.34);
}

.dx-btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 48px rgba(12, 55, 117, 0.42);
}

.dx-btn--outline {
  color: var(--dx-white);
  background: rgba(7, 20, 39, 0.42);
  border-color: var(--dx-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-btn--outline:hover {
  transform: translateY(-2px);
  border-color: var(--dx-border-strong);
  box-shadow: 0 14px 28px rgba(12, 55, 117, 0.24);
}

.dx-section,
.dx-contact {
  padding: 6rem 4rem;
}

.dx-section__intro {
  max-width: 720px;
}

.dx-section__intro h2 {
  margin: 0.6rem 0;
  font-size: clamp(2rem, 2.8vw, 3rem);
}

.dx-reveal,
.dx-reveal.is-visible {
  opacity: 1;
  transform: none;
  transition: none;
  will-change: auto;
}

.dx-detail-list {
  margin-top: 1.5rem;
  padding: 0;
  list-style: none;
  color: var(--dx-text-muted);
  line-height: 1.8;
}

.dx-detail-list li {
  position: relative;
  margin-bottom: 0.65rem;
  padding-left: 1.2rem;
}

.dx-detail-list li::before {
  content: "";
  position: absolute;
  top: 0.55rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dx-blue-500);
  box-shadow: 0 0 12px rgba(63, 169, 245, 0.45);
}

.dx-dynabryx {
  margin-top: -5rem;
  background:
    linear-gradient(180deg, rgba(7, 20, 39, 0.32), rgba(5, 14, 31, 0.54)),
    radial-gradient(circle at top right, rgba(44, 137, 208, 0.14), transparent 36%);
}

.dx-dynabryx--scoped {
  --dx-dynabryx-section-bg:
    linear-gradient(180deg, rgba(7, 20, 39, 0.32), rgba(5, 14, 31, 0.54)),
    radial-gradient(circle at top right, rgba(44, 137, 208, 0.14), transparent 36%);
  --dx-dynabryx-visual-bg: #091629;
  position: relative;
  isolation: isolate;
  background: var(--dx-dynabryx-section-bg);
}

.dx-dynabryx__inner,
.dx-contact__inner,
.dx-founder__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem 3rem;
  align-items: center;
}

.dx-dynabryx__inner {
  padding: 4rem 0;
}

.dx-dynabryx__text h2 {
  font-size: clamp(2.2rem, 2.8vw, 3.2rem);
}

.dx-dynabryx__visual,
.dx-module-section__visual,
.dx-founder__portrait,
.dx-contact__form,
.dx-contact__card,
.dx-roadmap__card,
.dx-service-card {
  border: 1px solid var(--dx-border);
  box-shadow: var(--dx-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-dynabryx__visual {
  position: relative;
  min-height: 360px;
  overflow: hidden;
  border-radius: 26px;
  isolation: isolate;
  background: var(--dx-dynabryx-visual-bg, linear-gradient(160deg, rgba(8, 20, 42, 0.98), rgba(3, 9, 20, 1)));
  box-shadow: none;
}

/* Kundenberichte: zentrierter Intro-Block plus horizontal laufender Zitat-Track. */
.dx-testimonials {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.dx-testimonials__intro {
  max-width: 720px;
  margin: 0 auto 3rem;
  text-align: center;
}

.dx-testimonials__intro h2 {
  margin: 0.55rem 0 0.8rem;
  font-size: clamp(2rem, 2.8vw, 3rem);
  font-weight: 300;
}

.dx-testimonials__intro p {
  color: var(--dx-text-muted);
  line-height: 1.8;
}

.dx-testimonials__marquee {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}

.dx-testimonials__marquee::before,
.dx-testimonials__marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: min(10vw, 7rem);
  z-index: 2;
  pointer-events: none;
}

.dx-testimonials__marquee::before {
  left: 0;
  background: linear-gradient(90deg, rgba(3, 7, 15, 0.96), rgba(3, 7, 15, 0));
}

.dx-testimonials__marquee::after {
  right: 0;
  background: linear-gradient(270deg, rgba(3, 7, 15, 0.96), rgba(3, 7, 15, 0));
}

.dx-testimonials__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(300px, 25rem);
  gap: 1.35rem;
  width: max-content;
  animation: dx-testimonials-marquee 28s linear infinite;
}

.dx-testimonial-card {
  position: relative;
  min-height: 232px;
  padding: 1.8rem;
  border-radius: 26px;
  border: 1px solid rgba(114, 181, 248, 0.14);
  background:
    linear-gradient(160deg, rgba(9, 23, 48, 0.92), rgba(4, 10, 23, 0.98)),
    radial-gradient(circle at 84% 16%, rgba(63, 169, 245, 0.12), transparent 24%);
  box-shadow:
    0 24px 62px rgba(3, 7, 15, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-testimonial-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0) 26%),
    radial-gradient(circle at 16% 18%, rgba(132, 226, 255, 0.08), transparent 20%);
}

.dx-testimonial-card__quote {
  position: relative;
  z-index: 1;
  margin: 0;
  padding-bottom: 3.6rem;
  color: rgba(245, 248, 252, 0.92);
  font-size: 1.12rem;
  line-height: 1.8;
}

.dx-testimonial-card__quote::before {
  content: none;
}

.dx-testimonial-card__meta {
  position: absolute;
  left: 1.8rem;
  right: 1.8rem;
  bottom: 1.55rem;
  display: block;
  white-space: nowrap;
  color: rgba(176, 211, 241, 0.72);
  font-size: 0.76rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes dx-testimonials-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc((25rem + 1.35rem) * -4));
  }
}

.dx-dynabryx__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: none;
  pointer-events: none;
}

.dx-dynabryx__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: none;
}

.dx-logo-stage {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(2rem, 5vw, 3.2rem);
  overflow: hidden;
  background: none;
}

.dx-logo-stage--scoped {
  --dx-logo-stage-padding: clamp(2rem, 5vw, 3.2rem);
  --dx-logo-stage-max-width: 320px;
  position: absolute;
  inset: 0;
  isolation: isolate;
  padding: var(--dx-logo-stage-padding);
}

.dx-logo-stage__brand {
  position: relative;
  width: 100%;
  max-width: var(--dx-logo-stage-max-width, 320px);
  max-height: 100%;
  object-fit: contain;
  display: block;
  transform-origin: center;
  will-change: auto;
  filter: drop-shadow(0 14px 22px rgba(8, 20, 42, 0.14));
  animation: none;
  opacity: 1;
  transform: none;
}

@keyframes dx-logo-stage-brand-presence {
  0% {
    transform: translate3d(0, 10px, 0) scale(0.972);
    filter: drop-shadow(0 18px 24px rgba(8, 20, 42, 0.14));
    opacity: 0.9;
  }
  18% {
    transform: translate3d(0, 2px, 0) scale(0.988);
    filter: drop-shadow(0 22px 30px rgba(8, 20, 42, 0.16));
    opacity: 0.95;
  }
  42% {
    transform: translate3d(0, -10px, 0) scale(1.02);
    filter: drop-shadow(0 28px 46px rgba(23, 93, 154, 0.2));
    opacity: 1;
  }
  62% {
    transform: translate3d(0, -6px, 0) scale(1.012);
    filter: drop-shadow(0 26px 42px rgba(20, 84, 142, 0.18));
    opacity: 0.98;
  }
  100% {
    transform: translate3d(0, 10px, 0) scale(0.972);
    filter: drop-shadow(0 20px 34px rgba(8, 20, 42, 0.18));
    opacity: 0.9;
  }
}

.dx-founder {
  padding-top: 5.5rem;
}

.dx-founder__section-marker {
  max-width: 1100px;
  margin: 0 auto 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: rgba(232, 241, 251, 0.82);
  font-size: 0.8rem;
  letter-spacing: 0.42em;
  text-transform: uppercase;
}

.dx-founder__section-marker::before,
.dx-founder__section-marker::after {
  content: "";
  width: min(16vw, 8rem);
  height: 2px;
  background: linear-gradient(90deg, rgba(77, 170, 247, 0), rgba(77, 170, 247, 0.64), rgba(77, 170, 247, 0));
  box-shadow: 0 0 16px rgba(77, 170, 247, 0.22);
}

.dx-founder__section-marker span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1.8rem;
  border-radius: 999px;
  border: 1px solid rgba(114, 181, 248, 0.22);
  background:
    linear-gradient(160deg, rgba(10, 24, 52, 0.82), rgba(4, 10, 23, 0.96)),
    radial-gradient(circle at 50% 50%, rgba(77, 170, 247, 0.12), transparent 70%);
  box-shadow:
    0 18px 34px rgba(3, 7, 15, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  white-space: nowrap;
}

.dx-founder__inner {
  padding: 1.5rem 0 0;
}

/* KPI-Sektion unter dem Founder-Bereich mit grossen Count-up-Zahlen. */
.dx-kpi-section {
  padding: 0 4rem 5.5rem;
}

.dx-kpi-section__inner {
  max-width: 1100px;
  margin: 0 auto;
}

.dx-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem 2.4rem;
}

.dx-kpi-item {
  position: relative;
  padding: 1.7rem 0 0;
}

.dx-kpi-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: min(7rem, 42%);
  height: 1px;
  background: linear-gradient(90deg, rgba(99, 221, 237, 0.52), rgba(99, 221, 237, 0));
  box-shadow: 0 0 18px rgba(63, 169, 245, 0.14);
}

.dx-kpi-number {
  margin: 0;
  color: rgba(245, 248, 252, 0.96);
  font-size: clamp(2.5rem, 4vw, 4.2rem);
  font-weight: 300;
  letter-spacing: -0.06em;
  line-height: 0.94;
  text-shadow: 0 12px 28px rgba(4, 10, 23, 0.12);
}

.dx-kpi-label {
  margin: 0.85rem 0 0;
  max-width: 18rem;
  color: rgba(214, 226, 242, 0.7);
  font-size: 0.9rem;
  line-height: 1.7;
}

.dx-founder__portrait {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  border-radius: 28px;
  background:
    linear-gradient(150deg, rgba(13, 41, 83, 0.9), rgba(4, 10, 23, 0.98)),
    radial-gradient(circle at 20% 20%, rgba(63, 169, 245, 0.18), transparent 24%);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.dx-founder__portrait:hover {
  transform: none;
  border-color: inherit;
  box-shadow: none;
}

.dx-founder__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dx-founder__portrait::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(3, 7, 15, 0) 35%, rgba(3, 7, 15, 0.42)),
    radial-gradient(circle at 15% 15%, rgba(63, 169, 245, 0.18), transparent 22%);
}

.dx-founder__portrait.is-fallback img {
  display: none;
}

.dx-founder__portrait.is-fallback::after {
  content: "PG";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(245, 248, 252, 0.92);
  font-size: clamp(4rem, 10vw, 7rem);
  letter-spacing: 0.18em;
  background:
    radial-gradient(circle at 24% 18%, rgba(63, 169, 245, 0.2), transparent 24%),
    linear-gradient(160deg, rgba(12, 41, 85, 0.92), rgba(4, 10, 23, 0.98));
}

.dx-founder__content {
  padding: 1rem 0;
}

.dx-founder__content h3 {
  margin: 0.4rem 0 0.3rem;
  font-size: clamp(2rem, 3vw, 2.8rem);
}

.dx-founder__role {
  margin: 0 0 1rem;
  color: rgba(172, 213, 251, 0.9);
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.dx-founder__actions {
  margin-top: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.2rem;
}

.dx-founder__contact {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
}

.dx-founder__icon-link {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(114, 181, 248, 0.22);
  background: linear-gradient(145deg, rgba(10, 24, 52, 0.82), rgba(5, 14, 31, 0.94));
  color: var(--dx-white);
  box-shadow:
    0 16px 34px rgba(3, 7, 15, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.dx-founder__icon-link:hover,
.dx-founder__icon-link:focus-visible,
.dx-founder__icon-link:active {
  transform: scale(1.1);
  border-color: rgba(114, 181, 248, 0.36);
  box-shadow:
    0 22px 42px rgba(3, 7, 15, 0.34),
    0 0 0 1px rgba(77, 170, 247, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  background: linear-gradient(145deg, rgba(12, 30, 64, 0.92), rgba(5, 14, 31, 0.98));
}

.dx-founder__icon-link svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.dx-founder__socials {
  display: flex;
  gap: 0.75rem;
}

.dx-founder__socials a {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(114, 181, 248, 0.22);
  background: linear-gradient(160deg, rgba(12, 55, 117, 0.3), rgba(5, 14, 31, 0.88));
  color: var(--dx-white);
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.dx-founder__socials a:hover {
  transform: translateY(-2px);
  border-color: var(--dx-border-strong);
  box-shadow: 0 14px 28px rgba(12, 55, 117, 0.24);
}

.dx-service-card,
.dx-contact__form,
.dx-contact__card,
.dx-roadmap__card {
  background: var(--dx-panel);
}

.dx-service-card {
  padding: 2rem;
  border-radius: 22px;
  transition: transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
}

.dx-service-card:hover {
  transform: translateY(-6px);
  border-color: var(--dx-border-strong);
  box-shadow: 0 28px 70px rgba(3, 7, 15, 0.68);
}

.dx-service-card h3 {
  margin-top: 0;
  font-size: 1.2rem;
}

.dx-services {
  max-width: 1240px;
  margin: 3.25rem auto 0;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.1fr);
  align-items: start;
  gap: 2rem;
}

.dx-services__lead {
  max-width: 430px;
  padding-top: 0.8rem;
}

.dx-services__lead h2 {
  margin: 0.5rem 0 0.8rem;
  font-size: clamp(2.1rem, 3vw, 3rem);
  font-weight: 300;
}

.dx-services__lead p {
  color: var(--dx-text-muted);
  line-height: 1.84;
}

/* Academy-Bereich innerhalb der Leistungen-Sektion fuer Schulungen und Weiterbildungen. */
.dx-service-education {
  grid-column: 1 / -1;
  margin-top: 0.5rem;
  display: grid;
  gap: 1.7rem;
}

.dx-service-showcase,
.dx-service-offer,
.dx-learning-highlight,
.dx-learning-offer {
  border: 1px solid rgba(114, 181, 248, 0.16);
  box-shadow:
    0 28px 72px rgba(3, 7, 15, 0.54),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-service-showcase {
  --dx-service-slide-size: 320px;
  --dx-service-slide-gap: 1.2rem;
  position: relative;
  width: min(100%, 760px);
  margin-left: auto;
  padding: 2.2rem;
  overflow: hidden;
  border-radius: 30px;
  background:
    linear-gradient(150deg, rgba(9, 20, 43, 0.92), rgba(4, 10, 23, 0.98)),
    radial-gradient(circle at 14% 18%, rgba(63, 169, 245, 0.12), transparent 26%),
    radial-gradient(circle at 84% 24%, rgba(31, 101, 179, 0.14), transparent 28%);
}

.dx-service-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(63, 169, 245, 0.08) 1px, transparent 1px),
    linear-gradient(rgba(63, 169, 245, 0.06) 1px, transparent 1px);
  background-size: 86px 86px;
  mask-image: radial-gradient(circle at center, black 30%, transparent 88%);
  opacity: 0.3;
}

.dx-service-showcase__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.dx-service-showcase__copy {
  max-width: 720px;
}

.dx-service-showcase__copy h3,
.dx-service-education__intro h3,
.dx-learning-offers__head h2 {
  margin: 0.5rem 0 0.7rem;
  font-size: clamp(1.8rem, 2.8vw, 2.7rem);
  font-weight: 300;
}

.dx-service-showcase__copy p,
.dx-service-education__intro p,
.dx-service-slide p,
.dx-service-offer p,
.dx-learning-highlight p,
.dx-learning-offer p,
.dx-learning-offers__head p {
  color: var(--dx-text-muted);
  line-height: 1.8;
}

.dx-service-showcase__viewport {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.dx-service-showcase__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(280px, var(--dx-service-slide-size));
  gap: var(--dx-service-slide-gap);
  width: max-content;
  animation: dx-service-marquee 24s linear infinite;
}

.dx-service-slide {
  position: relative;
  min-height: 320px;
  padding: 1.8rem;
  border-radius: 24px;
  border: 1px solid rgba(114, 181, 248, 0.14);
  background:
    linear-gradient(160deg, rgba(9, 23, 48, 0.9), rgba(4, 10, 23, 0.96)),
    radial-gradient(circle at 84% 18%, rgba(63, 169, 245, 0.12), transparent 24%);
}

.dx-service-slide::before,
.dx-service-offer::before,
.dx-learning-highlight::before,
.dx-learning-offer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(circle at 16% 16%, rgba(245, 248, 252, 0.06), transparent 18%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
}

.dx-service-offer:hover,
.dx-learning-highlight:hover,
.dx-learning-offer:hover {
  transform: translateY(-6px);
  border-color: rgba(114, 181, 248, 0.38);
  box-shadow: 0 30px 78px rgba(3, 7, 15, 0.62);
}

.dx-service-offer__eyebrow,
.dx-learning-offer__eyebrow {
  display: inline-flex;
  margin-bottom: 0.85rem;
  color: rgba(224, 236, 248, 0.68);
  font-size: 0.72rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.dx-service-slide h3,
.dx-service-offer h4,
.dx-learning-highlight h3,
.dx-learning-offer h3 {
  margin: 0 0 0.9rem;
  font-size: 1.35rem;
}

.dx-service-slide h3 {
  font-size: 1.5rem;
}

.dx-service-education__intro {
  max-width: 760px;
}

.dx-service-education__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.dx-service-offer {
  position: relative;
  min-height: 320px;
  padding: 2.4rem 2.4rem 2.2rem;
  border-radius: 30px;
  border-color: rgba(114, 181, 248, 0.2);
  background:
    linear-gradient(155deg, rgba(11, 28, 58, 0.96), rgba(4, 10, 23, 0.99)),
    radial-gradient(circle at 86% 14%, rgba(99, 221, 237, 0.18), transparent 24%),
    radial-gradient(circle at 8% 100%, rgba(63, 169, 245, 0.1), transparent 30%);
  overflow: hidden;
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease,
    filter 0.35s ease;
  display: flex;
  flex-direction: column;
}

.dx-service-offer::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0) 24%),
    radial-gradient(circle at 14% 14%, rgba(245, 248, 252, 0.07), transparent 16%),
    linear-gradient(90deg, rgba(99, 221, 237, 0.12) 0, rgba(99, 221, 237, 0) 26%);
}

.dx-service-offer::after {
  content: "";
  position: absolute;
  top: -18%;
  right: -6%;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(99, 221, 237, 0.26), rgba(99, 221, 237, 0.08) 34%, transparent 72%);
  filter: blur(22px);
  opacity: 0.9;
  pointer-events: none;
}

.dx-service-offer:nth-child(2) {
  background:
    linear-gradient(155deg, rgba(16, 28, 60, 0.96), rgba(4, 10, 23, 0.99)),
    radial-gradient(circle at 86% 14%, rgba(154, 191, 255, 0.2), transparent 24%),
    radial-gradient(circle at 8% 100%, rgba(98, 156, 255, 0.1), transparent 30%);
  border-color: rgba(145, 182, 255, 0.22);
}

.dx-service-offer:nth-child(2)::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0) 24%),
    radial-gradient(circle at 14% 14%, rgba(245, 248, 252, 0.07), transparent 16%),
    linear-gradient(90deg, rgba(154, 191, 255, 0.14) 0, rgba(154, 191, 255, 0) 28%);
}

.dx-service-offer:nth-child(2)::after {
  background: radial-gradient(circle, rgba(154, 191, 255, 0.24), rgba(154, 191, 255, 0.08) 34%, transparent 72%);
}

.dx-service-offer:nth-child(1) .dx-service-offer__eyebrow {
  color: rgba(214, 251, 248, 0.9);
  border-color: rgba(99, 221, 237, 0.22);
}

.dx-service-offer:nth-child(2) .dx-service-offer__eyebrow {
  color: rgba(228, 235, 255, 0.9);
  border-color: rgba(154, 191, 255, 0.22);
}

.dx-service-offer .dx-btn {
  margin-top: 2.1rem;
  position: relative;
  z-index: 1;
  align-self: flex-start;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  border-color: rgba(99, 221, 237, 0.26);
  color: rgba(235, 248, 247, 0.96);
  background:
    linear-gradient(145deg, rgba(10, 28, 48, 0.92), rgba(7, 18, 34, 0.98)),
    radial-gradient(circle at 18% 50%, rgba(99, 221, 237, 0.18), transparent 34%);
  box-shadow:
    0 12px 26px rgba(3, 7, 15, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(8px);
}

.dx-service-offer:nth-child(2) .dx-btn {
  border-color: rgba(154, 191, 255, 0.28);
  color: rgba(239, 243, 255, 0.96);
  background:
    linear-gradient(145deg, rgba(14, 28, 52, 0.92), rgba(8, 18, 36, 0.98)),
    radial-gradient(circle at 18% 50%, rgba(154, 191, 255, 0.18), transparent 34%);
}

.dx-service-offer .dx-btn:hover,
.dx-service-offer .dx-btn:focus-visible {
  border-color: rgba(99, 221, 237, 0.42);
  box-shadow:
    0 16px 30px rgba(3, 7, 15, 0.28),
    0 0 0 3px rgba(99, 221, 237, 0.08);
}

.dx-service-offer:nth-child(2) .dx-btn:hover,
.dx-service-offer:nth-child(2) .dx-btn:focus-visible {
  border-color: rgba(154, 191, 255, 0.42);
  box-shadow:
    0 16px 30px rgba(3, 7, 15, 0.28),
    0 0 0 3px rgba(154, 191, 255, 0.08);
}

/* Dekorative Sternenbild-Zone innerhalb der beiden Academy-Karten. */
.dx-service-offer__visual {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 96px;
  margin-bottom: 1.55rem;
  border-radius: 18px;
  border: 1px solid rgba(114, 181, 248, 0.12);
  background:
    linear-gradient(145deg, rgba(9, 22, 46, 0.72), rgba(4, 10, 23, 0.88)),
    radial-gradient(circle at 22% 30%, rgba(99, 221, 237, 0.16), transparent 22%);
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 0 0 24px rgba(99, 221, 237, 0.05);
}

.dx-service-offer:nth-child(2) .dx-service-offer__visual {
  background:
    linear-gradient(145deg, rgba(11, 24, 50, 0.72), rgba(4, 10, 23, 0.88)),
    radial-gradient(circle at 22% 30%, rgba(154, 191, 255, 0.16), transparent 22%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 0 0 24px rgba(154, 191, 255, 0.05);
}

.dx-service-offer__visual::before,
.dx-service-offer__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dx-service-offer__visual::before {
  background:
    radial-gradient(circle at 12px 14px, rgba(214, 251, 248, 0.95) 0 1px, transparent 1.8px),
    radial-gradient(circle at 34px 26px, rgba(99, 221, 237, 0.78) 0 1.2px, transparent 2px),
    radial-gradient(circle at 46px 10px, rgba(214, 251, 248, 0.92) 0 1.6px, transparent 2.5px),
    radial-gradient(circle at 58px 18px, rgba(214, 251, 248, 0.88) 0 0.9px, transparent 1.7px),
    radial-gradient(circle at 70px 36px, rgba(99, 221, 237, 0.7) 0 0.7px, transparent 1.4px),
    radial-gradient(circle at 82px 42px, rgba(99, 221, 237, 0.92) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at 108px 22px, rgba(214, 251, 248, 0.74) 0 0.8px, transparent 1.6px),
    radial-gradient(circle at 126px 12px, rgba(214, 251, 248, 0.96) 0 1.8px, transparent 2.7px),
    radial-gradient(circle at 138px 34px, rgba(99, 221, 237, 0.86) 0 1px, transparent 1.8px),
    radial-gradient(circle at 154px 52px, rgba(99, 221, 237, 0.72) 0 0.65px, transparent 1.35px),
    radial-gradient(circle at 168px 18px, rgba(214, 251, 248, 0.92) 0 1.2px, transparent 2px),
    radial-gradient(circle at 198px 48px, rgba(99, 221, 237, 0.78) 0 0.9px, transparent 1.7px),
    radial-gradient(circle at 214px 34px, rgba(214, 251, 248, 0.9) 0 1.5px, transparent 2.4px),
    radial-gradient(circle at 226px 20px, rgba(214, 251, 248, 0.86) 0 1px, transparent 1.8px),
    radial-gradient(circle at 254px 30px, rgba(99, 221, 237, 0.9) 0 1.15px, transparent 2px),
    radial-gradient(circle at 268px 12px, rgba(99, 221, 237, 0.66) 0 0.6px, transparent 1.2px),
    radial-gradient(circle at 282px 16px, rgba(214, 251, 248, 0.72) 0 0.85px, transparent 1.6px),
    radial-gradient(circle at 308px 44px, rgba(99, 221, 237, 0.84) 0 1px, transparent 1.8px),
    radial-gradient(circle at 322px 26px, rgba(214, 251, 248, 0.96) 0 1.7px, transparent 2.6px),
    radial-gradient(circle at 22px 62px, rgba(214, 251, 248, 0.82) 0 0.9px, transparent 1.7px),
    radial-gradient(circle at 40px 84px, rgba(99, 221, 237, 0.7) 0 0.75px, transparent 1.4px),
    radial-gradient(circle at 66px 74px, rgba(99, 221, 237, 0.76) 0 1px, transparent 1.8px),
    radial-gradient(circle at 84px 60px, rgba(214, 251, 248, 0.92) 0 1.4px, transparent 2.3px),
    radial-gradient(circle at 118px 66px, rgba(214, 251, 248, 0.9) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at 142px 82px, rgba(99, 221, 237, 0.68) 0 0.6px, transparent 1.2px),
    radial-gradient(circle at 172px 78px, rgba(99, 221, 237, 0.86) 0 0.9px, transparent 1.7px),
    radial-gradient(circle at 196px 62px, rgba(214, 251, 248, 0.95) 0 1.6px, transparent 2.5px),
    radial-gradient(circle at 226px 68px, rgba(214, 251, 248, 0.78) 0 1px, transparent 1.8px),
    radial-gradient(circle at 248px 84px, rgba(99, 221, 237, 0.74) 0 0.8px, transparent 1.5px),
    radial-gradient(circle at 268px 58px, rgba(214, 251, 248, 0.88) 0 1.25px, transparent 2.1px),
    radial-gradient(circle at 286px 72px, rgba(99, 221, 237, 0.9) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at 312px 80px, rgba(214, 251, 248, 0.98) 0 1.9px, transparent 2.8px),
    radial-gradient(circle at calc(100% - 18px) 18px, rgba(214, 251, 248, 0.92) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at calc(100% - 36px) 34px, rgba(99, 221, 237, 0.78) 0 0.85px, transparent 1.5px),
    radial-gradient(circle at calc(100% - 54px) 12px, rgba(214, 251, 248, 0.98) 0 1.8px, transparent 2.7px),
    radial-gradient(circle at calc(100% - 74px) 28px, rgba(99, 221, 237, 0.88) 0 1px, transparent 1.8px),
    radial-gradient(circle at calc(100% - 26px) 56px, rgba(214, 251, 248, 0.84) 0 1.3px, transparent 2.1px),
    radial-gradient(circle at calc(100% - 48px) 78px, rgba(99, 221, 237, 0.74) 0 0.7px, transparent 1.3px),
    radial-gradient(circle at calc(100% - 92px) 70px, rgba(214, 251, 248, 0.9) 0 1.5px, transparent 2.4px),
    radial-gradient(circle at calc(100% - 118px) 48px, rgba(99, 221, 237, 0.7) 0 0.75px, transparent 1.35px),
    radial-gradient(circle at calc(100% - 136px) 22px, rgba(214, 251, 248, 0.82) 0 1px, transparent 1.8px),
    radial-gradient(circle at calc(100% - 158px) 62px, rgba(99, 221, 237, 0.92) 0 1.6px, transparent 2.5px),
    radial-gradient(circle at calc(100% - 182px) 84px, rgba(214, 251, 248, 0.76) 0 0.8px, transparent 1.5px);
  background-repeat: no-repeat;
  opacity: 0.86;
  animation: dx-service-offer-stars-a 4.8s ease-in-out infinite alternate;
}

.dx-service-offer:nth-child(2) .dx-service-offer__visual::before {
  background:
    radial-gradient(circle at 12px 14px, rgba(228, 235, 255, 0.95) 0 1px, transparent 1.8px),
    radial-gradient(circle at 34px 26px, rgba(154, 191, 255, 0.78) 0 1.2px, transparent 2px),
    radial-gradient(circle at 46px 10px, rgba(228, 235, 255, 0.92) 0 1.6px, transparent 2.5px),
    radial-gradient(circle at 58px 18px, rgba(228, 235, 255, 0.88) 0 0.9px, transparent 1.7px),
    radial-gradient(circle at 70px 36px, rgba(154, 191, 255, 0.7) 0 0.7px, transparent 1.4px),
    radial-gradient(circle at 82px 42px, rgba(154, 191, 255, 0.92) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at 108px 22px, rgba(228, 235, 255, 0.74) 0 0.8px, transparent 1.6px),
    radial-gradient(circle at 126px 12px, rgba(228, 235, 255, 0.96) 0 1.8px, transparent 2.7px),
    radial-gradient(circle at 138px 34px, rgba(154, 191, 255, 0.86) 0 1px, transparent 1.8px),
    radial-gradient(circle at 154px 52px, rgba(154, 191, 255, 0.72) 0 0.65px, transparent 1.35px),
    radial-gradient(circle at 168px 18px, rgba(228, 235, 255, 0.92) 0 1.2px, transparent 2px),
    radial-gradient(circle at 198px 48px, rgba(154, 191, 255, 0.78) 0 0.9px, transparent 1.7px),
    radial-gradient(circle at 214px 34px, rgba(228, 235, 255, 0.9) 0 1.5px, transparent 2.4px),
    radial-gradient(circle at 226px 20px, rgba(228, 235, 255, 0.86) 0 1px, transparent 1.8px),
    radial-gradient(circle at 254px 30px, rgba(154, 191, 255, 0.9) 0 1.15px, transparent 2px),
    radial-gradient(circle at 268px 12px, rgba(154, 191, 255, 0.66) 0 0.6px, transparent 1.2px),
    radial-gradient(circle at 282px 16px, rgba(228, 235, 255, 0.72) 0 0.85px, transparent 1.6px),
    radial-gradient(circle at 308px 44px, rgba(154, 191, 255, 0.84) 0 1px, transparent 1.8px),
    radial-gradient(circle at 322px 26px, rgba(228, 235, 255, 0.96) 0 1.7px, transparent 2.6px),
    radial-gradient(circle at 22px 62px, rgba(228, 235, 255, 0.82) 0 0.9px, transparent 1.7px),
    radial-gradient(circle at 40px 84px, rgba(154, 191, 255, 0.7) 0 0.75px, transparent 1.4px),
    radial-gradient(circle at 66px 74px, rgba(154, 191, 255, 0.76) 0 1px, transparent 1.8px),
    radial-gradient(circle at 84px 60px, rgba(228, 235, 255, 0.92) 0 1.4px, transparent 2.3px),
    radial-gradient(circle at 118px 66px, rgba(228, 235, 255, 0.9) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at 142px 82px, rgba(154, 191, 255, 0.68) 0 0.6px, transparent 1.2px),
    radial-gradient(circle at 172px 78px, rgba(154, 191, 255, 0.86) 0 0.9px, transparent 1.7px),
    radial-gradient(circle at 196px 62px, rgba(228, 235, 255, 0.95) 0 1.6px, transparent 2.5px),
    radial-gradient(circle at 226px 68px, rgba(228, 235, 255, 0.78) 0 1px, transparent 1.8px),
    radial-gradient(circle at 248px 84px, rgba(154, 191, 255, 0.74) 0 0.8px, transparent 1.5px),
    radial-gradient(circle at 268px 58px, rgba(228, 235, 255, 0.88) 0 1.25px, transparent 2.1px),
    radial-gradient(circle at 286px 72px, rgba(154, 191, 255, 0.9) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at 312px 80px, rgba(228, 235, 255, 0.98) 0 1.9px, transparent 2.8px),
    radial-gradient(circle at calc(100% - 18px) 18px, rgba(228, 235, 255, 0.92) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at calc(100% - 36px) 34px, rgba(154, 191, 255, 0.78) 0 0.85px, transparent 1.5px),
    radial-gradient(circle at calc(100% - 54px) 12px, rgba(228, 235, 255, 0.98) 0 1.8px, transparent 2.7px),
    radial-gradient(circle at calc(100% - 74px) 28px, rgba(154, 191, 255, 0.88) 0 1px, transparent 1.8px),
    radial-gradient(circle at calc(100% - 26px) 56px, rgba(228, 235, 255, 0.84) 0 1.3px, transparent 2.1px),
    radial-gradient(circle at calc(100% - 48px) 78px, rgba(154, 191, 255, 0.74) 0 0.7px, transparent 1.3px),
    radial-gradient(circle at calc(100% - 92px) 70px, rgba(228, 235, 255, 0.9) 0 1.5px, transparent 2.4px),
    radial-gradient(circle at calc(100% - 118px) 48px, rgba(154, 191, 255, 0.7) 0 0.75px, transparent 1.35px),
    radial-gradient(circle at calc(100% - 136px) 22px, rgba(228, 235, 255, 0.82) 0 1px, transparent 1.8px),
    radial-gradient(circle at calc(100% - 158px) 62px, rgba(154, 191, 255, 0.92) 0 1.6px, transparent 2.5px),
    radial-gradient(circle at calc(100% - 182px) 84px, rgba(228, 235, 255, 0.76) 0 0.8px, transparent 1.5px);
  background-repeat: no-repeat;
}

.dx-service-offer__visual::after {
  background:
    radial-gradient(circle at 28px 20px, rgba(214, 251, 248, 0.88) 0 1.2px, transparent 2px),
    radial-gradient(circle at 96px 52px, rgba(99, 221, 237, 0.92) 0 1.4px, transparent 2.2px),
    radial-gradient(circle at 52px 44px, rgba(214, 251, 248, 0.98) 0 2.2px, transparent 3.3px),
    radial-gradient(circle at 148px 30px, rgba(214, 251, 248, 0.84) 0 1px, transparent 1.8px),
    radial-gradient(circle at 172px 12px, rgba(99, 221, 237, 0.78) 0 0.7px, transparent 1.3px),
    radial-gradient(circle at 210px 18px, rgba(99, 221, 237, 0.94) 0 1.5px, transparent 2.4px),
    radial-gradient(circle at 238px 40px, rgba(214, 251, 248, 0.92) 0 2px, transparent 3.1px),
    radial-gradient(circle at 272px 54px, rgba(214, 251, 248, 0.86) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at 318px 24px, rgba(99, 221, 237, 0.92) 0 1.35px, transparent 2.1px),
    radial-gradient(circle at 186px 70px, rgba(214, 251, 248, 0.78) 0 0.95px, transparent 1.7px),
    radial-gradient(circle at 298px 66px, rgba(99, 221, 237, 0.96) 0 2.4px, transparent 3.5px),
    radial-gradient(circle at 126px 76px, rgba(214, 251, 248, 0.9) 0 1.7px, transparent 2.6px),
    radial-gradient(circle at calc(100% - 22px) 26px, rgba(214, 251, 248, 0.98) 0 2.6px, transparent 3.8px),
    radial-gradient(circle at calc(100% - 58px) 14px, rgba(99, 221, 237, 0.82) 0 1px, transparent 1.8px),
    radial-gradient(circle at calc(100% - 86px) 52px, rgba(214, 251, 248, 0.9) 0 1.9px, transparent 2.8px),
    radial-gradient(circle at calc(100% - 112px) 78px, rgba(99, 221, 237, 0.76) 0 0.8px, transparent 1.4px),
    radial-gradient(circle at calc(100% - 144px) 34px, rgba(214, 251, 248, 0.94) 0 2.2px, transparent 3.2px),
    radial-gradient(circle at calc(100% - 176px) 60px, rgba(99, 221, 237, 0.7) 0 0.7px, transparent 1.3px),
    radial-gradient(circle at calc(100% - 204px) 20px, rgba(214, 251, 248, 0.84) 0 1.15px, transparent 2px);
  background-repeat: no-repeat;
  filter: blur(0.2px);
  opacity: 0.72;
  animation: dx-service-offer-stars-b 3.6s ease-in-out infinite alternate;
}

.dx-service-offer:nth-child(2) .dx-service-offer__visual::after {
  background:
    radial-gradient(circle at 28px 20px, rgba(228, 235, 255, 0.88) 0 1.2px, transparent 2px),
    radial-gradient(circle at 96px 52px, rgba(154, 191, 255, 0.92) 0 1.4px, transparent 2.2px),
    radial-gradient(circle at 52px 44px, rgba(228, 235, 255, 0.98) 0 2.2px, transparent 3.3px),
    radial-gradient(circle at 148px 30px, rgba(228, 235, 255, 0.84) 0 1px, transparent 1.8px),
    radial-gradient(circle at 172px 12px, rgba(154, 191, 255, 0.78) 0 0.7px, transparent 1.3px),
    radial-gradient(circle at 210px 18px, rgba(154, 191, 255, 0.94) 0 1.5px, transparent 2.4px),
    radial-gradient(circle at 238px 40px, rgba(228, 235, 255, 0.92) 0 2px, transparent 3.1px),
    radial-gradient(circle at 272px 54px, rgba(228, 235, 255, 0.86) 0 1.1px, transparent 1.9px),
    radial-gradient(circle at 318px 24px, rgba(154, 191, 255, 0.92) 0 1.35px, transparent 2.1px),
    radial-gradient(circle at 186px 70px, rgba(228, 235, 255, 0.78) 0 0.95px, transparent 1.7px),
    radial-gradient(circle at 298px 66px, rgba(154, 191, 255, 0.96) 0 2.4px, transparent 3.5px),
    radial-gradient(circle at 126px 76px, rgba(228, 235, 255, 0.9) 0 1.7px, transparent 2.6px),
    radial-gradient(circle at calc(100% - 22px) 26px, rgba(228, 235, 255, 0.98) 0 2.6px, transparent 3.8px),
    radial-gradient(circle at calc(100% - 58px) 14px, rgba(154, 191, 255, 0.82) 0 1px, transparent 1.8px),
    radial-gradient(circle at calc(100% - 86px) 52px, rgba(228, 235, 255, 0.9) 0 1.9px, transparent 2.8px),
    radial-gradient(circle at calc(100% - 112px) 78px, rgba(154, 191, 255, 0.76) 0 0.8px, transparent 1.4px),
    radial-gradient(circle at calc(100% - 144px) 34px, rgba(228, 235, 255, 0.94) 0 2.2px, transparent 3.2px),
    radial-gradient(circle at calc(100% - 176px) 60px, rgba(154, 191, 255, 0.7) 0 0.7px, transparent 1.3px),
    radial-gradient(circle at calc(100% - 204px) 20px, rgba(228, 235, 255, 0.84) 0 1.15px, transparent 2px);
  background-repeat: no-repeat;
}

.dx-service-offer__star {
  position: absolute;
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(214, 251, 248, 0.92);
  box-shadow: 0 0 8px rgba(99, 221, 237, 0.28);
  opacity: 0.14;
  animation: dx-service-offer-star-twinkle 4.8s ease-in-out infinite;
}

.dx-service-offer:nth-child(2) .dx-service-offer__star {
  background: rgba(228, 235, 255, 0.94);
  box-shadow: 0 0 8px rgba(154, 191, 255, 0.24);
}

.dx-service-offer__star--1 { top: 10%; left: 4%; width: 2px; height: 2px; animation-duration: 3.4s; animation-delay: -0.2s; }
.dx-service-offer__star--2 { top: 18%; left: 9%; width: 3px; height: 3px; animation-duration: 5.1s; animation-delay: -1.1s; }
.dx-service-offer__star--3 { top: 8%; left: 15%; width: 1px; height: 1px; animation-duration: 2.9s; animation-delay: -0.7s; }
.dx-service-offer__star--4 { top: 34%; left: 21%; width: 2px; height: 2px; animation-duration: 6.2s; animation-delay: -1.8s; }
.dx-service-offer__star--5 { top: 16%; left: 28%; width: 4px; height: 4px; animation-duration: 4.4s; animation-delay: -0.4s; }
.dx-service-offer__star--6 { top: 48%; left: 34%; width: 1px; height: 1px; animation-duration: 3.1s; animation-delay: -2.1s; }
.dx-service-offer__star--7 { top: 22%; left: 41%; width: 2px; height: 2px; animation-duration: 5.6s; animation-delay: -1.3s; }
.dx-service-offer__star--8 { top: 11%; left: 49%; width: 3px; height: 3px; animation-duration: 6.8s; animation-delay: -2.6s; }
.dx-service-offer__star--9 { top: 58%; left: 54%; width: 2px; height: 2px; animation-duration: 3.8s; animation-delay: -0.9s; }
.dx-service-offer__star--10 { top: 30%; left: 61%; width: 1px; height: 1px; animation-duration: 4.9s; animation-delay: -3.1s; }
.dx-service-offer__star--11 { top: 14%; left: 68%; width: 4px; height: 4px; animation-duration: 5.4s; animation-delay: -1.6s; }
.dx-service-offer__star--12 { top: 44%; left: 74%; width: 2px; height: 2px; animation-duration: 2.7s; animation-delay: -0.3s; }
.dx-service-offer__star--13 { top: 8%; left: 81%; width: 2px; height: 2px; animation-duration: 7.1s; animation-delay: -2.9s; }
.dx-service-offer__star--14 { top: 26%; left: 87%; width: 3px; height: 3px; animation-duration: 4.2s; animation-delay: -1.4s; }
.dx-service-offer__star--15 { top: 60%; left: 91%; width: 1px; height: 1px; animation-duration: 3.3s; animation-delay: -2.4s; }
.dx-service-offer__star--16 { top: 72%; left: 14%; width: 3px; height: 3px; animation-duration: 5.8s; animation-delay: -0.8s; }
.dx-service-offer__star--17 { top: 78%; left: 46%; width: 2px; height: 2px; animation-duration: 4.6s; animation-delay: -2.2s; }
.dx-service-offer__star--18 { top: 74%; left: 84%; width: 5px; height: 5px; animation-duration: 6.4s; animation-delay: -3.4s; }

.dx-service-offer__star::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: inherit;
  opacity: 0.24;
  filter: blur(2px);
}

@keyframes dx-service-offer-stars-a {
  0% {
    opacity: 0.34;
    transform: translateY(0) scale(0.99);
  }
  50% {
    opacity: 0.92;
    transform: translateY(-1px) scale(1.01);
  }
  100% {
    opacity: 0.48;
    transform: translateY(1px) scale(1);
  }
}

@keyframes dx-service-offer-stars-b {
  0% {
    opacity: 0.18;
    transform: scale(0.96);
  }
  50% {
    opacity: 0.92;
    transform: scale(1.03);
  }
  100% {
    opacity: 0.24;
    transform: scale(0.98);
  }
}

@keyframes dx-service-offer-star-twinkle {
  0% {
    opacity: 0.08;
    transform: scale(0.65);
  }
  20% {
    opacity: 0.24;
    transform: scale(0.9);
  }
  40% {
    opacity: 0.92;
    transform: scale(1.35);
  }
  55% {
    opacity: 0.34;
    transform: scale(0.82);
  }
  72% {
    opacity: 0.16;
    transform: scale(0.58);
  }
  100% {
    opacity: 0.86;
    transform: scale(1.18);
  }
}

.dx-service-offer__eyebrow {
  position: relative;
  z-index: 1;
  margin-bottom: 1.15rem;
  padding: 0.48rem 0.78rem;
  border-radius: 999px;
  border: 1px solid rgba(114, 181, 248, 0.18);
  background: rgba(8, 20, 43, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 8px 20px rgba(3, 7, 15, 0.18);
}

.dx-service-offer h4 {
  position: relative;
  z-index: 1;
  margin: 0 0 1.1rem;
  max-width: 14rem;
  color: rgba(246, 249, 252, 0.98);
  font-size: clamp(1.7rem, 2.2vw, 2.2rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.dx-service-offer p {
  position: relative;
  z-index: 1;
  max-width: 32rem;
  margin: 0;
  color: rgba(221, 233, 246, 0.8);
  font-size: 1rem;
  line-height: 1.85;
}

.dx-service-offer:hover {
  transform: translateY(-8px);
  border-color: rgba(114, 181, 248, 0.3);
  box-shadow:
    0 34px 86px rgba(3, 7, 15, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.dx-learning-page {
  --module-accent: #e4f9d3;
  --dx-module-accent: #e4f9d3;
  --dx-module-accent-rgb: 228, 249, 211;
}

.dx-learning-page .dx-module-hero__lead {
  max-width: 620px;
}

.dx-learning-highlights {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}

.dx-learning-layout,
.dx-learning-band {
  max-width: 1240px;
  margin: 0 auto;
}

.dx-learning-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: 1.6rem 2.4rem;
  align-items: start;
}

.dx-learning-copy {
  max-width: 760px;
}

.dx-learning-copy p,
.dx-learning-copy ul,
.dx-learning-strips p,
.dx-learning-band__intro p {
  color: var(--dx-text-muted);
  line-height: 1.82;
}

.dx-learning-copy > p:first-child {
  margin-top: 0;
}

.dx-learning-copy p + p {
  margin-top: 1.1rem;
}

.dx-learning-copy .dx-detail-list {
  margin-top: 1.5rem;
}

.dx-learning-note {
  position: relative;
  padding: 1.8rem;
  border-radius: 24px;
  border: 1px solid rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.16);
  background:
    linear-gradient(160deg, rgba(10, 24, 52, 0.72), rgba(4, 10, 23, 0.94)),
    radial-gradient(circle at 86% 16%, rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.14), transparent 24%);
  box-shadow:
    0 24px 66px rgba(3, 7, 15, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-learning-note__eyebrow {
  display: inline-flex;
  margin-bottom: 0.8rem;
  color: rgba(232, 240, 250, 0.68);
  font-size: 0.72rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.dx-learning-note h3,
.dx-learning-band__intro h3 {
  margin: 0 0 0.8rem;
  font-size: 1.32rem;
}

.dx-learning-strips {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.3rem;
}

.dx-learning-strip {
  padding: 1.45rem 0 0;
  border-top: 1px solid rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.2);
}

.dx-learning-strip__index {
  display: inline-flex;
  margin-bottom: 0.7rem;
  color: rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.88);
  font-size: 0.74rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.dx-learning-strip h3 {
  margin: 0 0 0.75rem;
  font-size: 1.14rem;
}

.dx-learning-band {
  position: relative;
  overflow: hidden;
  padding: 2.3rem;
  border-radius: 30px;
  border: 1px solid rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.14);
  background:
    linear-gradient(150deg, rgba(9, 20, 43, 0.82), rgba(4, 10, 23, 0.96)),
    radial-gradient(circle at 18% 18%, rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.12), transparent 24%);
  box-shadow:
    0 28px 80px rgba(3, 7, 15, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-learning-band::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.08) 1px, transparent 1px),
    linear-gradient(rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.06) 1px, transparent 1px);
  background-size: 92px 92px;
  mask-image: radial-gradient(circle at center, black 26%, transparent 86%);
  opacity: 0.28;
}

.dx-learning-band__intro {
  position: relative;
  z-index: 1;
  max-width: 620px;
  margin-bottom: 1.5rem;
}

.dx-learning-band__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.dx-learning-band__item {
  padding: 1.25rem;
  border-radius: 18px;
  background: rgba(6, 16, 34, 0.42);
  border: 1px solid rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.12);
}

.dx-learning-band__item strong {
  display: block;
  margin-bottom: 0.55rem;
  font-size: 0.8rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.dx-learning-band__item p {
  margin: 0;
}

.dx-learning-highlight,
.dx-learning-offer {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: 26px;
  border: 1px solid rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.16);
  background:
    linear-gradient(160deg, rgba(10, 24, 52, 0.86), rgba(4, 10, 23, 0.96)),
    radial-gradient(circle at 84% 16%, rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.14), transparent 24%);
}

.dx-learning-offers {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  gap: 2rem;
}

.dx-learning-offers__head {
  max-width: 760px;
}

.dx-learning-offers__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem;
}

.dx-learning-offer__price {
  display: inline-flex;
  margin: 0.35rem 0 0.9rem;
  color: rgba(245, 248, 252, 0.96);
  font-size: 2.35rem;
  font-weight: 300;
  letter-spacing: -0.04em;
}

.dx-learning-offer__top {
  position: relative;
  padding: 1.7rem 1.7rem 1.2rem;
  background:
    linear-gradient(180deg, rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.12), rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.03)),
    linear-gradient(160deg, rgba(12, 28, 60, 0.44), rgba(4, 10, 23, 0));
}

.dx-learning-offer__top::after {
  content: "";
  position: absolute;
  inset: auto 1.55rem 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.42), rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0));
}

.dx-learning-offer__body {
  padding: 1.55rem 1.7rem 1.7rem;
}

.dx-learning-offer__list-title {
  display: inline-flex;
  margin-bottom: 0.7rem;
  color: rgba(245, 248, 252, 0.88);
  font-size: 0.8rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.dx-learning-offer__footnote {
  margin: 1rem 0 0;
  color: rgba(214, 226, 242, 0.62);
  font-size: 0.84rem;
  line-height: 1.7;
}

.dx-learning-offer ul {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  color: var(--dx-text-muted);
}

.dx-learning-offer li {
  position: relative;
  margin-bottom: 0.7rem;
  padding-left: 1rem;
  line-height: 1.7;
}

.dx-learning-offer li::before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.9);
  box-shadow: 0 0 12px rgba(var(--dx-module-accent-rgb, 228, 249, 211), 0.4);
}

.dx-learning-offer .dx-btn {
  margin-top: 1.4rem;
}

.dx-learning-offers__note {
  max-width: 760px;
  margin: 0.65rem 0 0;
  color: rgba(214, 226, 242, 0.58);
  font-size: 0.84rem;
  line-height: 1.75;
}

.dx-learning-offers__note h3 {
  margin: 0 0 0.85rem;
  color: rgba(245, 248, 252, 0.82);
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.08em;
}

.dx-learning-offers__note p {
  margin: 0 0 0.9rem;
}

@keyframes dx-service-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc((var(--dx-service-slide-size) + var(--dx-service-slide-gap)) * -4));
  }
}

.dx-roadmap {
  background:
    linear-gradient(180deg, rgba(4, 10, 23, 0.32), rgba(4, 10, 23, 0.5)),
    radial-gradient(circle at 50% 0%, rgba(31, 101, 179, 0.08), transparent 45%);
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.dx-roadmap .dx-section__intro {
  margin: 0 auto;
  text-align: center;
}

.dx-roadmap__stages {
  position: relative;
  isolation: isolate;
  max-width: 1120px;
  margin: 3rem auto 0;
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
}

.dx-roadmap__stages::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: linear-gradient(180deg, rgba(63, 169, 245, 0), rgba(63, 169, 245, 0.52), rgba(63, 169, 245, 0));
  box-shadow: 0 0 24px rgba(31, 101, 179, 0.12);
}

.dx-roadmap__stage {
  position: relative;
  z-index: 1;
  width: min(100%, calc(50% - 2.85rem));
  overflow: visible;
  transition: transform 0.32s ease;
}

.dx-roadmap__stage:hover {
  transform: translateY(-4px) scale(1.012);
}

.dx-roadmap__stage:nth-child(odd) {
  align-self: flex-start;
}

.dx-roadmap__stage:nth-child(even) {
  align-self: flex-end;
}

.dx-roadmap__stage::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 2.3rem;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(245, 248, 252, 0.95) 0 24%, rgba(63, 169, 245, 0.92) 42%, rgba(14, 78, 150, 0.92) 100%);
  box-shadow:
    0 0 0 8px rgba(44, 137, 208, 0.12),
    0 0 22px rgba(63, 169, 245, 0.35);
  animation: dx-node-pulse 2.8s ease-in-out infinite;
}

.dx-roadmap__stage:nth-child(odd)::after {
  right: -3.35rem;
}

.dx-roadmap__stage:nth-child(even)::after {
  left: -3.35rem;
}

.dx-roadmap__stage > * {
  position: static;
  z-index: auto;
}

.dx-roadmap__card {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 26px;
  transition: border-color 0.32s ease, box-shadow 0.32s ease;
}

.dx-roadmap__stage:hover .dx-roadmap__card {
  border-color: var(--dx-border-strong);
  box-shadow: 0 34px 86px rgba(3, 7, 15, 0.7), 0 0 0 1px rgba(63, 169, 245, 0.08);
}

.dx-roadmap__image {
  position: relative;
  z-index: 2;
  min-height: 220px;
  overflow: hidden;
  border-radius: 0;
  background-image:
    linear-gradient(160deg, rgba(12, 55, 117, 0.1), rgba(3, 7, 15, 0.06)),
    radial-gradient(circle at 25% 18%, rgba(63, 169, 245, 0.08), transparent 26%),
    var(--roadmap-image, linear-gradient(160deg, rgba(12, 41, 85, 0.82), rgba(4, 10, 23, 0.96)));
  background-size: cover;
  background-position: center;
  filter: brightness(1.14) saturate(1.08);
}

.dx-roadmap__image::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(3, 7, 15, 0.02), rgba(3, 7, 15, 0.16)),
    radial-gradient(circle at 20% 20%, rgba(245, 248, 252, 0.08), transparent 18%);
}

.dx-roadmap__stage:nth-child(odd)::before,
.dx-roadmap__stage:nth-child(even)::before {
  content: "";
  position: absolute;
  top: 2.8rem;
  z-index: 1;
  width: calc(2.85rem + 24px);
  height: 1px;
  background: linear-gradient(90deg, rgba(77, 170, 247, 0.72), rgba(77, 170, 247, 0.24));
  box-shadow: 0 0 18px rgba(77, 170, 247, 0.18);
  pointer-events: none;
}

.dx-roadmap__stage:nth-child(odd)::before {
  right: -2.85rem;
}

.dx-roadmap__stage:nth-child(even)::before {
  left: -2.85rem;
  transform: scaleX(-1);
}

.dx-roadmap__text {
  position: relative;
  z-index: 2;
  padding: 1.8rem;
  border-radius: 0;
  background: linear-gradient(180deg, rgba(8, 20, 43, 0.94), rgba(4, 10, 23, 0.96));
}

.dx-roadmap__text h3 {
  margin: 0 0 0.65rem;
  font-size: 1.08rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.dx-modules {
  background:
    linear-gradient(180deg, rgba(4, 10, 23, 0.22), rgba(3, 7, 15, 0.4)),
    radial-gradient(circle at 18% 0%, rgba(44, 137, 208, 0.07), transparent 24%);
}

.dx-modules__intro {
  margin-bottom: 3rem;
  text-align: center;
}

.dx-module-section {
  display: grid;
  grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
  align-items: center;
  gap: 3rem;
  max-width: 1180px;
  margin: 0 auto;
  padding: 3.5rem 4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dx-module-section--text-right {
  grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
}

.dx-module-section__text {
  max-width: 420px;
}

.dx-module-section__text h3 {
  margin: 0.6rem 0 1rem;
  font-size: clamp(2rem, 2.6vw, 2.8rem);
}

.dx-module-section__visual {
  position: relative;
  isolation: isolate;
  min-height: 360px;
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(160deg, rgba(10, 24, 52, 0.9), rgba(5, 14, 31, 0.96));
  transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease, filter 0.32s ease;
}

.dx-module-section__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.06), transparent 22%),
    radial-gradient(circle at 76% 82%, rgba(77, 170, 247, 0.08), transparent 26%);
}

.dx-module-section__visual::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.03);
  pointer-events: none;
}

.dx-module-section__visual:hover,
.dx-module-section:hover .dx-module-section__visual {
  transform: translateY(-6px) scale(1.015);
  border-color: var(--dx-border-strong);
  box-shadow: 0 36px 88px rgba(3, 7, 15, 0.72), 0 0 0 1px rgba(255, 255, 255, 0.02);
  filter: saturate(1.08);
}

.dx-module-section__canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.dx-module-visual {
  --module-accent-rgb: 227 248 255;
  --module-border: rgba(var(--module-accent-rgb), 0.18);
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  isolation: isolate;
}

.dx-module-visual__effect,
.dx-module-visual__grid,
.dx-module-visual__nodes,
.dx-module-visual__icon,
.dx-module-visual__node {
  position: absolute;
}

.dx-module-visual__effect,
.dx-module-visual__grid,
.dx-module-visual__nodes {
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
}

.dx-module-visual__effect {
  z-index: 0;
  background:
    radial-gradient(circle at 50% 45%, rgba(var(--module-accent-rgb), 0.18) 0, rgba(var(--module-accent-rgb), 0.1) 32%, transparent 66%),
    radial-gradient(circle at 18% 18%, rgba(var(--module-accent-rgb), 0.14) 0, transparent 52%),
    radial-gradient(circle at 82% 22%, rgba(var(--module-accent-rgb), 0.12) 0, transparent 54%),
    radial-gradient(circle at 54% 78%, rgba(var(--module-accent-rgb), 0.1) 0, transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0));
  border: 1px solid var(--module-border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 0 54px rgba(var(--module-accent-rgb), 0.08);
  opacity: 0.92;
  transition: opacity 0.45s ease, box-shadow 0.45s ease;
}

.dx-module-visual__grid {
  z-index: 0;
  background-image:
    linear-gradient(rgba(var(--module-accent-rgb), 0.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--module-accent-rgb), 0.14) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: radial-gradient(circle at center, black 34%, transparent 92%);
  opacity: 0.28;
  transition: opacity 0.45s ease;
}

.dx-module-visual__nodes {
  z-index: 1;
}

.dx-module-visual__icon {
  position: relative;
  z-index: 3;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 2.1rem;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: translateY(10px) scale(0.94);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease,
    filter 0.35s ease;
}

.dx-module-visual__icon svg {
  width: min(100%, 284px);
  height: auto;
  max-height: 100%;
  display: block;
  visibility: visible;
  opacity: 1;
  filter: drop-shadow(0 12px 26px rgba(3, 7, 15, 0.28));
}

.dx-module-visual__icon svg > * {
  transform-box: fill-box;
  transform-origin: center;
}

.dx-module-visual__node {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(var(--module-accent-rgb), 0.92);
  box-shadow:
    0 0 0 7px rgba(var(--module-accent-rgb), 0.14),
    0 0 18px rgba(var(--module-accent-rgb), 0.34);
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.6s ease, transform 0.6s ease;
  animation: dx-module-node-pulse 3.8s ease-in-out infinite;
}

.dx-module-visual__node::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 58px;
  height: 1px;
  background: linear-gradient(90deg, rgba(var(--module-accent-rgb), 0.28), transparent);
  transform-origin: left center;
  opacity: 0.62;
}

.dx-module-visual__node--1 {
  top: 19%;
  left: 18%;
  animation-delay: 0s;
}

.dx-module-visual__node--1::after {
  transform: rotate(12deg);
}

.dx-module-visual__node--2 {
  top: 22%;
  right: 18%;
  animation-delay: 0.65s;
}

.dx-module-visual__node--2::after {
  transform: rotate(164deg);
}

.dx-module-visual__node--3 {
  bottom: 18%;
  right: 22%;
  animation-delay: 1.3s;
}

.dx-module-visual__node--3::after {
  transform: rotate(-150deg);
}

.dx-module-visual__node--4 {
  display: none;
}

.dx-module-visual__icon::after {
  content: "";
  position: absolute;
  inset: -4%;
  border-radius: 24px;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.38) 50%, rgba(255, 255, 255, 0) 66%);
  opacity: 0.22;
  transform: translateX(-24%);
  mix-blend-mode: soft-light;
  pointer-events: none;
}

.dx-module-visual.is-visible .dx-module-visual__icon {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.dx-module-visual.is-visible .dx-module-visual__grid,
.dx-module-visual.is-visible .dx-module-visual__node {
  opacity: 1;
  transform: scale(1);
}

.dx-module-visual.is-visible .dx-module-visual__icon {
  animation:
    dx-module-float 7s ease-in-out infinite,
    dx-module-breathe 3.8s ease-in-out infinite;
}

.dx-module-visual.is-visible .dx-module-visual__icon::after {
  animation: dx-module-sheen 4.8s ease-in-out infinite 1s;
}

.dx-module-visual.is-visible .dx-module-visual__icon svg > *:nth-child(1) {
  animation: dx-module-layer-rise 0.9s ease both 0.08s;
}

.dx-module-visual.is-visible .dx-module-visual__icon svg > *:nth-child(2) {
  animation: dx-module-layer-rise 0.9s ease both 0.18s;
}

.dx-module-visual.is-visible .dx-module-visual__icon svg > *:nth-child(3) {
  animation: dx-module-layer-rise 0.9s ease both 0.28s;
}

.dx-module-visual.is-visible .dx-module-visual__icon svg > *:nth-child(4) {
  animation: dx-module-layer-rise 0.9s ease both 0.38s;
}

.dx-module-section__visual:hover .dx-module-visual__icon,
.dx-module-section:hover .dx-module-visual__icon {
  filter: drop-shadow(0 14px 28px rgba(3, 7, 15, 0.34));
  transform: translateY(-1px) scale(1.025);
}

.dx-module-section__visual:hover .dx-module-visual__effect,
.dx-module-section:hover .dx-module-visual__effect {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 72px rgba(var(--module-accent-rgb), 0.14);
}

.dx-module-section__visual:hover .dx-module-visual__node,
.dx-module-section:hover .dx-module-visual__node {
  box-shadow:
    0 0 0 8px rgba(var(--module-accent-rgb), 0.18),
    0 0 22px rgba(var(--module-accent-rgb), 0.4);
}

.dx-module-section__visual:hover .dx-module-visual__grid,
.dx-module-section:hover .dx-module-visual__grid {
  opacity: 0.38;
}

.dx-module-visual--sales {
  --module-accent-rgb: 227 248 255;
}

.dx-module-visual--service {
  --module-accent-rgb: 236 231 251;
}

.dx-module-visual--field {
  --module-accent-rgb: 255 248 221;
}

.dx-module-visual--journeys {
  --module-accent-rgb: 227 248 255;
}

.dx-module-visual--powerapps {
  --module-accent-rgb: 248 223 239;
}

.dx-module-visual--automate {
  --module-accent-rgb: 236 231 251;
}

.dx-module-visual--pages {
  --module-accent-rgb: 241 221 253;
}

.dx-module-visual--dataverse {
  --module-accent-rgb: 236 231 251;
}

.dx-module-visual--copilot {
  --module-accent-rgb: 223 243 217;
}


.dx-contact__form,
.dx-contact__card {
  padding: 3rem;
  border-radius: 26px;
  background: var(--dx-panel-strong);
}

.dx-contact__form form {
  margin-top: 2rem;
  display: grid;
  gap: 1rem;
}

.dx-contact__form label span {
  display: block;
  margin-bottom: 0.4rem;
  color: rgba(225, 236, 248, 0.72);
  font-size: 0.75rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.dx-contact__form input,
.dx-contact__form textarea,
.dx-contact__form select {
  width: 100%;
  padding: 0.9rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(114, 181, 248, 0.14);
  color: var(--dx-text);
  background: rgba(5, 14, 31, 0.72);
}

.dx-contact__form textarea {
  min-height: 150px;
  resize: vertical;
}

.dx-contact__card h3 {
  margin-top: 0;
  font-size: 1.6rem;
}

.dx-contact__meta {
  margin-top: 1.1rem;
  color: rgba(225, 236, 248, 0.64);
  font-size: 0.75rem;
  letter-spacing: 0.38em;
  text-transform: uppercase;
}

.dx-footer {
  padding: 3rem 4rem 5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  text-align: center;
}

.dx-footer__logo {
  margin-bottom: 0.5rem;
  letter-spacing: 0.8em;
  text-transform: uppercase;
}

.dx-footer__links {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem 1.5rem;
  font-size: 0.8rem;
  letter-spacing: 0.4em;
}

.dx-footer__links a {
  color: var(--dx-text-muted);
}

.dx-contact {
  position: relative;
  padding: 6rem 4rem 4.5rem;
}

.dx-contact::before {
  content: "";
  position: absolute;
  inset: 8% 10% 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 38%, rgba(77, 170, 247, 0.12), transparent 22%),
    radial-gradient(circle at 76% 28%, rgba(31, 101, 179, 0.14), transparent 28%),
    radial-gradient(circle at 52% 72%, rgba(245, 248, 252, 0.05), transparent 26%);
  filter: blur(28px);
}

.dx-contact__shell {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 4rem 3rem;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(114, 181, 248, 0.16);
  background:
    linear-gradient(145deg, rgba(8, 20, 43, 0.88), rgba(4, 10, 23, 0.97)),
    radial-gradient(circle at 16% 16%, rgba(77, 170, 247, 0.14), transparent 26%),
    radial-gradient(circle at 84% 24%, rgba(31, 101, 179, 0.12), transparent 28%);
  box-shadow:
    0 34px 90px rgba(3, 7, 15, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-contact__shell::before,
.dx-contact__shell::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dx-contact__shell::before {
  z-index: 1;
  background-image:
    linear-gradient(rgba(77, 170, 247, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(77, 170, 247, 0.04) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: 0.5;
  mask-image: radial-gradient(circle at center, black 30%, transparent 88%);
}

.dx-contact__shell::after {
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(245, 248, 252, 0.03), transparent 26%),
    linear-gradient(90deg, rgba(4, 10, 23, 0.72) 0%, rgba(4, 10, 23, 0.5) 42%, rgba(4, 10, 23, 0.68) 100%),
    radial-gradient(circle at 50% 0%, rgba(245, 248, 252, 0.05), transparent 18%);
}

/* Kontaktvideo innerhalb des Kontakt-Shells; Text und Pills liegen z-index-technisch darueber. */
.dx-contact__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 0.56;
  filter: saturate(0.96) brightness(0.8) contrast(1.04);
  transform: scale(1.36);
  transform-origin: center center;
}

.dx-contact__header {
  position: relative;
  z-index: 3;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.dx-contact__header h2 {
  margin: 0.55rem 0 1rem;
  font-size: clamp(3.4rem, 8vw, 7rem);
  font-weight: 300;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.dx-contact__header p:last-child {
  max-width: 620px;
  margin: 0 auto;
  color: rgba(225, 236, 248, 0.76);
  font-size: 1.06rem;
  line-height: 1.8;
}

.dx-contact__items {
  position: relative;
  z-index: 3;
  margin-top: 2.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.dx-contact-pill {
  min-width: 82px;
  max-width: min(100%, 360px);
  display: inline-flex;
  align-items: center;
  gap: 0.95rem;
  padding: 0.9rem 1rem;
  overflow: hidden;
  border-radius: 999px;
  border: 1px solid rgba(114, 181, 248, 0.18);
  background:
    linear-gradient(145deg, rgba(10, 24, 52, 0.82), rgba(5, 14, 31, 0.94)),
    radial-gradient(circle at 18% 50%, rgba(77, 170, 247, 0.14), transparent 32%);
  color: var(--dx-white);
  box-shadow:
    0 18px 42px rgba(3, 7, 15, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition:
    width 0.36s ease,
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}

.dx-contact-pill:hover,
.dx-contact-pill:focus-visible,
.dx-contact-pill:focus-within {
  transform: translateY(-2px);
  border-color: rgba(114, 181, 248, 0.34);
  box-shadow:
    0 24px 54px rgba(3, 7, 15, 0.42),
    0 0 0 1px rgba(77, 170, 247, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  background:
    linear-gradient(145deg, rgba(12, 30, 64, 0.9), rgba(5, 14, 31, 0.96)),
    radial-gradient(circle at 16% 50%, rgba(77, 170, 247, 0.2), transparent 34%);
}

.dx-contact-pill__icon {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(114, 181, 248, 0.16);
  background: linear-gradient(145deg, rgba(13, 35, 75, 0.85), rgba(7, 18, 39, 0.96));
  color: var(--dx-white);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-contact-pill__icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.dx-contact-pill__content {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  transition:
    max-width 0.36s ease,
    opacity 0.22s ease;
}

.dx-contact-pill:hover .dx-contact-pill__content,
.dx-contact-pill:focus-visible .dx-contact-pill__content,
.dx-contact-pill:focus-within .dx-contact-pill__content {
  max-width: 220px;
  opacity: 1;
}

.dx-contact-pill__label,
.dx-contact-pill__value {
  display: block;
}

.dx-contact-pill__label {
  margin-bottom: 0.15rem;
  color: rgba(225, 236, 248, 0.58);
  font-size: 0.66rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
}

.dx-contact-pill__value {
  color: var(--dx-white);
  font-size: 0.95rem;
  letter-spacing: 0.02em;
}

.dx-footer {
  padding: 2.6rem 4rem 3rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(4, 10, 23, 0.18), rgba(3, 7, 15, 0.42));
}

.dx-footer__grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem 2.5rem;
  align-items: start;
}

.dx-footer__col--firma,
.dx-footer__col--firma .dx-footer__stack {
  justify-items: start;
  text-align: left;
}

.dx-footer__col--rechtliches,
.dx-footer__col--rechtliches .dx-footer__stack {
  justify-items: center;
  text-align: center;
}

.dx-footer__col--connect {
  justify-self: end;
}

.dx-footer__col--connect,
.dx-footer__col--connect .dx-footer__social {
  justify-content: flex-end;
  justify-items: end;
  text-align: right;
}

.dx-footer__col h3 {
  margin: 0 0 1rem;
  color: var(--dx-white);
  font-size: 0.82rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.dx-footer__stack {
  display: grid;
  gap: 0.38rem;
}

.dx-footer__stack p,
.dx-footer__stack a {
  margin: 0;
  color: var(--dx-text-muted);
  font-size: 0.94rem;
  line-height: 1.7;
}

.dx-footer__links {
  gap: 0.5rem;
}

.dx-footer__stack a,
.dx-footer__social a {
  transition: color 0.25s ease, transform 0.25s ease;
}

.dx-footer__stack a:hover,
.dx-footer__social a:hover {
  color: var(--dx-white);
  transform: translateY(-1px);
}

.dx-footer__social {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.7rem;
}

.dx-footer__social a {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(114, 181, 248, 0.14);
  background: linear-gradient(145deg, rgba(10, 24, 52, 0.68), rgba(5, 14, 31, 0.84));
  color: rgba(245, 248, 252, 0.82);
}

.dx-footer__social svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.dx-legal-page main {
  padding-top: 120px;
}

.dx-legal-page__section {
  padding: 1rem 4rem 5rem;
}

.dx-legal-page__content {
  max-width: 920px;
  margin: 0 auto;
  padding: 3rem;
  border-radius: 28px;
  border: 1px solid rgba(114, 181, 248, 0.14);
  background:
    linear-gradient(145deg, rgba(8, 20, 43, 0.86), rgba(4, 10, 23, 0.97)),
    radial-gradient(circle at 14% 18%, rgba(77, 170, 247, 0.1), transparent 24%);
  box-shadow:
    0 30px 80px rgba(3, 7, 15, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-legal-page__content h1 {
  margin: 0.6rem 0 1rem;
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 300;
}

.dx-legal-page__content h2 {
  margin: 2rem 0 0.6rem;
  font-size: 1.1rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.dx-legal-page__content p {
  color: var(--dx-text-muted);
  line-height: 1.85;
}

.dx-legal-page__content ul {
  margin: 0.8rem 0 0;
  padding-left: 1.15rem;
  color: var(--dx-text-muted);
  line-height: 1.85;
}

.dx-support-page main {
  padding-top: 120px;
}

.dx-support-page__hero {
  padding: 1.25rem 4rem 2.5rem;
}

.dx-support-page__hero-shell {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  padding: 3rem;
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(114, 181, 248, 0.16);
  background:
    linear-gradient(145deg, rgba(9, 20, 43, 0.9), rgba(4, 10, 23, 0.98)),
    radial-gradient(circle at 78% 22%, rgba(82, 214, 122, 0.14), transparent 22%),
    radial-gradient(circle at 18% 18%, rgba(77, 170, 247, 0.12), transparent 24%);
  box-shadow:
    0 36px 96px rgba(3, 7, 15, 0.54),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-support-page__hero-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(4, 10, 23, 0.74) 0%, rgba(4, 10, 23, 0.5) 42%, rgba(4, 10, 23, 0.68) 100%),
    linear-gradient(180deg, rgba(4, 10, 23, 0.14), rgba(4, 10, 23, 0.4));
}

/* Support-Video innerhalb des Hero-Shells; Overlay und Text liegen darueber. */
.dx-support-page__hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 0.62;
  filter: saturate(0.96) brightness(0.82) contrast(1.04);
}

.dx-support-page__hero-content {
  position: relative;
  z-index: 2;
}

.dx-support-page__hero-shell h1 {
  margin: 0.6rem 0 0.9rem;
  font-size: clamp(2.8rem, 6vw, 5rem);
  font-weight: 300;
  line-height: 0.98;
}

.dx-support-page__hero-shell p:last-child {
  max-width: 720px;
  color: rgba(225, 236, 248, 0.76);
  line-height: 1.82;
}

.dx-support-page__section {
  padding: 1rem 4rem 5rem;
}

.dx-support-form {
  max-width: 1180px;
  margin: 0 auto;
  padding: 2.6rem;
  border-radius: 30px;
  border: 1px solid rgba(114, 181, 248, 0.16);
  background:
    linear-gradient(145deg, rgba(8, 20, 43, 0.88), rgba(4, 10, 23, 0.97)),
    radial-gradient(circle at 84% 18%, rgba(255, 211, 94, 0.08), transparent 18%),
    radial-gradient(circle at 16% 24%, rgba(77, 170, 247, 0.12), transparent 22%);
  box-shadow:
    0 34px 90px rgba(3, 7, 15, 0.56),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-support-form__head {
  max-width: 760px;
  margin-bottom: 2rem;
}

.dx-support-form__head h2 {
  margin: 0.55rem 0 0.8rem;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 300;
}

.dx-support-form__head p {
  color: rgba(225, 236, 248, 0.72);
  line-height: 1.8;
}

.dx-support-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.1rem;
  overflow: visible;
}

.dx-support-form__group {
  display: grid;
  gap: 0.5rem;
  position: relative;
  overflow: visible;
  z-index: 1;
}

.dx-support-form__group--full {
  grid-column: 1 / -1;
}

.dx-support-form__group span,
.dx-support-form__dropzone-label {
  color: rgba(225, 236, 248, 0.72);
  font-size: 0.72rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.dx-support-form input,
.dx-support-form select,
.dx-support-form textarea {
  width: 100%;
  padding: 1rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(114, 181, 248, 0.14);
  background: rgba(5, 14, 31, 0.74);
  color: var(--dx-text);
}

/* Supportformular: native Inputs/Textareas im gleichen Dark/Premium-Stil wie die Custom Selects. */
.dx-support-form input:not(.dx-support-select__native),
.dx-support-form textarea {
  min-height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(145deg, rgba(7, 18, 39, 0.88), rgba(4, 10, 23, 0.96)),
    radial-gradient(circle at 88% 18%, rgba(255, 211, 94, 0.05), transparent 22%);
  color: rgba(235, 241, 248, 0.94);
  caret-color: rgba(255, 211, 94, 0.88);
  box-shadow: none;
  outline: none;
  appearance: none;
  transition:
    border-color 140ms ease,
    background-color 140ms ease,
    box-shadow 140ms ease,
    transform 140ms ease,
    color 140ms ease;
}

.dx-support-form input:not(.dx-support-select__native):hover,
.dx-support-form textarea:hover {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(145deg, rgba(9, 22, 46, 0.92), rgba(4, 10, 23, 0.98)),
    radial-gradient(circle at 88% 18%, rgba(255, 211, 94, 0.06), transparent 22%);
}

.dx-support-form input:not(.dx-support-select__native):focus,
.dx-support-form input:not(.dx-support-select__native):focus-visible,
.dx-support-form textarea:focus,
.dx-support-form textarea:focus-visible {
  border-color: rgba(255, 211, 94, 0.34);
  box-shadow:
    0 0 0 3px rgba(255, 211, 94, 0.12),
    0 18px 34px rgba(3, 7, 15, 0.26);
}

.dx-support-form input:not(.dx-support-select__native)::placeholder,
.dx-support-form textarea::placeholder {
  color: rgba(190, 207, 226, 0.48);
}

.dx-support-form input:not(.dx-support-select__native):disabled,
.dx-support-form textarea:disabled {
  opacity: 0.56;
  cursor: not-allowed;
}

.dx-support-form input:not(.dx-support-select__native):invalid:focus,
.dx-support-form textarea:invalid:focus {
  border-color: rgba(255, 183, 77, 0.36);
  box-shadow: 0 0 0 3px rgba(255, 183, 77, 0.08);
}

.dx-support-form--native-selects select {
  min-height: 56px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(145deg, rgba(7, 18, 39, 0.88), rgba(4, 10, 23, 0.96)),
    radial-gradient(circle at 88% 18%, rgba(255, 211, 94, 0.05), transparent 22%);
  color: rgba(235, 241, 248, 0.94);
  caret-color: rgba(255, 211, 94, 0.88);
  box-shadow: none;
  outline: none;
  appearance: auto;
  transition:
    border-color 140ms ease,
    background-color 140ms ease,
    box-shadow 140ms ease,
    color 140ms ease;
}

.dx-support-form--native-selects select:hover {
  border-color: rgba(255, 255, 255, 0.12);
}

.dx-support-form--native-selects select:focus,
.dx-support-form--native-selects select:focus-visible {
  border-color: rgba(255, 211, 94, 0.34);
  box-shadow:
    0 0 0 3px rgba(255, 211, 94, 0.12),
    0 18px 34px rgba(3, 7, 15, 0.26);
}

/* Custom-Select fuer das Supportformular; der native Select bleibt technisch im DOM erhalten. */
.dx-support-select {
  position: relative;
  z-index: 1;
}

.dx-support-select__native {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.dx-support-select__button {
  position: relative;
  width: 100%;
  min-height: 56px;
  padding: 1rem 3.2rem 1rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(145deg, rgba(7, 18, 39, 0.88), rgba(4, 10, 23, 0.96)),
    radial-gradient(circle at 88% 18%, rgba(255, 211, 94, 0.05), transparent 22%);
  color: rgba(235, 241, 248, 0.94);
  text-align: left;
  transition:
    border-color 140ms ease,
    background-color 140ms ease,
    box-shadow 140ms ease,
    transform 140ms ease;
}

.dx-support-select__button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0.72rem;
  height: 0.72rem;
  border-right: 1.5px solid rgba(255, 211, 94, 0.72);
  border-bottom: 1.5px solid rgba(255, 211, 94, 0.72);
  transform: translateY(-62%) rotate(45deg);
  transition: transform 140ms ease, opacity 140ms ease;
  opacity: 0.86;
}

.dx-support-select__button:hover {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(145deg, rgba(9, 22, 46, 0.92), rgba(4, 10, 23, 0.98)),
    radial-gradient(circle at 88% 18%, rgba(255, 211, 94, 0.06), transparent 22%);
}

.dx-support-select__button:focus-visible {
  outline: none;
  border-color: rgba(255, 211, 94, 0.34);
  box-shadow:
    0 0 0 3px rgba(255, 211, 94, 0.12),
    0 18px 34px rgba(3, 7, 15, 0.26);
}

.dx-support-select--open .dx-support-select__button {
  border-color: rgba(255, 211, 94, 0.28);
  box-shadow:
    0 0 0 2px rgba(255, 211, 94, 0.08),
    0 18px 34px rgba(3, 7, 15, 0.22);
}

.dx-support-form__group.dx-support-form__group--select-open {
  z-index: 220;
}

.dx-support-select--open {
  z-index: 220;
}

.dx-support-select--open .dx-support-select__button::after {
  transform: translateY(-38%) rotate(225deg);
}

.dx-support-select__value {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.98rem;
  line-height: 1.35;
}

.dx-support-select__panel {
  position: absolute;
  top: calc(100% + 0.55rem);
  left: 0;
  right: 0;
  z-index: 230;
  max-height: 284px;
  overflow: auto;
  padding: 0.45rem;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(160deg, rgba(8, 20, 43, 0.98), rgba(4, 10, 23, 0.99)),
    radial-gradient(circle at 84% 16%, rgba(255, 211, 94, 0.05), transparent 18%);
  box-shadow:
    0 24px 48px rgba(3, 7, 15, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease;
}

.dx-support-select--open .dx-support-select__panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dx-support-select__option {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0.8rem 2.5rem 0.8rem 0.9rem;
  border-radius: 12px;
  color: rgba(228, 237, 246, 0.9);
  font-size: 0.95rem;
  line-height: 1.35;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

.dx-support-select__option:hover,
.dx-support-select__option[data-active="true"] {
  background:
    linear-gradient(145deg, rgba(14, 28, 55, 0.96), rgba(8, 18, 37, 0.98)),
    radial-gradient(circle at 100% 50%, rgba(255, 211, 94, 0.06), transparent 24%);
  box-shadow: inset 0 0 0 1px rgba(255, 211, 94, 0.12);
}

.dx-support-select__option[aria-selected="true"] {
  color: rgba(255, 245, 220, 0.98);
  font-weight: 500;
}

.dx-support-select__option[aria-selected="true"]::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.5rem;
  bottom: 0.5rem;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 211, 94, 0.9), rgba(255, 183, 77, 0.72));
}

.dx-support-select__option[aria-selected="true"]::after {
  content: "";
  position: absolute;
  right: 0.9rem;
  top: 50%;
  width: 0.7rem;
  height: 0.38rem;
  border-left: 2px solid rgba(255, 211, 94, 0.88);
  border-bottom: 2px solid rgba(255, 211, 94, 0.88);
  transform: translateY(-66%) rotate(-45deg);
}

.dx-support-select--disabled .dx-support-select__button {
  opacity: 0.56;
  cursor: not-allowed;
}

.dx-support-select--error .dx-support-select__button {
  border-color: rgba(255, 183, 77, 0.36);
  box-shadow: 0 0 0 3px rgba(255, 183, 77, 0.08);
}

.dx-support-form textarea {
  min-height: 160px;
  padding-top: 1rem;
  resize: vertical;
}

.dx-support-form__dropzone {
  min-height: 124px;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  border: 1px dashed rgba(114, 181, 248, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(11, 26, 56, 0.7), rgba(6, 16, 34, 0.9)),
    radial-gradient(circle at center, rgba(77, 170, 247, 0.08), transparent 52%);
  text-align: center;
  color: rgba(225, 236, 248, 0.62);
  line-height: 1.7;
}

.dx-support-form__actions {
  margin-top: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.dx-support-form__note {
  max-width: 520px;
  color: rgba(225, 236, 248, 0.62);
  font-size: 0.9rem;
  line-height: 1.72;
}

.dx-module-page main {
  padding-top: 102px;
}

.dx-module-page .dx-page-shell {
  background:
    linear-gradient(180deg, rgba(3, 7, 15, 0.12), rgba(3, 7, 15, 0.34)),
    radial-gradient(circle at 50% -10%, rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.09), transparent 34%);
}

.dx-module-page {
  --module-accent: #e3f8ff;
}

.dx-module-page .dx-navbar__nav a {
  font-size: 0.8rem;
}

.dx-module-page .dx-footer {
  padding-top: 1.5rem;
}

.dx-module-hero {
  position: relative;
  padding: 1.5rem 4rem 3rem;
}

.dx-module-hero__shell {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 2.5rem 2.6rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.92fr);
  gap: 2rem;
  align-items: center;
  min-height: min(78vh, 760px);
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid color-mix(in srgb, var(--module-accent) 16%, transparent);
  background:
    linear-gradient(145deg, rgba(9, 18, 37, 0.92), rgba(5, 12, 27, 0.985)),
    radial-gradient(circle at 72% 48%, color-mix(in srgb, var(--module-accent) 16%, transparent), transparent 32%),
    radial-gradient(circle at 14% 16%, color-mix(in srgb, var(--module-accent) 14%, transparent), transparent 28%);
  box-shadow:
    0 42px 120px rgba(3, 7, 15, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.dx-module-hero__shell::before,
.dx-module-hero__shell::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dx-module-hero__shell::before {
  background:
    radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--module-accent) 22%, transparent), transparent 22%),
    radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--module-accent) 26%, transparent), transparent 24%),
    radial-gradient(circle at 72% 56%, color-mix(in srgb, var(--module-accent) 24%, transparent), transparent 28%),
    radial-gradient(circle at 58% 82%, color-mix(in srgb, var(--module-accent) 18%, transparent), transparent 24%);
  filter: blur(22px);
  opacity: 1;
}

.dx-module-hero__shell::after {
  background-image:
    linear-gradient(color-mix(in srgb, var(--module-accent) 10%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--module-accent) 10%, transparent) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: radial-gradient(circle at 68% 52%, black 18%, transparent 82%);
  opacity: 0.44;
}

.dx-module-hero__copy {
  position: relative;
  z-index: 2;
  max-width: 610px;
}

.dx-module-hero__copy h1 {
  margin: 0.7rem 0 1rem;
  font-size: clamp(3.2rem, 5vw, 5.8rem);
  line-height: 0.98;
  font-weight: 300;
  letter-spacing: -0.03em;
}

.dx-module-hero__lead {
  max-width: 56ch;
  color: rgba(233, 241, 250, 0.78);
  font-size: 1.08rem;
  line-height: 1.86;
}

.dx-module-hero__actions {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.1rem;
}

.dx-module-hero__wave,
.dx-module-hero__pulse {
  display: none;
}

.dx-module-hero__scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  color: var(--module-accent);
}

.dx-module-hero__scene::before,
.dx-module-hero__scene::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dx-module-hero__scene::before {
  background:
    radial-gradient(circle at 72% 44%, color-mix(in srgb, var(--module-accent) 34%, transparent), transparent 24%),
    radial-gradient(circle at 86% 58%, color-mix(in srgb, var(--module-accent) 22%, transparent), transparent 20%),
    radial-gradient(circle at 28% 72%, color-mix(in srgb, var(--module-accent) 14%, transparent), transparent 28%);
  filter: blur(24px);
  opacity: 1;
}

.dx-module-hero__scene::after {
  background:
    linear-gradient(90deg, transparent 0%, rgba(4, 10, 23, 0.18) 16%, rgba(4, 10, 23, 0.05) 42%, transparent 72%),
    radial-gradient(circle at 76% 50%, color-mix(in srgb, var(--module-accent) 16%, transparent), transparent 34%);
  opacity: 0.92;
}

.dx-module-hero__scene-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: inherit;
}

.dx-module-hero__scene-svg * {
  transform-box: fill-box;
  transform-origin: center;
}

.dx-module-hero__scene-layer--grid {
  opacity: 0.28;
}

.dx-module-hero__scene-grid {
  stroke: color-mix(in srgb, var(--module-accent) 18%, transparent);
  stroke-width: 1;
}

.dx-module-hero__scene-grid--soft {
  stroke: color-mix(in srgb, var(--module-accent) 10%, transparent);
}

.dx-module-hero__scene-layer--mesh {
  opacity: 0.46;
}

.dx-module-hero__scene-mesh {
  fill: none;
  stroke: color-mix(in srgb, var(--module-accent) 30%, transparent);
  stroke-width: 0.95;
}

.dx-module-hero__scene-mesh--soft {
  stroke: color-mix(in srgb, var(--module-accent) 16%, transparent);
  stroke-width: 0.75;
}

.dx-module-hero__scene-layer--ribbon-back {
  opacity: 0.32;
  filter: blur(10px);
  animation: dx-module-ribbon-sway 20s ease-in-out infinite alternate;
}

.dx-module-hero__scene-layer--ribbon-mid {
  opacity: 0.44;
  animation: dx-module-ribbon-sway 16s ease-in-out infinite alternate-reverse;
}

.dx-module-hero__scene-layer--ribbon-front {
  opacity: 0.68;
  animation: dx-module-ribbon-rise 14s ease-in-out infinite alternate;
}

.dx-module-hero__scene-ribbon {
  fill: none;
  stroke: color-mix(in srgb, var(--module-accent) 52%, transparent);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dx-module-hero__scene-ribbon--wide {
  stroke-width: 18;
}

.dx-module-hero__scene-ribbon--mid {
  stroke-width: 9;
}

.dx-module-hero__scene-ribbon--thin {
  stroke-width: 4.25;
}

.dx-module-hero__scene-layer--signals {
  opacity: 0.74;
}

.dx-module-hero__scene-signal {
  fill: none;
  stroke: color-mix(in srgb, var(--module-accent) 68%, transparent);
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: dx-module-signal-flow 24s ease-in-out infinite alternate;
}

.dx-module-hero__scene-signal--soft {
  stroke: color-mix(in srgb, var(--module-accent) 40%, transparent);
  stroke-width: 0.9;
  animation-duration: 30s;
}

.dx-module-hero__scene-layer--nodes {
  opacity: 0.82;
}

.dx-module-hero__scene-node {
  fill: color-mix(in srgb, var(--module-accent) 92%, white 8%);
  filter: drop-shadow(0 0 14px color-mix(in srgb, var(--module-accent) 54%, transparent));
  animation: dx-module-node-flicker 6s ease-in-out infinite;
}

.dx-module-hero__scene-node:nth-of-type(2) {
  animation-delay: -1.6s;
}

.dx-module-hero__scene-node:nth-of-type(3) {
  animation-delay: -3.2s;
}

.dx-module-hero__icon {
  position: absolute;
  top: 39%;
  right: clamp(1.6rem, 5vw, 4.4rem);
  width: min(33vw, 350px);
  height: min(33vw, 350px);
  display: grid;
  place-items: center;
  z-index: 3;
  transform: translateY(-50%);
}

.dx-module-hero__icon > svg {
  width: min(100%, 286px);
  height: auto;
  display: block;
  visibility: visible;
  opacity: 1;
  filter:
    drop-shadow(0 18px 34px rgba(3, 7, 15, 0.36))
    drop-shadow(0 0 40px color-mix(in srgb, var(--module-accent) 36%, transparent));
  animation: dx-module-hero-float 7s ease-in-out infinite;
}

.dx-module-stat strong,
.dx-module-step__index,
.dx-module-scenario__eyebrow,
.dx-module-outcome__eyebrow {
  color: rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.96);
}

.dx-module-hero__stats {
  max-width: 1240px;
  margin: 1.5rem auto 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.dx-module-stat,
.dx-module-panel,
.dx-module-step,
.dx-module-scenario,
.dx-module-outcome {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.12);
  background:
    linear-gradient(160deg, rgba(10, 24, 52, 0.82), rgba(5, 14, 31, 0.94));
  box-shadow:
    0 24px 72px rgba(3, 7, 15, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-module-stat::before,
.dx-module-panel::before,
.dx-module-step::before,
.dx-module-scenario::before,
.dx-module-outcome::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 16% 18%, rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.12), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.dx-module-stat {
  padding: 1.35rem 1.5rem;
}

.dx-module-stat strong {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.78rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.dx-module-stat span {
  color: var(--dx-text-muted);
  line-height: 1.6;
}

.dx-module-page__section {
  padding: 2.6rem 4rem 5.6rem;
}

.dx-module-section__intro {
  max-width: 780px;
  margin: 0 auto 2.6rem;
  text-align: center;
}

.dx-module-section__intro h2 {
  margin: 0.5rem 0 0.75rem;
  font-size: clamp(2rem, 3vw, 3.2rem);
  font-weight: 300;
}

.dx-module-section__intro p {
  color: rgba(230, 239, 249, 0.72);
  line-height: 1.82;
}

.dx-module-grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  gap: 1.3rem;
}

.dx-module-grid--two {
  grid-template-columns: 1.15fr 0.85fr;
}

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

.dx-module-panel,
.dx-module-step,
.dx-module-scenario,
.dx-module-outcome {
  padding: 1.8rem;
}

.dx-module-panel h3,
.dx-module-step h3,
.dx-module-scenario h3,
.dx-module-outcome h3 {
  margin: 0 0 0.8rem;
  font-size: 1.18rem;
}

.dx-module-panel p,
.dx-module-step p,
.dx-module-scenario p,
.dx-module-outcome p {
  color: var(--dx-text-muted);
  line-height: 1.75;
}

.dx-module-panel--accent {
  background:
    linear-gradient(160deg, rgba(12, 28, 60, 0.88), rgba(6, 16, 34, 0.96)),
    radial-gradient(circle at 84% 14%, rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.12), transparent 24%);
}

.dx-module-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1.25rem 0 1rem;
}

.dx-module-chip-list span {
  padding: 0.55rem 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.18);
  background: rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.08);
  color: rgba(244, 248, 252, 0.92);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.dx-module-steps {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.3rem;
}

.dx-module-step__index,
.dx-module-scenario__eyebrow,
.dx-module-outcome__eyebrow {
  display: inline-flex;
  margin-bottom: 0.85rem;
  font-size: 0.72rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.dx-module-section--soft {
  position: relative;
}

.dx-module-section--soft::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.08), transparent 26%),
    radial-gradient(circle at 88% 82%, rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.06), transparent 24%);
}

.dx-module-closing {
  max-width: 1240px;
  margin: 0 auto;
  padding: 2.2rem;
  border-radius: 30px;
  border: 1px solid rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.14);
  background:
    linear-gradient(145deg, rgba(9, 20, 43, 0.92), rgba(5, 13, 28, 0.98)),
    radial-gradient(circle at 18% 20%, rgba(var(--dx-module-accent-rgb, 227, 248, 255), 0.12), transparent 24%);
  box-shadow:
    0 36px 96px rgba(3, 7, 15, 0.54),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.dx-module-closing__head {
  max-width: 760px;
  margin: 0 auto 2rem;
  text-align: center;
}

.dx-module-closing__head h2 {
  margin: 0.5rem 0 0.8rem;
  font-size: clamp(2rem, 3vw, 3.1rem);
  font-weight: 300;
}

.dx-module-closing__head p {
  color: rgba(230, 239, 249, 0.72);
  line-height: 1.82;
}

.dx-module-outcomes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}

.dx-module-closing__actions {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

@keyframes dx-page-bloom {
  from {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.62;
  }

  to {
    transform: translate3d(0, -2%, 0) scale(1.04);
    opacity: 0.84;
  }
}

@keyframes dx-atmos-drift {
  from {
    transform: translate3d(0, 0, 0) scale(1);
  }

  to {
    transform: translate3d(1.5%, -2.5%, 0) scale(1.06);
  }
}

@keyframes dx-detail-drift {
  from {
    transform: translate3d(0, 0, 0) scale(1);
  }

  to {
    transform: translate3d(-1.5%, 1.5%, 0) scale(1.03);
  }
}

@keyframes dx-noise-shift {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -1.2%, 0);
  }
}

@keyframes dx-node-pulse {
  0%,
  100% {
    box-shadow:
      0 0 0 8px rgba(44, 137, 208, 0.1),
      0 0 18px rgba(63, 169, 245, 0.28);
    transform: scale(1);
  }

  50% {
    box-shadow:
      0 0 0 12px rgba(44, 137, 208, 0.16),
      0 0 28px rgba(63, 169, 245, 0.48);
    transform: scale(1.08);
  }
}

@keyframes dx-support-pulse {
  0%,
  100% {
    opacity: 0.8;
    transform: scale(0.96);
  }

  50% {
    opacity: 1;
    transform: scale(1.14);
  }
}

@keyframes dx-module-float {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(-7px) scale(1.008);
  }
}

@keyframes dx-module-breathe {
  0%,
  100% {
    filter: drop-shadow(0 10px 28px rgba(3, 7, 15, 0.3)) drop-shadow(0 0 24px rgba(77, 170, 247, 0.18));
  }

  50% {
    filter: drop-shadow(0 14px 32px rgba(3, 7, 15, 0.34)) drop-shadow(0 0 34px rgba(77, 170, 247, 0.28));
  }
}

@keyframes dx-module-layer-rise {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes dx-module-sheen {
  0%,
  55%,
  100% {
    opacity: 0;
    transform: translateX(-24%);
  }

  25% {
    opacity: 0.38;
    transform: translateX(24%);
  }
}

@keyframes dx-module-node-pulse {
  0%,
  100% {
    transform: scale(0.9);
    opacity: 0.56;
  }

  50% {
    transform: scale(1.08);
    opacity: 1;
  }
}

@keyframes dx-module-wave-drift {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scaleX(1);
  }

  50% {
    transform: translate3d(2%, -6%, 0) scaleX(1.03);
  }
}

@keyframes dx-module-pulse-field {
  0%,
  100% {
    opacity: 0.34;
    transform: scale(1);
  }

  50% {
    opacity: 0.62;
    transform: scale(1.08);
  }
}

@keyframes dx-module-hero-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -18px, 0);
  }
}

@keyframes dx-module-ribbon-sway {
  from {
    transform: translate3d(0, 0, 0) scaleY(1) rotate(0deg);
  }

  to {
    transform: translate3d(-2.4%, -5.8%, 0) scaleY(1.1) rotate(-2.2deg);
  }
}

@keyframes dx-module-ribbon-rise {
  from {
    transform: translate3d(0, 0, 0) scaleX(1) scaleY(1);
  }

  to {
    transform: translate3d(2.8%, -6.4%, 0) scaleX(1.04) scaleY(1.12);
  }
}

@keyframes dx-module-signal-flow {
  from {
    transform: translate3d(0, 0, 0) scaleY(1);
  }

  to {
    transform: translate3d(1.8%, -4.8%, 0) scaleY(1.08);
  }
}

@keyframes dx-module-node-flicker {
  0%,
  100% {
    opacity: 0.56;
    transform: scale(0.92);
  }

  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}


/* ===== Dynabryx Clean-up: reduce GPU flicker + remove extra effects ===== */

/* 1) Stop the animated background layers (can cause flicker on ultrawide / Safari / some GPUs) */
#dx-background::before,
#dx-background::after {
  animation: none !important;
}
#dx-background::after {
  mix-blend-mode: normal !important;
}

/* 2) Disable heavy fixed backdrop layers (orbs / beams / halos / network) */
.dx-global-network,
.dx-sitebackdrop__orb,
.dx-sitebackdrop__beam,
.dx-sitebackdrop__halo {
  display: none !important;
}

/* 3) Remove the animated glow/network effect in the module visuals */
.dx-module-visual__nodes,
.dx-module-visual__node {
  display: none !important;
  animation: none !important;
}

/* 4) Remove module hover-lift / saturation (keeps UI calmer + reduces repaint churn) */
.dx-module-section__visual:hover,
.dx-module-section:hover .dx-module-section__visual {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

@media (max-width: 1024px) {
}

@media (max-width: 900px) {
  html,
  body,
  .dx-page-shell {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  html {
    scroll-behavior: auto;
  }

  body {
    overscroll-behavior-x: none;
  }

  #dx-background,
  .dx-sitebackdrop,
  .dx-atmosphere,
  .dx-testimonials__marquee,
  .dx-service-showcase__viewport,
  .dx-roadmap__stages {
    overflow-x: clip;
  }

  .dx-navbar {
    padding: 1rem 1.5rem;
  }

  .dx-navbar__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
  }

  .dx-navbar__logo {
    min-width: 0;
    margin-right: auto;
  }

  .dx-navbar__actions {
    grid-column: 2;
    gap: 0.65rem;
    justify-content: flex-end;
  }

  .dx-support-btn,
  .dx-responsive-nav-toggle {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    margin: 0;
    align-self: center;
  }

  .dx-support-btn {
    order: 1;
  }

  .dx-responsive-nav-toggle {
    order: 2;
    display: inline-flex;
  }

  .dx-navbar__nav {
    position: absolute;
    top: calc(100% + 0.75rem);
    left: 1.5rem;
    right: 1.5rem;
    z-index: 70;
    isolation: isolate;
    display: grid;
    gap: 0;
    padding: 1.05rem 1.15rem;
    border-radius: 22px;
    border: 1px solid rgba(114, 181, 248, 0.16);
    background: linear-gradient(160deg, rgba(7, 18, 39, 0.995), rgba(4, 10, 23, 1));
    box-shadow:
      0 28px 60px rgba(3, 7, 15, 0.54),
      inset 0 1px 0 rgba(255, 255, 255, 0.03);
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 0.16s ease, transform 0.16s ease;
  }

  body.dx-nav-open .dx-navbar__nav {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  body.dx-nav-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 59;
    background: rgba(3, 7, 15, 0.46);
    pointer-events: none;
  }

  .dx-navbar__nav a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
    padding: 0.8rem 0.15rem;
    border-radius: 0;
    border: 0;
    background: transparent;
    color: rgba(245, 248, 252, 0.96);
    font-weight: 500;
    letter-spacing: 0.12em;
    text-align: left;
    box-shadow: none;
    -webkit-font-smoothing: antialiased;
  }

  .dx-navbar__nav a + a {
    border-top: 1px solid rgba(255, 255, 255, 0.04);
  }

  .dx-navbar__nav a:hover,
  .dx-navbar__nav a:focus-visible {
    color: rgba(255, 211, 94, 0.96);
    border-color: transparent;
    background: transparent;
    transform: none;
  }

  .dx-navbar__nav a:last-child {
    margin-top: 0.55rem;
    padding: 0.95rem 1rem;
    border-top: 0;
    border-radius: 14px;
    border: 1px solid rgba(255, 211, 94, 0.18);
    background:
      linear-gradient(145deg, rgba(22, 40, 72, 0.96), rgba(9, 19, 37, 0.99)),
      radial-gradient(circle at 100% 50%, rgba(255, 211, 94, 0.08), transparent 28%);
    color: rgba(255, 245, 220, 0.98);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  }

  .dx-navbar__nav a:last-child:hover,
  .dx-navbar__nav a:last-child:focus-visible {
    background:
      linear-gradient(145deg, rgba(24, 46, 84, 0.98), rgba(9, 19, 37, 1)),
      radial-gradient(circle at 100% 50%, rgba(255, 211, 94, 0.12), transparent 30%);
  }

  .dx-hero {
    padding: 5rem 1.5rem 4rem;
  }

  .dx-dynabryx,
  .dx-founder {
    margin-top: 0;
  }

  .dx-roadmap__stages::before {
    left: 26px;
  }

  .dx-roadmap__stage,
  .dx-roadmap__stage:nth-child(odd),
  .dx-roadmap__stage:nth-child(even) {
    width: 100%;
    align-self: stretch;
  }

  .dx-roadmap__stage::after,
  .dx-roadmap__stage:nth-child(odd)::after,
  .dx-roadmap__stage:nth-child(even)::after {
    left: 18px;
    right: auto;
  }

  .dx-roadmap__stage::before,
  .dx-roadmap__stage:nth-child(odd)::before,
  .dx-roadmap__stage:nth-child(even)::before {
    top: 2.3rem;
    left: 26px;
    right: auto;
    width: calc(3rem + 8px);
    transform: none;
  }

  .dx-roadmap__card {
    width: calc(100% - 3rem);
    margin-left: 3rem;
  }

  .dx-roadmap__image,
  .dx-roadmap__text {
    margin-left: 0;
  }

  .dx-module-section,
  .dx-module-section--text-right {
    grid-template-columns: 1fr;
    padding: 2.5rem 1.5rem;
  }

  .dx-module-section__text {
    order: 1;
    max-width: none;
  }

  .dx-module-section__visual {
    order: 2;
  }

  .dx-service-showcase {
    --dx-service-slide-size: 240px;
    padding: 1.5rem;
  }

  .dx-services {
    grid-template-columns: 1fr;
  }

  .dx-services__lead {
    max-width: 720px;
    padding-top: 0;
  }

  .dx-service-showcase {
    width: 100%;
    margin-left: 0;
  }

  .dx-service-showcase__track {
    grid-auto-columns: minmax(240px, 78vw);
  }

  .dx-testimonials__track {
    grid-auto-columns: minmax(240px, 78vw);
  }

  .dx-service-offer {
    min-height: auto;
  }

  .dx-service-offer h4 {
    max-width: none;
  }

  .dx-service-offer__visual {
    height: 88px;
    margin-bottom: 1.3rem;
  }

  .dx-service-offer .dx-btn {
    margin-top: 1.7rem;
  }

  .dx-kpi-section {
    padding: 0 1.5rem 4.5rem;
  }

  .dx-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.75rem;
  }

  .dx-service-education__grid,
  .dx-learning-highlights,
  .dx-learning-offers__grid,
  .dx-learning-layout,
  .dx-learning-strips,
  .dx-learning-band__grid {
    grid-template-columns: 1fr;
  }

  .dx-contact {
    padding: 4.5rem 1.5rem 3.5rem;
  }

  .dx-contact__shell {
    padding: 3rem 1.5rem;
  }

  .dx-contact__video {
    transform: scale(1.18);
  }

  .dx-footer {
    padding: 2rem 1.5rem 2.5rem;
  }

  .dx-footer__grid {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }

  .dx-footer__col--connect {
    justify-self: start;
  }

  .dx-footer__col--rechtliches,
  .dx-footer__col--rechtliches .dx-footer__stack,
  .dx-footer__col--connect,
  .dx-footer__col--connect .dx-footer__social {
    justify-content: flex-start;
    justify-items: start;
    text-align: left;
  }

  .dx-legal-page__section {
    padding: 1rem 1.5rem 4rem;
  }

  .dx-legal-page__content {
    padding: 2rem 1.5rem;
  }

  .dx-support-page__hero,
  .dx-support-page__section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .dx-support-page__hero-shell,
  .dx-support-form {
    padding: 2rem 1.5rem;
  }

  .dx-support-form__grid {
    grid-template-columns: 1fr;
  }

  .dx-module-hero,
  .dx-module-page__section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .dx-module-hero__shell {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 1.8rem;
    gap: 1.5rem;
  }

  .dx-module-hero__stats,
  .dx-module-grid--two,
  .dx-module-grid--three,
  .dx-module-steps,
  .dx-module-outcomes {
    grid-template-columns: 1fr;
  }

  .dx-global-network,
  .dx-hero__canvas {
    display: none;
  }

  .dx-atmosphere,
  .dx-sitebackdrop__beam,
  .dx-sitebackdrop__halo {
    display: none;
  }

  .dx-sitebackdrop__orb {
    animation: none;
    filter: blur(6px);
  }

  #dx-background::before,
  #dx-background::after {
    animation: none;
  }

}

@media (max-width: 600px) {
  .dx-founder__section-marker {
    gap: 0.55rem;
    font-size: 0.7rem;
    letter-spacing: 0.24em;
  }

  .dx-founder__section-marker::before,
  .dx-founder__section-marker::after {
    width: min(10vw, 2rem);
  }

  .dx-founder__section-marker span {
    padding: 0.65rem 1.1rem;
  }

  .dx-navbar {
    padding: 0.85rem 1rem;
  }

  .dx-navbar__inner {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .dx-navbar__nav {
    left: 1rem;
    right: 1rem;
  }

  .dx-section,
  .dx-contact {
    padding: 3.75rem 1rem;
  }.dx-service-slide,
  .dx-service-offer,
  .dx-learning-highlight,
  .dx-learning-offer {
    padding: 1.5rem;
  }

  .dx-service-offer__visual {
    height: 78px;
    margin-bottom: 1.15rem;
  }

  .dx-service-offer p {
    font-size: 0.95rem;
    line-height: 1.72;
  }

  .dx-service-offer .dx-btn {
    width: 100%;
    justify-content: center;
    margin-top: 1.5rem;
  }

  .dx-contact__header h2 {
    font-size: clamp(2.7rem, 16vw, 4.4rem);
  }

  .dx-contact__video {
    transform: scale(1.08);
  }

  .dx-contact__items {
    flex-direction: column;
    align-items: stretch;
  }

  .dx-contact-pill {
    width: 100%;
    max-width: none;
    border-radius: 22px;
  }

  .dx-contact-pill__content {
    max-width: 220px;
    opacity: 1;
  }

  .dx-support-form__actions {
    align-items: flex-start;
  }

  .dx-support-page__hero-shell {
    border-radius: 28px;
  }

  .dx-roadmap__image {
    min-height: 180px;
  }

  .dx-roadmap__card {
    width: calc(100% - 2.8rem);
    margin-left: 2.8rem;
  }

  .dx-founder__portrait {
    min-height: 320px;
  }

  .dx-kpi-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .dx-module-visual__icon {
    padding: 1.6rem;
  }

  .dx-module-visual__icon svg {
    width: min(100%, 220px);
  }

  .dx-module-hero__copy h1 {
    font-size: clamp(2.8rem, 14vw, 4rem);
  }

  .dx-module-hero__shell {
    min-height: 540px;
    padding: 1.5rem;
  }

  .dx-module-hero__scene {
    opacity: 0.88;
  }

  .dx-module-hero__icon {
    position: relative;
    top: auto;
    right: auto;
    width: min(100%, 260px);
    height: auto;
    margin: 1rem auto 0;
    transform: none;
  }

  .dx-module-hero__icon > svg {
    width: min(100%, 220px);
  }

  .dx-module-closing {
    padding: 1.4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .dx-background-detail,
  .dx-background-noise,
  .dx-atmosphere__layer,
  .dx-page-shell::after,
  .dx-roadmap__stage::after,
  .dx-service-showcase__track,
  .dx-testimonials__track,
  .dx-service-offer__visual::before,
  .dx-service-offer__visual::after,
  .dx-service-offer__star,
  .dx-module-visual.is-visible .dx-module-visual__icon,
  .dx-module-visual.is-visible .dx-module-visual__icon::after,
  .dx-module-visual__node,
  .dx-module-hero__icon > svg,
  .dx-module-hero__scene-layer--ribbon-back,
  .dx-module-hero__scene-layer--ribbon-mid,
  .dx-module-hero__scene-layer--ribbon-front,
  .dx-module-hero__scene-signal,
  .dx-module-hero__scene-node {
    animation: none;
  }

  .dx-reveal,
  .dx-reveal.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .dx-cursor-reveal {
    display: none;
  }

  .dx-contact__video,
  .dx-support-page__hero-video {
    transform: none;
  }
}


/* Clean-up overrides */
.dx-cursor-reveal,
#dx-hero-canvas,
.dx-global-network {
  display: none !important;
}

.dx-service-card:hover,
.dx-roadmap__stage:hover .dx-roadmap__card {
  transform: none;
}

.dx-navbar__logo img,
.dx-founder__portrait,
.dx-logo-stage__brand {
  transition: none !important;
}




/* === Hero conversion trust rail & expertise page additions === */
.dx-btn--accent,
.dx-btn--expertise{
  color:#03131b;
  background:linear-gradient(135deg, rgba(92, 244, 239, 0.98), rgba(63, 169, 245, 0.95));
  border:1px solid rgba(92, 244, 239, 0.48);
  box-shadow:0 22px 46px rgba(23, 114, 170, 0.28);
}
.dx-btn--accent:hover,
.dx-btn--accent:focus-visible,
.dx-btn--expertise:hover,
.dx-btn--expertise:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 28px 56px rgba(23, 114, 170, 0.36);
}

.dx-hero__tech-shell{
  align-items:flex-start;
}
.dx-hero__tech-label{
  text-transform:none;
  letter-spacing:0;
  font-size:0.98rem;
  color:rgba(219,232,246,0.92);
}

.dx-expertise-page{
  position:relative;
  overflow:hidden;
}
.dx-expertise-page::before{
  content:'';
  position:absolute;
  inset:-12rem auto auto 50%;
  width:52rem;
  height:52rem;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(92,244,239,0.10), rgba(92,244,239,0));
  pointer-events:none;
}
.dx-expertise-hero{
  position:relative;
  padding:9.2rem 4rem 4rem;
}
.dx-expertise-hero__inner,
.dx-expertise-section,
.dx-expertise-cta{
  position:relative;
  z-index:1;
}
.dx-expertise-hero__inner{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  gap:2.4rem;
  grid-template-columns:minmax(280px,0.75fr) minmax(0,1.25fr);
  align-items:center;
}
.dx-expertise-hero__portrait{
  position:relative;
  border-radius:36px;
  overflow:hidden;
  border:1px solid rgba(116,176,238,0.18);
  background:linear-gradient(145deg, rgba(10,24,42,0.96), rgba(4,10,22,0.95));
  box-shadow:0 32px 80px rgba(1,4,12,0.34);
}
.dx-expertise-hero__portrait img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio: 4 / 5;
  object-fit:cover;
}
.dx-expertise-hero__copy h1{
  margin:1rem 0 1rem;
  font-size:clamp(2.4rem,3.6vw,4.2rem);
  line-height:1.08;
  max-width:14ch;
}
.dx-expertise-hero__subline{
  max-width:60ch;
  color:rgba(225,236,248,0.8);
  line-height:1.82;
}
.dx-expertise-hero__ticker{
  margin-top:1.8rem;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(116,176,238,0.12);
  background:linear-gradient(145deg, rgba(8,20,36,0.94), rgba(4,10,22,0.95));
  box-shadow:0 18px 38px rgba(1,4,12,0.22);
}
.dx-expertise-hero__ticker-track{
  display:flex;
  gap:1rem;
  width:max-content;
  padding:1rem 1.2rem;
  animation:dx-expertise-ticker 28s linear infinite;
}
.dx-expertise-hero__ticker-track span{
  white-space:nowrap;
  padding:0.72rem 1rem;
  border-radius:999px;
  border:1px solid rgba(92,244,239,0.18);
  background:rgba(255,255,255,0.03);
  color:rgba(241,248,255,0.92);
  font-size:0.92rem;
}
@keyframes dx-expertise-ticker{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

.dx-expertise-section{
  max-width:1180px;
  margin:0 auto;
  padding:1.25rem 4rem 4.8rem;
}
.dx-expertise-section__intro{
  max-width:760px;
  margin-bottom:2rem;
}
.dx-expertise-cert-list,
.dx-expertise-sector-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.dx-expertise-cert,
.dx-expertise-sector{
  padding:1.15rem 1.2rem;
  border-radius:24px;
  border:1px solid rgba(116,176,238,0.12);
  background:linear-gradient(145deg, rgba(8,20,36,0.94), rgba(4,10,22,0.95));
  box-shadow:0 18px 38px rgba(1,4,12,0.24);
}
.dx-expertise-cert small,
.dx-expertise-sector small,
.dx-expertise-story small,
.dx-expertise-stack small{
  display:block;
  color:rgba(178,216,251,0.74);
  letter-spacing:0.22em;
  text-transform:uppercase;
  margin-bottom:0.55rem;
}
.dx-expertise-cert strong,
.dx-expertise-sector strong{
  display:block;
  font-size:1rem;
  line-height:1.45;
}
.dx-expertise-carousel{
  position:relative;
}
.dx-expertise-carousel__controls{
  display:flex;
  justify-content:flex-end;
  gap:0.75rem;
  margin-bottom:1rem;
}
.dx-expertise-carousel__nav{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(92,244,239,0.22);
  background:linear-gradient(145deg, rgba(8,20,36,0.94), rgba(4,10,22,0.95));
  color:#f7fbff;
  font-size:1.2rem;
  cursor:pointer;
  transition:transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.dx-expertise-carousel__nav:hover,
.dx-expertise-carousel__nav:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(92,244,239,0.4);
}
.dx-expertise-carousel__viewport{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(300px, 34%);
  gap:1rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding-bottom:0.25rem;
}
.dx-expertise-carousel__viewport::-webkit-scrollbar{display:none;}
.dx-expertise-slide{
  scroll-snap-align:start;
  min-height:100%;
  padding:1.45rem;
  border-radius:26px;
  border:1px solid rgba(116,176,238,0.12);
  background:linear-gradient(145deg, rgba(8,20,36,0.94), rgba(4,10,22,0.95));
  box-shadow:0 18px 38px rgba(1,4,12,0.24);
}
.dx-expertise-slide h3{
  margin:0 0 0.85rem;
  font-size:1.08rem;
}
.dx-expertise-slide p{
  margin:0;
  color:rgba(225,236,248,0.74);
  line-height:1.72;
}
.dx-expertise-layout{
  display:grid;
  grid-template-columns:minmax(280px,0.72fr) minmax(0,1.28fr);
  gap:1rem;
}
.dx-expertise-story,
.dx-expertise-stack{
  padding:1.4rem;
  border-radius:26px;
  border:1px solid rgba(116,176,238,0.12);
  background:linear-gradient(145deg, rgba(8,20,36,0.94), rgba(4,10,22,0.95));
  box-shadow:0 18px 38px rgba(1,4,12,0.24);
}
.dx-expertise-story ul{
  list-style:none;
  margin:1rem 0 0;
  padding:0;
  display:grid;
  gap:0.85rem;
}
.dx-expertise-story li{
  position:relative;
  padding-left:1rem;
  color:rgba(241,248,255,0.92);
}
.dx-expertise-story li::before{
  content:'';
  position:absolute;
  left:0;
  top:0.6rem;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#5CF4EF;
  box-shadow:0 0 0 4px rgba(92,244,239,0.08);
}
.dx-expertise-stack__groups{
  display:grid;
  gap:1rem;
}
.dx-expertise-stack__group h3{
  margin:0 0 0.85rem;
  font-size:1rem;
}
.dx-expertise-chip-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:0.7rem;
}
.dx-expertise-chip-cloud span{
  display:inline-flex;
  padding:0.72rem 0.95rem;
  border-radius:999px;
  border:1px solid rgba(92,244,239,0.16);
  background:rgba(255,255,255,0.03);
  color:rgba(241,248,255,0.92);
  font-size:0.95rem;
}
.dx-expertise-cta{
  max-width:1180px;
  margin:0 auto;
  padding:0 4rem 6.5rem;
}
.dx-expertise-cta__inner{
  padding:2.2rem 2.4rem;
  border-radius:28px;
  border:1px solid rgba(116,176,238,0.12);
  background:linear-gradient(145deg, rgba(8,20,36,0.94), rgba(4,10,22,0.96));
  box-shadow:0 24px 52px rgba(1,4,12,0.28);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.2rem;
}
.dx-expertise-cta__copy h2{
  margin:0 0 0.6rem;
  font-size:clamp(1.8rem,3vw,2.4rem);
}
.dx-expertise-cta__copy p{
  margin:0;
  color:rgba(225,236,248,0.74);
  max-width:60ch;
}
.dx-expertise-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:0.85rem;
}

@media (max-width: 1024px){
  .dx-expertise-hero__inner,
  .dx-expertise-layout{
    grid-template-columns:1fr;
  }
  .dx-expertise-carousel__viewport{
    grid-auto-columns:minmax(300px, 58%);
  }
  .dx-expertise-cert-list,
  .dx-expertise-sector-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 768px){
  .dx-expertise-hero,
  .dx-expertise-section,
  .dx-expertise-cta{
    padding-left:1.35rem;
    padding-right:1.35rem;
  }
  .dx-expertise-hero{
    padding-top:7.2rem;
  }
  .dx-expertise-hero__copy h1{
    max-width:none;
  }
  .dx-expertise-hero__ticker-track{
    animation-duration:34s;
  }
  .dx-expertise-cert-list,
  .dx-expertise-sector-list{
    grid-template-columns:1fr;
  }
  .dx-expertise-carousel__controls{
    justify-content:flex-start;
  }
  .dx-expertise-carousel__viewport{
    grid-auto-columns:86%;
  }
  .dx-expertise-cta__inner{
    padding:1.5rem;
    border-radius:24px;
  }
}


/* === v4 expertise refinement === */
.dx-hero__trust{
  margin-top:1rem;
}
.dx-hero__tech-shell{
  width:min(920px, 100%);
  margin:0 auto;
  display:grid;
  gap:0.55rem;
  justify-items:center;
}
.dx-hero__tech-label{
  text-transform:none;
  letter-spacing:0;
  font-size:0.98rem;
  font-weight:500;
  color:rgba(219,232,246,0.92);
}
.dx-hero__tech-marquee{
  width:100%;
  overflow:hidden;
  mask-image:linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
  -webkit-mask-image:linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
}
.dx-hero__tech-track{
  display:inline-flex;
  align-items:center;
  gap:1.4rem;
  width:max-content;
  min-width:max-content;
  white-space:nowrap;
  animation:dx-hero-tech-scroll 26s linear infinite;
  will-change:transform;
}
.dx-hero__tech-track span{
  white-space:nowrap;
  color:rgba(241,248,255,0.9);
}
.dx-hero__tech-track span:not(:last-child)::after{
  content:"•";
  margin-left:1.4rem;
  color:rgba(92,244,239,0.6);
}
@keyframes dx-hero-tech-scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

.dx-expertise-page::before{
  width:64rem;
  height:64rem;
  background:radial-gradient(circle, rgba(92,244,239,0.12), rgba(92,244,239,0));
}
.dx-expertise-hero{
  padding:8.6rem 4rem 3rem;
}
.dx-expertise-hero__inner{
  max-width:1260px;
  gap:2.8rem;
  padding:2.4rem;
  border-radius:34px;
  border:1px solid rgba(116,176,238,0.12);
  background:linear-gradient(145deg, rgba(8,20,36,0.82), rgba(4,10,22,0.9));
  box-shadow:0 32px 80px rgba(1,4,12,0.28);
}
.dx-expertise-hero__portrait{
  min-height:100%;
  border-radius:32px;
}
.dx-expertise-hero__copy h1{
  margin:0.8rem 0 1.1rem;
  font-size:clamp(2.9rem,4.5vw,5.4rem);
  line-height:0.98;
  max-width:12ch;
}
.dx-expertise-hero__subline{
  max-width:58ch;
  font-size:1.04rem;
}
.dx-expertise-hero__ticker{
  margin-top:1.6rem;
}
.dx-kpi-section--expertise{
  padding-top:0;
}
.dx-kpi-grid--expertise{
  max-width:1100px;
  margin:0 auto;
}
.dx-expertise-section__intro--center{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.dx-expertise-cert-list{
  justify-content:center;
}
.dx-expertise-cert{
  text-align:center;
}
.dx-expertise-cert strong{
  font-size:1.05rem;
}
.dx-expertise-carousel__controls{
  justify-content:center;
}
.dx-expertise-carousel__viewport{
  grid-auto-columns:minmax(320px, 38%);
}
.dx-expertise-slide{
  text-align:center;
}
.dx-expertise-layout{
  gap:1.3rem;
}
.dx-expertise-story,
.dx-expertise-stack{
  text-align:center;
}
.dx-expertise-checklist{
  list-style:none;
  margin:1rem 0 0;
  padding:0;
  display:grid;
  gap:0.9rem;
}
.dx-expertise-checklist--columns{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:0.95rem 1.1rem;
}
.dx-expertise-checklist li{
  position:relative;
  padding-left:1.7rem;
  text-align:left;
  color:rgba(241,248,255,0.92);
  line-height:1.55;
}
.dx-expertise-checklist li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0.05rem;
  color:#5CF4EF;
  font-weight:700;
  font-size:1rem;
}
.dx-expertise-sector-list{
  justify-content:center;
}
.dx-expertise-sector{
  text-align:center;
}
.dx-expertise-cta__copy .dx-section__eyebrow{
  margin-bottom:1rem;
}
.dx-expertise-cta__copy h2{
  margin-bottom:1.15rem;
}
.dx-expertise-cta__copy p{
  margin-top:0.45rem;
  line-height:1.8;
}
.dx-expertise-cta__actions{
  min-width:min(420px,100%);
  justify-content:flex-end;
}
.dx-expertise-cta__actions .dx-btn{
  min-width:280px;
}
.dx-btn--equal{
  min-width:280px;
}
.dx-btn--outline.dx-btn--equal{
  justify-content:center;
}

@media (max-width: 1024px){
  .dx-expertise-hero__inner{
    padding:2rem;
  }
  .dx-expertise-carousel__viewport{
    grid-auto-columns:minmax(300px, 62%);
  }
  .dx-expertise-checklist--columns{
    grid-template-columns:1fr 1fr;
  }
  .dx-expertise-cta__actions{
    min-width:0;
    justify-content:flex-start;
  }
}
@media (max-width: 768px){
  .dx-hero__tech-shell{
    width:100%;
  }
  .dx-hero__tech-label{
    font-size:0.9rem;
    text-align:center;
  }
  .dx-hero__tech-track{
    gap:1rem;
  }
  .dx-hero__tech-track span:not(:last-child)::after{
    margin-left:1rem;
  }

  .dx-expertise-hero{
    padding-top:7rem;
    padding-bottom:2rem;
  }
  .dx-expertise-hero__inner{
    padding:1.35rem;
    gap:1.5rem;
    border-radius:26px;
  }
  .dx-expertise-hero__copy{
    text-align:center;
  }
  .dx-expertise-hero__copy h1{
    max-width:none;
    font-size:clamp(2.25rem, 11vw, 3.35rem);
  }
  .dx-expertise-hero__subline{
    margin-left:auto;
    margin-right:auto;
  }
  .dx-expertise-hero__ticker-track{
    gap:0.8rem;
    padding:0.85rem 1rem;
  }
  .dx-kpi-grid--expertise{
    gap:1rem;
  }
  .dx-expertise-carousel__viewport{
    grid-auto-columns:84%;
  }
  .dx-expertise-checklist--columns{
    grid-template-columns:1fr;
  }
  .dx-expertise-checklist li{
    text-align:left;
  }
  .dx-expertise-sector-list{
    grid-template-columns:1fr;
  }
  .dx-expertise-cta__inner{
    padding:1.6rem;
  }
  .dx-expertise-cta__copy .dx-section__eyebrow{
    margin-bottom:0.8rem;
  }
  .dx-expertise-cta__copy h2{
    margin-bottom:0.95rem;
  }
  .dx-expertise-cta__actions{
    width:100%;
  }
  .dx-expertise-cta__actions .dx-btn,
  .dx-btn--equal{
    width:100%;
    min-width:0;
  }
}


/* === v5 landing / expertise refinements === */
.dx-hero__actions{margin-bottom:1.2rem;}
.dx-hero__trust{margin-top:1.85rem;}
.dx-hero__tech-shell{gap:0.9rem;}
.dx-hero__tech-label{font-size:1rem;font-weight:500;line-height:1.5;}
.dx-hero__tech-track{animation-duration:32s;}

.dx-qualifications{
  max-width:1180px;
  margin:0 auto;
  padding:2rem 4rem 5rem;
}
.dx-qualifications__intro{
  max-width:860px;
  margin:0 auto 2.2rem;
  text-align:center;
}
.dx-qualifications__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.dx-qualification-card{
  padding:1.45rem;
  border-radius:26px;
  border:1px solid rgba(116,176,238,0.14);
  background:linear-gradient(145deg, rgba(8,20,36,0.94), rgba(4,10,22,0.95));
  box-shadow:0 18px 38px rgba(1,4,12,0.24);
  text-align:center;
  min-height:100%;
}
.dx-qualification-card h3{margin:0 0 .85rem;font-size:1.08rem;}
.dx-qualification-card p{margin:0;color:rgba(225,236,248,0.78);line-height:1.72;}

.dx-expertise-hero{
  padding:8.2rem 4rem 3.2rem;
}
.dx-expertise-hero__inner{
  max-width:1380px;
  grid-template-columns:minmax(320px,420px) minmax(0,1fr);
  gap:2.6rem 3rem;
  align-items:center;
}
.dx-expertise-hero__media{align-self:stretch;}
.dx-expertise-hero__portrait{height:100%;}
.dx-expertise-hero__portrait img{height:100%;min-height:420px;}
.dx-expertise-hero__copy h1{
  font-size:clamp(2.55rem,3.5vw,4.2rem);
  line-height:1.02;
  max-width:14ch;
}
.dx-expertise-hero__subline{
  max-width:70ch;
  font-size:1rem;
}
.dx-expertise-hero__ticker{
  grid-column:1 / -1;
  width:100%;
  margin-top:0.2rem;
}
.dx-expertise-hero__ticker-track{
  animation-duration:30s;
}
.dx-kpi-grid--expertise{max-width:1200px;}
.dx-expertise-carousel__viewport{
  grid-auto-columns:minmax(320px, 33.333%);
  align-items:stretch;
  scroll-padding-inline:1rem;
}
.dx-expertise-slide{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:240px;
}
.dx-expertise-checklist,
.dx-expertise-story ul{list-style:none !important; padding-left:0 !important;}
.dx-expertise-checklist li::marker,
.dx-expertise-story li::marker{content:'';}
.dx-expertise-story,
.dx-expertise-stack,
.dx-expertise-sector,
.dx-expertise-cert{text-align:center;}
.dx-expertise-checklist li{padding-left:1.55rem;}
.dx-expertise-sector-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.dx-expertise-cta__inner{align-items:center;}
.dx-expertise-cta__actions{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(280px, 320px));
  gap:0.85rem;
  justify-content:end;
}
.dx-expertise-cta__actions .dx-btn,
.dx-btn--equal{
  width:100%;
  min-width:0;
  justify-content:center;
  min-height:56px;
  text-align:center;
}

@media (max-width: 1180px){
  .dx-qualifications__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dx-expertise-hero__inner{grid-template-columns:minmax(280px,360px) minmax(0,1fr);}
  .dx-expertise-carousel__viewport{grid-auto-columns:minmax(300px, 48%);}
}
@media (max-width: 1024px){
  .dx-hero__trust{margin-top:1.5rem;}
  .dx-qualifications{padding-left:2rem;padding-right:2rem;}
  .dx-expertise-hero__inner{
    max-width:1140px;
    padding:1.8rem;
    grid-template-columns:1fr;
  }
  .dx-expertise-hero__media{max-width:380px;margin:0 auto;}
  .dx-expertise-hero__copy{text-align:center;}
  .dx-expertise-hero__copy h1{max-width:16ch;margin-left:auto;margin-right:auto;}
  .dx-expertise-hero__subline{margin-left:auto;margin-right:auto;}
  .dx-expertise-carousel__viewport{grid-auto-columns:minmax(300px, 62%);}
  .dx-expertise-cta__actions{grid-template-columns:repeat(2,minmax(240px,1fr));justify-content:stretch;width:100%;}
}
@media (max-width: 768px){
  .dx-hero__actions{margin-bottom:0.85rem;}
  .dx-hero__trust{margin-top:1.35rem;}
  .dx-hero__tech-shell{gap:0.7rem;}
  .dx-qualifications{padding:1.5rem 1.35rem 3.5rem;}
  .dx-qualifications__grid{grid-template-columns:1fr;}
  .dx-expertise-hero{padding-top:7rem;padding-left:1.35rem;padding-right:1.35rem;}
  .dx-expertise-hero__inner{padding:1.25rem;gap:1.25rem;border-radius:24px;}
  .dx-expertise-hero__media{max-width:none;}
  .dx-expertise-hero__portrait img{min-height:0;aspect-ratio:4 / 4.6;}
  .dx-expertise-hero__copy h1{font-size:clamp(2rem,9vw,3rem);max-width:none;}
  .dx-expertise-hero__ticker{margin-top:0.35rem;}
  .dx-expertise-hero__ticker-track{padding:.8rem .9rem;}
  .dx-expertise-carousel__controls{justify-content:center;}
  .dx-expertise-carousel__viewport{
    grid-auto-columns:min(86vw, 340px);
    scroll-padding-left:calc((100% - min(86vw, 340px))/2);
    scroll-padding-right:calc((100% - min(86vw, 340px))/2);
    justify-content:start;
  }
  .dx-expertise-slide{min-height:260px;}
  .dx-expertise-cta__actions{grid-template-columns:1fr;}
}


/* === v6 expertise polish & responsive fixes === */
.dx-expertise-hero{
  padding:8.4rem 4rem 3.4rem;
}
.dx-expertise-hero__inner{
  max-width:1440px;
  grid-template-columns:minmax(360px,460px) minmax(0,1fr);
  gap:2.8rem 3.6rem;
  padding:2.6rem 2.8rem;
}
.dx-expertise-hero__copy h1{
  font-size:clamp(2.2rem,3vw,3.75rem);
  line-height:1.02;
  max-width:13ch;
  letter-spacing:-0.02em;
  text-wrap:balance;
}
.dx-expertise-hero__subline{
  max-width:62ch;
  margin-top:1rem;
}
.dx-expertise-hero__ticker{
  grid-column:1 / -1;
  width:100%;
  margin-top:0.55rem;
  overflow:hidden;
  border:none;
  background:transparent;
  box-shadow:none;
  border-radius:0;
}
.dx-expertise-hero__ticker-track{
  padding:0;
  gap:1.8rem;
  align-items:center;
}
.dx-expertise-hero__ticker-track span{
  padding:0;
  border:none;
  background:transparent;
  border-radius:0;
  font-size:0.96rem;
  color:rgba(235,244,252,0.9);
  position:relative;
}
.dx-expertise-hero__ticker-track span:not(:last-child)::after{
  content:'•';
  margin-left:1.8rem;
  color:rgba(92,244,239,0.7);
}
.dx-kpi-grid--expertise{
  max-width:1240px;
}
.dx-expertise-layout{
  gap:1.6rem;
}
.dx-expertise-story,
.dx-expertise-stack{
  text-align:left;
  padding:1.55rem 1.65rem;
}
.dx-expertise-story small,
.dx-expertise-stack small{
  text-align:left;
  margin-bottom:0.9rem;
}
.dx-expertise-checklist,
.dx-expertise-story ul{
  list-style:none !important;
  padding-left:0 !important;
  margin:1.15rem 0 0;
  gap:1rem;
}
.dx-expertise-checklist li,
.dx-expertise-story li{
  list-style:none !important;
  padding-left:1.85rem;
  text-align:left;
  line-height:1.65;
}
.dx-expertise-story li::before,
.dx-expertise-checklist li::before{
  content:'✔';
  position:absolute;
  left:0;
  top:0.02rem;
  width:auto;
  height:auto;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#5CF4EF;
  font-weight:700;
  font-size:1rem;
}
.dx-expertise-stack .dx-expertise-checklist{
  gap:1.05rem 1.25rem;
}
.dx-expertise-sector-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.05rem;
}
.dx-expertise-cta__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px, 320px);
  align-items:center;
  gap:2rem;
}
.dx-expertise-cta__copy{
  max-width:62ch;
}
.dx-expertise-cta__actions{
  display:flex;
  flex-direction:column;
  gap:0.95rem;
  width:100%;
  justify-content:center;
  align-items:stretch;
}
.dx-expertise-cta__actions .dx-btn,
.dx-btn--equal{
  width:100%;
  min-width:0;
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

@media (max-width: 1180px){
  .dx-expertise-hero__inner{
    grid-template-columns:minmax(320px,400px) minmax(0,1fr);
    gap:2.2rem;
  }
  .dx-expertise-hero__copy h1{
    font-size:clamp(2.1rem,3.6vw,3.3rem);
  }
  .dx-expertise-carousel__viewport{
    grid-auto-columns:minmax(300px, 46%);
  }
}

@media (max-width: 1024px){
  .dx-expertise-hero__inner{
    grid-template-columns:1fr;
    max-width:1080px;
    padding:1.7rem;
  }
  .dx-expertise-hero__media{
    max-width:420px;
    width:100%;
    margin:0 auto;
  }
  .dx-expertise-hero__copy{
    text-align:center;
  }
  .dx-expertise-hero__copy h1{
    max-width:16ch;
    margin-left:auto;
    margin-right:auto;
  }
  .dx-expertise-hero__subline{
    margin-left:auto;
    margin-right:auto;
  }
  .dx-expertise-cta__inner{
    grid-template-columns:1fr;
    gap:1.4rem;
  }
  .dx-expertise-cta__actions{
    max-width:420px;
  }
}

@media (max-width: 768px){
  .dx-expertise-hero{
    padding-top:6.9rem;
    padding-left:1.15rem;
    padding-right:1.15rem;
    padding-bottom:2.2rem;
  }
  .dx-expertise-hero__inner{
    padding:1.15rem;
    gap:1.15rem;
    border-radius:22px;
  }
  .dx-expertise-hero__portrait{
    border-radius:24px;
  }
  .dx-expertise-hero__copy h1{
    font-size:clamp(1.8rem,8.2vw,2.7rem);
    max-width:none;
  }
  .dx-expertise-hero__subline{
    font-size:0.98rem;
    line-height:1.7;
  }
  .dx-expertise-hero__ticker{
    overflow:visible;
  }
  .dx-expertise-hero__ticker-track{
    display:grid;
    grid-template-columns:1fr;
    gap:0.65rem;
    width:100%;
    animation:none;
  }
  .dx-expertise-hero__ticker-track span{
    white-space:normal;
    text-align:center;
    padding:0.72rem 0.9rem;
    border:1px solid rgba(92,244,239,0.14);
    background:rgba(255,255,255,0.03);
    border-radius:999px;
  }
  .dx-expertise-hero__ticker-track span::after{
    content:none !important;
  }
  .dx-kpi-grid--expertise{
    gap:0.9rem;
  }
  .dx-expertise-carousel__viewport{
    grid-auto-columns:min(88vw, 340px);
    scroll-padding-left:calc((100% - min(88vw, 340px))/2);
    scroll-padding-right:calc((100% - min(88vw, 340px))/2);
  }
  .dx-expertise-slide{
    min-height:280px;
  }
  .dx-expertise-layout{
    grid-template-columns:1fr;
  }
  .dx-expertise-story,
  .dx-expertise-stack{
    padding:1.35rem 1.2rem;
  }
  .dx-expertise-checklist--columns{
    grid-template-columns:1fr;
  }
  .dx-expertise-sector-list{
    grid-template-columns:1fr;
  }
  .dx-expertise-sector{
    min-height:170px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .dx-expertise-cta__inner{
    padding:1.45rem 1.2rem;
    grid-template-columns:1fr;
  }
  .dx-expertise-cta__copy h2{
    font-size:clamp(2rem,10vw,3rem);
    line-height:1.08;
    margin-bottom:1.15rem;
  }
  .dx-expertise-cta__copy p{
    line-height:1.72;
  }
  .dx-expertise-cta__actions{
    width:100%;
    max-width:none;
  }
}


/* === v7 expertise final responsive + hero refinements === */
.dx-expertise-hero__copy h1{
  font-size:clamp(2.35rem,3vw,3.55rem);
  max-width:11.2ch;
  line-height:0.98;
  letter-spacing:-0.028em;
}
.dx-expertise-hero__subline{
  max-width:68ch;
  font-size:1.02rem;
}
.dx-expertise-hero__ticker-track{
  width:max-content;
}
.dx-expertise-hero__ticker-track span{
  flex:0 0 auto;
  white-space:nowrap;
}
.dx-expertise-story small,
.dx-expertise-stack small{
  display:block;
  text-align:left;
  margin-bottom:1.1rem;
}
.dx-expertise-story li,
.dx-expertise-checklist li{
  list-style:none !important;
}
.dx-expertise-story li::marker,
.dx-expertise-checklist li::marker{
  content:'' !important;
  font-size:0 !important;
}
.dx-expertise-cta__copy h2{
  max-width:12.5ch;
}
.dx-expertise-cta__actions .dx-btn{
  white-space:normal;
  line-height:1.25;
}

@media (max-width: 1024px){
  .dx-expertise-hero__copy h1{
    max-width:13.5ch;
  }
}

@media (max-width: 768px){
  .dx-expertise-hero__ticker{
    overflow:hidden;
    margin-top:0.55rem;
  }
  .dx-expertise-hero__ticker-track{
    display:flex !important;
    width:max-content;
    gap:1.2rem;
    animation:dx-expertise-ticker-mobile 24s linear infinite;
    padding:0;
  }
  .dx-expertise-hero__ticker-track span{
    white-space:nowrap;
    flex:0 0 auto;
    padding:0;
    border:none;
    background:transparent;
    border-radius:0;
    font-size:0.92rem;
    color:rgba(235,244,252,0.9);
  }
  .dx-expertise-hero__ticker-track span::after{
    content:none !important;
  }
  .dx-expertise-hero__ticker-track span:not(:last-child)::after{
    content:'•' !important;
    margin-left:1.2rem;
    color:rgba(92,244,239,0.7);
  }
  .dx-expertise-cta__inner{
    padding:1.45rem 1.15rem;
    gap:1.15rem;
  }
  .dx-expertise-cta__copy h2{
    font-size:clamp(1.8rem,7.6vw,2.55rem);
    line-height:1.08;
    max-width:none;
    overflow-wrap:anywhere;
    hyphens:auto;
    margin-bottom:0.95rem;
  }
  .dx-expertise-cta__copy p{
    max-width:none;
    line-height:1.65;
  }
  .dx-expertise-cta__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:0.85rem;
    width:100%;
    max-width:none;
    margin-top:0.15rem;
  }
  .dx-expertise-cta__actions .dx-btn,
  .dx-btn--equal{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:1rem 1.1rem;
    font-size:0.76rem;
    letter-spacing:0.22em;
    white-space:normal;
    text-align:center;
    justify-content:center;
  }
}

@keyframes dx-expertise-ticker-mobile{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}


/* === v8 expertise final polish === */
.dx-expertise-hero{
  position:relative;
  overflow:hidden;
}
.dx-expertise-hero__video,
.dx-expertise-hero__overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.dx-expertise-hero__video video{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0.34;
  filter:saturate(0.95) brightness(0.6);
}
.dx-expertise-hero__overlay{
  background:linear-gradient(135deg, rgba(2,13,17,0.8) 0%, rgba(2,13,17,0.55) 34%, rgba(9,55,61,0.36) 100%);
}
.dx-expertise-hero__inner{
  position:relative;
  z-index:1;
  max-width:1440px;
  grid-template-columns:minmax(330px,430px) minmax(0,1.25fr);
  gap:2.2rem 3.25rem;
}
.dx-expertise-hero__copy{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.dx-expertise-hero__copy h1{
  font-size:clamp(2.7rem,3.35vw,4rem) !important;
  line-height:0.95 !important;
  max-width:13.8ch !important;
  letter-spacing:-0.034em;
  margin-bottom:1rem;
}
.dx-expertise-hero__subline{
  max-width:44rem;
  font-size:1.03rem !important;
  line-height:1.75 !important;
  margin-bottom:1.15rem;
}
.dx-expertise-hero__social{
  display:flex;
  flex-wrap:wrap;
  gap:0.75rem;
  margin-top:0.2rem;
}
.dx-expertise-hero__social .dx-founder__icon-link{
  flex:0 0 auto;
}
.dx-expertise-hero__ticker{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-top:0.25rem;
}
.dx-expertise-hero__ticker-track{
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.dx-expertise-hero__ticker-track span{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.dx-expertise-story small,
.dx-expertise-stack small{
  text-align:left !important;
}
.dx-expertise-checklist,
.dx-expertise-story ul{
  list-style:none !important;
  padding-left:0 !important;
  margin-left:0 !important;
}
.dx-expertise-checklist li{
  list-style:none !important;
  padding-left:1.85rem !important;
  margin-left:0 !important;
}
.dx-expertise-checklist li::marker,
.dx-expertise-story li::marker{
  content:'' !important;
  font-size:0 !important;
}
.dx-expertise-cta__copy h2{
  max-width:14ch !important;
}
.dx-expertise-cta__actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0.85rem !important;
  width:100%;
  max-width:320px;
  justify-content:flex-start !important;
}
.dx-expertise-cta__actions .dx-btn,
.dx-btn--equal{
  width:100% !important;
  max-width:320px !important;
  min-width:0 !important;
  white-space:normal !important;
}

@media (max-width: 1024px){
  .dx-expertise-hero__inner{
    grid-template-columns:1fr !important;
    max-width:1080px;
  }
  .dx-expertise-hero__copy{
    text-align:center;
    align-items:center;
  }
  .dx-expertise-hero__copy h1{
    max-width:15ch !important;
  }
  .dx-expertise-hero__subline{
    max-width:52rem;
  }
  .dx-expertise-hero__social{
    justify-content:center;
  }
}

@media (max-width: 768px){
  .dx-expertise-hero__copy h1{
    font-size:clamp(2rem,8.1vw,2.9rem) !important;
    max-width:12ch !important;
  }
  .dx-expertise-hero__subline{
    font-size:0.96rem !important;
    line-height:1.65 !important;
    max-width:100%;
  }
  .dx-expertise-hero__ticker{
    overflow:hidden !important;
    width:100%;
  }
  .dx-expertise-hero__ticker-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    width:max-content !important;
    animation:dx-expertise-ticker-mobile 26s linear infinite !important;
    gap:1.1rem !important;
  }
  .dx-expertise-hero__ticker-track span{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    display:inline-flex !important;
    align-items:center;
    padding:0 !important;
  }
  .dx-expertise-hero__ticker-track span::after{
    content:none !important;
  }
  .dx-expertise-hero__ticker-track span:not(:last-child)::after{
    content:'•' !important;
    display:inline-block;
    margin-left:1.1rem;
    color:rgba(92,244,239,0.7);
  }
  .dx-expertise-cta__inner{
    grid-template-columns:1fr !important;
    padding:1.35rem 1rem !important;
  }
  .dx-expertise-cta__copy{
    width:100%;
  }
  .dx-expertise-cta__copy h2{
    max-width:10.5ch !important;
    font-size:clamp(1.75rem,7vw,2.45rem) !important;
    overflow-wrap:anywhere;
  }
  .dx-expertise-cta__copy p{
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .dx-expertise-cta__actions{
    max-width:none !important;
    width:100% !important;
    align-items:stretch !important;
  }
  .dx-expertise-cta__actions .dx-btn,
  .dx-btn--equal{
    max-width:none !important;
    width:100% !important;
    padding-inline:1rem !important;
    font-size:0.78rem !important;
    letter-spacing:0.18em !important;
  }
}


/* === v9 expertise final adjustments === */
.dx-expertise-hero__overlay{
  background:linear-gradient(135deg, rgba(2,13,17,0.74) 0%, rgba(2,13,17,0.46) 34%, rgba(9,55,61,0.26) 100%) !important;
}
.dx-expertise-hero__video video{
  opacity:0.44 !important;
  filter:saturate(1) brightness(0.7) !important;
}
.dx-expertise-hero__inner{
  grid-template-columns:minmax(330px,420px) minmax(0,1.45fr) !important;
  gap:2rem 3.2rem !important;
}
.dx-expertise-hero__copy h1{
  font-size:clamp(2.45rem,2.9vw,3.7rem) !important;
  line-height:0.96 !important;
  max-width:16.2ch !important;
  text-wrap:balance;
}
.dx-expertise-hero__subline{
  max-width:48rem !important;
}
.dx-expertise-hero__social{
  margin-top:0.45rem !important;
}
.dx-expertise-hero__ticker{
  overflow:hidden !important;
  width:100% !important;
}
.dx-expertise-hero__ticker-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  gap:1.35rem !important;
  padding:0 !important;
  animation:dx-expertise-ticker 26s linear infinite !important;
}
.dx-expertise-hero__ticker-track span,
.dx-expertise-hero__ticker-track span[aria-hidden="true"]{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.dx-expertise-hero__ticker-track span::before,
.dx-expertise-hero__ticker-track span::after{
  box-shadow:none !important;
}
.dx-expertise-hero__ticker-track span:not(:last-child)::after{
  content:'•' !important;
  display:inline-block !important;
  margin-left:1.35rem !important;
  color:rgba(92,244,239,0.76) !important;
}
.dx-expertise-cta__copy h2{
  max-width:16ch !important;
}

@media (max-width: 1024px){
  .dx-expertise-hero__inner{
    grid-template-columns:1fr !important;
  }
  .dx-expertise-hero__copy h1{
    max-width:18ch !important;
    font-size:clamp(2.25rem,5.2vw,3.25rem) !important;
  }
}

@media (max-width: 768px){
  .dx-expertise-hero{
    padding-top:6.5rem !important;
  }
  .dx-expertise-hero__inner{
    padding:1.2rem !important;
    gap:1.1rem !important;
  }
  .dx-expertise-hero__copy{
    text-align:left !important;
    align-items:flex-start !important;
  }
  .dx-expertise-hero__copy h1{
    max-width:none !important;
    width:100% !important;
    font-size:clamp(2.15rem,8.6vw,3.2rem) !important;
    line-height:0.98 !important;
    text-wrap:balance;
  }
  .dx-expertise-hero__subline{
    max-width:none !important;
    width:100% !important;
  }
  .dx-expertise-hero__social{
    justify-content:flex-start !important;
  }
  .dx-expertise-hero__ticker{
    overflow:hidden !important;
    width:100% !important;
    margin-top:0.35rem !important;
  }
  .dx-expertise-hero__ticker-track{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    width:max-content !important;
    min-width:max-content !important;
    gap:1.1rem !important;
    animation:dx-expertise-ticker-mobile 26s linear infinite !important;
  }
  .dx-expertise-hero__ticker-track span,
  .dx-expertise-hero__ticker-track span[aria-hidden="true"]{
    display:inline-flex !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    font-size:0.96rem !important;
  }
  .dx-expertise-hero__ticker-track span::before,
  .dx-expertise-hero__ticker-track span::after{
    box-shadow:none !important;
  }
  .dx-expertise-hero__ticker-track span:not(:last-child)::after{
    content:'•' !important;
    display:inline-block !important;
    margin-left:1.1rem !important;
  }
  .dx-expertise-cta__inner{
    padding:1.4rem 1.1rem !important;
    gap:1rem !important;
  }
  .dx-expertise-cta__copy h2{
    max-width:none !important;
    width:100% !important;
    font-size:clamp(2rem,8.6vw,3rem) !important;
    line-height:1.04 !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    text-wrap:balance;
  }
  .dx-expertise-cta__copy p{
    max-width:none !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }
}

/* === v10 final expertise responsive + hero layout fixes === */
.dx-expertise-hero{
  position:relative;
}
.dx-expertise-hero__video,
.dx-expertise-hero__overlay{
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(1440px, calc(100% - 8rem)) !important;
  top:9.2rem !important;
  bottom:4rem !important;
  border-radius:34px !important;
  overflow:hidden !important;
}
.dx-expertise-hero__video video{
  opacity:0.46 !important;
  filter:saturate(1.02) brightness(0.72) !important;
}
.dx-expertise-hero__inner{
  max-width:1440px !important;
  grid-template-columns:minmax(340px,430px) minmax(0,1.85fr) !important;
  gap:2rem 3rem !important;
}
.dx-expertise-hero__copy{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
.dx-expertise-hero__copy h1{
  width:100% !important;
  max-width:none !important;
  font-size:clamp(2.7rem, 3.1vw, 4rem) !important;
  line-height:0.94 !important;
  letter-spacing:-0.038em !important;
  text-wrap:unset !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}
.dx-expertise-hero__subline{
  width:100% !important;
  max-width:56rem !important;
}
.dx-expertise-hero__social{
  width:100% !important;
}
.dx-expertise-hero__ticker{
  width:100% !important;
  overflow:hidden !important;
  margin-top:0.7rem !important;
}
.dx-expertise-hero__ticker-track{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  gap:1.35rem !important;
}
.dx-expertise-hero__ticker-track span,
.dx-expertise-hero__ticker-track span[aria-hidden="true"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
.dx-expertise-cta__inner{
  min-width:0 !important;
}
.dx-expertise-cta__copy{
  min-width:0 !important;
}
.dx-expertise-cta__copy h2{
  max-width:18ch !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
  text-wrap:unset !important;
}
.dx-expertise-cta__actions,
.dx-expertise-cta__actions .dx-btn,
.dx-expertise-cta__actions .dx-btn--equal{
  box-sizing:border-box !important;
}

@media (max-width: 1024px){
  .dx-expertise-hero__video,
  .dx-expertise-hero__overlay{
    width:min(1120px, calc(100% - 3rem)) !important;
    top:7.4rem !important;
    bottom:3rem !important;
    border-radius:28px !important;
  }
  .dx-expertise-hero__inner{
    grid-template-columns:1fr !important;
    max-width:1080px !important;
  }
  .dx-expertise-hero__copy{
    text-align:left !important;
    align-items:flex-start !important;
  }
  .dx-expertise-hero__copy h1{
    font-size:clamp(2.35rem, 5.2vw, 3.4rem) !important;
  }
}

@media (max-width: 768px){
  .dx-expertise-hero__video,
  .dx-expertise-hero__overlay{
    width:calc(100% - 2.7rem) !important;
    top:7.15rem !important;
    bottom:2rem !important;
    border-radius:24px !important;
  }
  .dx-expertise-hero__inner{
    grid-template-columns:1fr !important;
    gap:1rem !important;
    padding:1.1rem !important;
  }
  .dx-expertise-hero__copy h1{
    width:100% !important;
    max-width:none !important;
    font-size:clamp(2rem, 7.1vw, 2.8rem) !important;
    line-height:0.97 !important;
    letter-spacing:-0.03em !important;
    text-wrap:unset !important;
  }
  .dx-expertise-hero__subline{
    font-size:0.98rem !important;
    line-height:1.6 !important;
  }
  .dx-expertise-hero__ticker{
    width:100% !important;
    overflow:hidden !important;
  }
  .dx-expertise-hero__ticker-track{
    display:inline-flex !important;
    align-items:center !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    width:max-content !important;
    min-width:max-content !important;
    gap:1rem !important;
    animation:dx-expertise-ticker-mobile 26s linear infinite !important;
  }
  .dx-expertise-hero__ticker-track span,
  .dx-expertise-hero__ticker-track span[aria-hidden="true"]{
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    white-space:nowrap !important;
    font-size:0.9rem !important;
  }
  .dx-expertise-cta__inner{
    grid-template-columns:1fr !important;
    gap:1rem !important;
    padding:1.25rem 1rem !important;
  }
  .dx-expertise-cta__copy,
  .dx-expertise-cta__actions{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
  .dx-expertise-cta__copy h2{
    width:100% !important;
    max-width:none !important;
    font-size:clamp(1.75rem, 6.6vw, 2.35rem) !important;
    line-height:1.06 !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    hyphens:none !important;
    text-wrap:unset !important;
  }
  .dx-expertise-cta__copy p{
    width:100% !important;
    max-width:none !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    hyphens:none !important;
  }
  .dx-expertise-cta__actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0.85rem !important;
  }
  .dx-expertise-cta__actions .dx-btn,
  .dx-expertise-cta__actions .dx-btn--equal{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    font-size:0.82rem !important;
    letter-spacing:0.14em !important;
    padding:1rem 1rem !important;
    white-space:normal !important;
  }
}


/* Support form submission notices */
.dx-support-form__notice {
  margin: 0 0 1.5rem;
  padding: 0.95rem 1.1rem;
  border-radius: 16px;
  border: 1px solid rgba(92, 244, 239, 0.18);
  background: rgba(7, 26, 47, 0.55);
  color: rgba(243, 247, 252, 0.92);
  font-size: 0.96rem;
  line-height: 1.55;
}

.dx-support-form__notice--success {
  border-color: rgba(92, 244, 239, 0.34);
  background: rgba(7, 38, 54, 0.72);
}

.dx-support-form__notice--error {
  border-color: rgba(255, 144, 144, 0.28);
  background: rgba(48, 14, 18, 0.72);
}


.dx-support-form__required-note {
  margin-top: 0.6rem;
  color: rgba(225, 236, 248, 0.72);
  font-size: 0.9rem;
  line-height: 1.5;
}

.dx-support-form__required {
  color: #ff9b9b;
  font-weight: 700;
}

.dx-support-form__notice--client[hidden] {
  display: none !important;
}

.dx-support-form__grid > .dx-support-form__notice--client,
.dx-support-form__grid > .dx-support-form__actions {
  grid-column: 1 / -1;
}

.dx-support-form__group input:required,
.dx-support-form__group textarea:required {
  scroll-margin-top: 120px;
}

.dx-support-form__group input:invalid,
.dx-support-form__group textarea:invalid {
  box-shadow: none;
}


/* === v1.0.10 mobile stability fix: landingpage module visuals static on handheld === */
@media (max-width: 991px), (hover: none) and (pointer: coarse) {
  body.home .dx-module-section__visual,
  body.home .dx-module-section__visual::before,
  body.home .dx-module-section__visual::after,
  body.home .dx-module-visual,
  body.home .dx-module-visual__icon,
  body.home .dx-module-visual__effect,
  body.home .dx-module-visual__grid,
  body.home .dx-module-visual__nodes,
  body.home .dx-module-visual__node,
  body.home .dx-module-visual__icon-inner,
  body.home .dx-module-visual__icon-shell,
  body.home .dx-module-section__canvas {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
  }

  body.home .dx-module-section__visual:hover,
  body.home .dx-module-section:hover .dx-module-section__visual,
  body.home .dx-module-section:focus-within .dx-module-section__visual,
  body.home .dx-module-section__visual:active {
    transform: none !important;
    filter: none !important;
    box-shadow: var(--dx-shadow), inset 0 1px 0 rgba(255,255,255,0.04) !important;
    border-color: var(--dx-border) !important;
  }

  body.home .dx-module-visual__effect,
  body.home .dx-module-visual__grid,
  body.home .dx-module-visual__nodes,
  body.home .dx-module-section__canvas {
    display: none !important;
  }

  body.home .dx-module-visual__icon {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  body.home .dx-module-visual__icon img,
  body.home .dx-module-visual__icon svg {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }

  body.home .dx-module-visual__node,
  body.home .dx-module-visual__node::before,
  body.home .dx-module-visual__node::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
  }

  body.home .dx-module-section__visual {
    overflow: hidden !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
}


/* === v1.0.11 mobile stability fix: remove residual module glow/background visuals completely === */
@media (max-width: 991px), (hover: none) and (pointer: coarse) {
  body.home .dx-module-section__visual::before,
  body.home .dx-module-section__visual::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
    opacity: 0 !important;
  }

  body.home .dx-module-section__visual,
  body.home .dx-module-visual,
  body.home .dx-module-visual__effect,
  body.home .dx-module-visual__grid,
  body.home .dx-module-visual__nodes,
  body.home .dx-module-section__canvas {
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body.home .dx-module-visual__icon,
  body.home .dx-module-visual__icon img,
  body.home .dx-module-visual__icon svg {
    filter: none !important;
    box-shadow: none !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }

  body.home .dx-module-section,
  body.home .dx-module-section__visual {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}


/* === v1.0.12 iOS module shimmer fix: remove icon sheen layer on mobile/touch === */
@media (max-width: 991px), (hover: none) and (pointer: coarse) {
  body.home .dx-module-visual__icon::before,
  body.home .dx-module-visual__icon::after,
  body.home .dx-module-section__visual .dx-module-visual__icon::before,
  body.home .dx-module-section__visual .dx-module-visual__icon::after {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
    transform: none !important;
    animation: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    box-shadow: none !important;
  }

  body.home .dx-module-visual__icon,
  body.home .dx-module-visual__icon > *,
  body.home .dx-module-visual__icon svg,
  body.home .dx-module-visual__icon svg > * {
    filter: none !important;
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}


/* === v1.0.14 mobile full-screen navigation refinement === */
@media (max-width: 992px) {
  body.dx-nav-open {
    overflow: hidden;
    touch-action: none;
  }

  body.dx-nav-open .dx-support-btn,
  body.dx-nav-open .bryx-launcher,
  body.dx-nav-open .bryx-window,
  body.dx-nav-open #bryx-launcher,
  body.dx-nav-open #bryx-window,
  body.dx-nav-open .bryx-ai,
  body.dx-nav-open .bryx-ai__launcher,
  body.dx-nav-open .bryx-ai__panel {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  .dx-responsive-nav-toggle {
    position: relative;
    z-index: 111;
  }

  .dx-navbar__nav {
    position: fixed;
    inset: 0;
    z-index: 105;
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(2, 7, 18, 0.985);
    box-shadow: none;
    opacity: 0;
    transform: none;
    pointer-events: none;
    transition: opacity 0.24s ease;
    overflow: hidden;
  }

  body.dx-nav-open .dx-navbar__nav {
    opacity: 1;
    pointer-events: auto;
  }

  body.dx-nav-open::before {
    display: none;
  }

  .dx-navbar__nav-panel {
    min-height: 100dvh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(1.35rem, 4vw, 2rem) clamp(1.2rem, 4vw, 1.75rem) max(1.35rem, env(safe-area-inset-bottom));
    background:
      radial-gradient(circle at top left, rgba(25, 74, 154, 0.14), transparent 32%),
      linear-gradient(180deg, rgba(4, 10, 23, 0.985), rgba(0, 2, 9, 0.995));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .dx-navbar__nav-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 58px;
    margin-bottom: clamp(0.9rem, 4vw, 1.6rem);
    padding-right: 4.5rem;
  }

  .dx-navbar__nav-logo {
    display: inline-flex;
    max-width: min(62vw, 250px);
  }

  .dx-navbar__nav-logo img {
    width: 100%;
    height: auto;
    display: block;
  }

  .dx-navbar__nav-main {
    display: grid;
    gap: 0.72rem;
    margin-bottom: 1.4rem;
    justify-items: stretch;
  }

  .dx-navbar__nav-main a,
  .dx-navbar__nav-secondary a {
    position: relative;
    border-top: 0 !important;
    box-shadow: none !important;
    transform: translateX(22px);
    opacity: 0;
  }

  body.dx-nav-open .dx-navbar__nav-main a,
  body.dx-nav-open .dx-navbar__nav-secondary a {
    transform: translateX(0);
    opacity: 1;
  }

  .dx-navbar__nav-main a {
    min-height: 0;
    width: 100%;
    padding: 0 0 0 1.5rem;
    color: #f8fbff;
    font-size: clamp(1.22rem, 5.3vw, 1.85rem);
    line-height: 1.08;
    font-weight: 650;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: left;
    background: transparent !important;
    transition: transform 0.28s ease, opacity 0.28s ease, color 0.2s ease;
  }

  .dx-navbar__nav-main a::before {
    content: '›';
    position: absolute;
    left: 0;
    top: 0.03em;
    color: rgba(124, 195, 255, 0.92);
    font-size: 0.92em;
    font-weight: 500;
    transform: translateX(-4px);
    opacity: 0.75;
    transition: transform 0.22s ease, opacity 0.22s ease, color 0.22s ease;
  }

  .dx-navbar__nav-main a:nth-child(1) { transition-delay: 0.04s; }
  .dx-navbar__nav-main a:nth-child(2) { transition-delay: 0.08s; }
  .dx-navbar__nav-main a:nth-child(3) { transition-delay: 0.12s; }
  .dx-navbar__nav-main a:nth-child(4) { transition-delay: 0.16s; }
  .dx-navbar__nav-main a:nth-child(5) { transition-delay: 0.20s; }
  .dx-navbar__nav-main a:nth-child(6) { transition-delay: 0.24s; }

  .dx-navbar__nav-main a:last-child {
    margin-top: 1.25rem;
    padding: 0.95rem 1.1rem 0.95rem 1.35rem;
    border: 1px solid rgba(126, 204, 255, 0.2);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(61, 160, 255, 0.22), rgba(106, 227, 255, 0.11)) !important;
    box-shadow: 0 10px 30px rgba(17, 84, 181, 0.18), inset 0 1px 0 rgba(255,255,255,0.08) !important;
    color: #ffffff;
  }

  .dx-navbar__nav-main a:last-child::before {
    color: #b9ecff;
    opacity: 1;
  }

  .dx-navbar__nav-main a:hover,
  .dx-navbar__nav-main a:focus-visible {
    color: #b9e5ff;
  }

  .dx-navbar__nav-main a:hover::before,
  .dx-navbar__nav-main a:focus-visible::before {
    transform: translateX(0);
    opacity: 1;
    color: #d9f3ff;
  }

  .dx-navbar__nav-secondary {
    display: grid;
    gap: 0.55rem;
    margin-top: auto;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255,255,255,0.08);
    justify-items: stretch;
  }

  .dx-navbar__nav-secondary a {
    width: 100%;
    padding: 0;
    min-height: 0;
    color: rgba(221, 230, 242, 0.82);
    font-size: clamp(0.98rem, 3.8vw, 1.08rem);
    line-height: 1.35;
    letter-spacing: 0;
    font-weight: 560;
    text-transform: none;
    text-align: left;
    background: transparent !important;
    transition: transform 0.28s ease, opacity 0.28s ease, color 0.2s ease;
  }

  .dx-navbar__nav-secondary a:nth-child(1) { transition-delay: 0.26s; }
  .dx-navbar__nav-secondary a:nth-child(2) { transition-delay: 0.30s; }
  .dx-navbar__nav-secondary a:nth-child(3) { transition-delay: 0.34s; }
  .dx-navbar__nav-secondary a:nth-child(4) { transition-delay: 0.38s; }

  .dx-navbar__nav-secondary a:hover,
  .dx-navbar__nav-secondary a:focus-visible {
    color: #ffffff;
  }

  .dx-responsive-nav-toggle span,
  .dx-responsive-nav-toggle::before,
  .dx-responsive-nav-toggle::after {
    transition: transform 0.22s ease, opacity 0.22s ease, background-color 0.22s ease;
  }
}


@media (max-width: 980px) {
  /* Mobile nav polish v1017 */
  .dx-navbar__nav-main {
    gap: 1rem;
  }

  .dx-navbar__nav-main a {
    padding-left: 1.95rem;
  }

  .dx-navbar__nav-main a::before {
    content: "";
    position: absolute;
    left: 0.15rem;
    top: 50%;
    width: 0.52rem;
    height: 0.52rem;
    margin-top: -0.26rem;
    border-top: 2px solid rgba(124, 195, 255, 0.92);
    border-right: 2px solid rgba(124, 195, 255, 0.92);
    transform: translateX(0) rotate(45deg);
    opacity: 0.9;
    transition: transform 0.22s ease, opacity 0.22s ease, border-color 0.22s ease;
  }

  .dx-navbar__nav-main a:hover::before,
  .dx-navbar__nav-main a:focus-visible::before {
    transform: translateX(3px) rotate(45deg);
    border-color: #d9f3ff;
  }

  .dx-navbar__nav-main a:last-child {
    margin-top: 1.6rem;
    padding: 1.1rem 1.35rem;
    padding-left: 1.35rem;
    border-radius: 18px;
    border: 1px solid rgba(126, 204, 255, 0.28);
    background: linear-gradient(135deg, rgba(36, 108, 207, 0.28), rgba(106, 227, 255, 0.14)) !important;
    box-shadow: 0 16px 36px rgba(17, 84, 181, 0.18), inset 0 1px 0 rgba(255,255,255,0.08) !important;
  }

  .dx-navbar__nav-main a:last-child::before {
    content: none;
  }

  .dx-navbar__nav-secondary {
    gap: 0.7rem;
  }

  .dx-navbar__nav-secondary a,
  .dx-navbar__nav-secondary a:last-child,
  .dx-navbar__nav a:last-child.dx-navbar__nav-secondary-link {
    margin-top: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(221, 230, 242, 0.82) !important;
  }

  .dx-navbar__nav-secondary a:hover,
  .dx-navbar__nav-secondary a:focus-visible,
  .dx-navbar__nav-secondary a:last-child:hover,
  .dx-navbar__nav-secondary a:last-child:focus-visible {
    color: #ffffff !important;
    background: transparent !important;
  }
}


/* === v1.0.19 mobile nav stability fix === */
@media (max-width: 992px) {
  .dx-navbar__nav {
    visibility: hidden;
    height: 100svh;
    min-height: -webkit-fill-available;
  }

  body.dx-nav-open .dx-navbar__nav {
    visibility: visible;
  }

  .dx-navbar__nav-panel {
    min-height: 100svh;
    height: 100svh;
    min-height: -webkit-fill-available;
    overscroll-behavior: contain;
  }
}


/* === v1.0.21 desktop nav repair === */
@media (min-width: 993px) {
  .dx-navbar__nav {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.1rem 1.8rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    overflow: visible !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .dx-navbar__nav-panel {
    display: contents !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .dx-navbar__nav-header,
  .dx-navbar__nav-secondary {
    display: none !important;
  }

  .dx-navbar__nav-main {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.1rem 1.8rem !important;
    margin: 0 !important;
  }

  .dx-navbar__nav-main a {
    min-height: 0 !important;
    width: auto !important;
    padding: 0 !important;
    color: var(--dx-text-muted) !important;
    font-size: 0.84rem !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: none !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .dx-navbar__nav-main a::before,
  .dx-navbar__nav-main a::after {
    content: none !important;
    display: none !important;
  }

  .dx-navbar__nav-main a:last-child {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--dx-text-muted) !important;
  }

  .dx-support-btn {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}


/* === v1.0.23 desktop navbar refinement === */
@media (min-width: 993px) {
  .dx-navbar {
    padding: 0.9rem 1.75rem !important;
    background: linear-gradient(180deg, rgba(5, 13, 26, 0.88), rgba(5, 13, 26, 0.76)) !important;
    border-bottom: 1px solid rgba(110, 150, 188, 0.16) !important;
    box-shadow: 0 10px 28px rgba(2, 7, 18, 0.18) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  .dx-navbar__inner {
    max-width: 1360px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 2rem !important;
  }

  .dx-navbar__logo {
    margin-right: 0 !important;
  }

  .dx-navbar__logo img {
    width: 164px !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
  }

  .dx-navbar__nav {
    justify-self: center !important;
    width: 100% !important;
  }

  .dx-navbar__nav-panel {
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .dx-navbar__nav-header,
  .dx-navbar__nav-secondary {
    display: none !important;
  }

  .dx-navbar__nav-main {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2.1rem !important;
  }

  .dx-navbar__nav-main a {
    position: relative !important;
    padding: 0.2rem 0 !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    color: rgba(241, 247, 255, 0.9) !important;
    text-shadow: none !important;
    transition: color 0.22s ease, opacity 0.22s ease !important;
  }

  .dx-navbar__nav-main a::before {
    display: none !important;
    content: none !important;
  }

  .dx-navbar__nav-main a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -0.55rem !important;
    width: 0 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(92, 244, 239, 0.0), rgba(92, 244, 239, 0.72), rgba(92, 244, 239, 0.0)) !important;
    transform: translateX(-50%) !important;
    opacity: 0 !important;
    transition: width 0.22s ease, opacity 0.22s ease !important;
    display: block !important;
  }

  .dx-navbar__nav-main a:hover,
  .dx-navbar__nav-main a:focus-visible {
    color: #ffffff !important;
  }

  .dx-navbar__nav-main a:hover::after,
  .dx-navbar__nav-main a:focus-visible::after {
    width: 100% !important;
    opacity: 1 !important;
  }

  .dx-navbar__actions {
    gap: 0.75rem !important;
    justify-self: end !important;
  }

  .dx-responsive-nav-toggle {
    display: none !important;
  }

  .dx-support-btn {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    border-color: rgba(108, 150, 191, 0.26) !important;
    background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.08), transparent 28%), linear-gradient(160deg, rgba(11, 24, 44, 0.88), rgba(4, 10, 20, 0.96)) !important;
    box-shadow: 0 10px 24px rgba(2, 8, 18, 0.24), inset 0 1px 0 rgba(255,255,255,0.04) !important;
  }
}


/* === v1.0.24 desktop navbar polish === */
@media (min-width: 993px) {
  .dx-navbar {
    border-bottom: 0 !important;
    box-shadow: 0 8px 24px rgba(2, 7, 18, 0.14) !important;
  }

  .dx-navbar__nav-main a,
  .dx-navbar__nav a {
    font-family: "Poppins", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.005em !important;
  }

  .dx-navbar__nav-main a::after {
    bottom: -0.45rem !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(92, 244, 239, 0), rgba(92, 244, 239, 0.42), rgba(92, 244, 239, 0)) !important;
  }
}


/* === v1.0.26 desktop hero gap fix === */
@media (min-width: 993px) {
  body.home main,
  body.blog main,
  body.front-page main {
    padding-top: 78px !important;
  }

  body.home .dx-hero,
  body.blog .dx-hero,
  body.front-page .dx-hero {
    min-height: calc(100vh + 38px);
    margin-top: -38px;
    padding-top: 7.6rem;
  }
}


/* === v1.0.27 CV integration === */
.dx-btn--cv{border-color:rgba(114,181,248,0.28);}
.dx-founder__cv-teaser{
  margin-top:1.25rem;
  padding:1.2rem 1.3rem;
  border-radius:28px;
  border:1px solid rgba(114,181,248,0.16);
  background:linear-gradient(155deg, rgba(8, 21, 46, 0.86), rgba(5, 13, 28, 0.92));
  box-shadow:0 18px 34px rgba(3,7,15,0.24), inset 0 1px 0 rgba(255,255,255,0.04);
}
.dx-founder__cv-copy h4{
  margin:0.1rem 0 0.55rem;
  font-size:clamp(1rem, 1.8vw, 1.24rem);
}
.dx-founder__cv-copy p{
  margin:0;
  color:rgba(225,236,248,0.76);
  line-height:1.7;
}
.dx-founder__cv-meta{
  display:flex; flex-wrap:wrap; gap:0.65rem; margin-top:1rem;
}
.dx-founder__cv-meta span,
.dx-cv-badges span,
.dx-cv-chips span{
  display:inline-flex; align-items:center; gap:0.35rem;
  padding:0.55rem 0.95rem; border-radius:999px;
  border:1px solid rgba(114,181,248,0.18);
  background:rgba(9,22,44,0.62); color:rgba(232,241,250,0.9);
  font-size:0.78rem; letter-spacing:0.06em;
}
.dx-cv-highlight{padding:0 0 1rem;}
.dx-cv-highlight__inner{
  width:min(1120px, calc(100% - 48px)); margin:0 auto;
  display:grid; grid-template-columns:minmax(0,1.4fr) auto; gap:1.4rem 2rem;
  align-items:center; padding:1.5rem 1.75rem;
  border-radius:32px; border:1px solid rgba(114,181,248,0.16);
  background:linear-gradient(150deg, rgba(7,19,40,0.84), rgba(5,13,27,0.94));
  box-shadow:0 20px 42px rgba(3,7,15,0.28);
}
.dx-cv-highlight__copy h2{margin:0.2rem 0 0.7rem; font-size:clamp(1.55rem, 2.6vw, 2.3rem);}
.dx-cv-highlight__copy p{margin:0; color:rgba(225,236,248,0.78); line-height:1.8; max-width:60ch;}
.dx-cv-highlight__actions{display:flex; flex-wrap:wrap; gap:0.9rem; justify-content:flex-end;}

.dx-cv-page{position:relative; padding:9rem 0 4rem;}
.dx-cv-page::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(circle at 18% 10%, rgba(77,170,247,0.10), transparent 32%), radial-gradient(circle at 82% 8%, rgba(92,244,239,0.07), transparent 24%);
}
.dx-cv-hero, .dx-cv-section, .dx-cv-cta{width:min(1180px, calc(100% - 48px)); margin:0 auto 2rem;}
.dx-cv-hero__inner{
  display:grid; grid-template-columns:minmax(280px, 360px) minmax(0, 1fr); gap:1.6rem;
  align-items:stretch;
}
.dx-cv-identity__portrait{overflow:hidden; border-radius:34px; border:1px solid rgba(114,181,248,0.18); min-height:300px; background:linear-gradient(180deg, rgba(13,33,67,0.76), rgba(5,12,27,0.96));}
.dx-cv-identity__portrait img{width:100%; height:100%; object-fit:cover; display:block;}
.dx-cv-identity__card,
.dx-cv-hero__content,
.dx-cv-panel,
.dx-cv-entry__body,
.dx-cv-cta__inner{
  border-radius:34px; border:1px solid rgba(114,181,248,0.16);
  background:linear-gradient(160deg, rgba(7,20,42,0.84), rgba(5,13,27,0.96));
  box-shadow:0 22px 44px rgba(3,7,15,0.28), inset 0 1px 0 rgba(255,255,255,0.04);
}
.dx-cv-identity{display:grid; gap:1rem;}
.dx-cv-identity__card{padding:1.4rem 1.4rem 1.5rem;}
.dx-cv-identity__card h1{margin:0.2rem 0 0.5rem; font-size:clamp(2rem, 3vw, 2.65rem);}
.dx-cv-identity__role{margin:0 0 1rem; color:rgba(225,236,248,0.78); line-height:1.7;}
.dx-cv-identity__facts{list-style:none; padding:0; margin:0; display:grid; gap:0.68rem;}
.dx-cv-identity__facts li{position:relative; padding-left:1.1rem; color:rgba(236,244,252,0.92); line-height:1.6;}
.dx-cv-identity__facts li::before{content:""; position:absolute; left:0; top:0.72rem; width:7px; height:7px; border-radius:50%; background:linear-gradient(135deg, rgba(92,244,239,0.98), rgba(63,169,245,0.94)); box-shadow:0 0 0 5px rgba(92,244,239,0.08);}
.dx-cv-identity__actions{display:flex; flex-wrap:wrap; gap:0.8rem; margin-top:1.2rem;}
.dx-cv-hero__content{padding:2rem 2rem 2.2rem; align-self:stretch;}
.dx-cv-hero__content h2{margin:0.35rem 0 0.85rem; font-size:clamp(2rem, 4.2vw, 3.4rem); line-height:1.08; max-width:14ch;}
.dx-cv-hero__lead{margin:0; color:rgba(226,236,248,0.82); line-height:1.85; max-width:64ch;}
.dx-cv-quote{margin:1.4rem 0 0; padding:1.1rem 1.25rem; border-left:2px solid rgba(114,181,248,0.24); color:rgba(246,250,254,0.96); font-size:clamp(1.05rem, 1.8vw, 1.2rem); line-height:1.7; font-style:italic; background:rgba(255,255,255,0.02); border-radius:0 18px 18px 0;}
.dx-cv-badges{display:flex; flex-wrap:wrap; gap:0.7rem; margin-top:1.35rem;}
.dx-cv-section__intro{max-width:720px; margin:0 0 1.2rem;}
.dx-cv-section__intro h2{margin:0.25rem 0 0.6rem; font-size:clamp(1.7rem, 2.8vw, 2.45rem);}
.dx-cv-section__intro p{margin:0; color:rgba(225,236,248,0.78); line-height:1.8;}
.dx-cv-summary-grid,
.dx-cv-qual-grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1rem;}
.dx-cv-panel{padding:1.35rem 1.4rem 1.5rem;}
.dx-cv-panel small,
.dx-cv-entry__period{display:block; margin-bottom:0.5rem; color:rgba(173,213,251,0.74); font-size:0.76rem; letter-spacing:0.18em; text-transform:uppercase;}
.dx-cv-panel h3{margin:0 0 0.5rem; font-size:1.12rem;}
.dx-cv-panel p{margin:0; color:rgba(225,236,248,0.8); line-height:1.8;}
.dx-cv-checklist{list-style:none; padding:0; margin:0; display:grid; gap:0.65rem;}
.dx-cv-checklist li{position:relative; padding-left:1.15rem; color:rgba(236,244,252,0.92); line-height:1.6;}
.dx-cv-checklist li::before{content:""; position:absolute; left:0; top:0.72rem; width:7px; height:7px; border-radius:50%; background:linear-gradient(135deg, rgba(92,244,239,0.98), rgba(63,169,245,0.94));}
.dx-cv-timeline{display:grid; gap:1rem;}
.dx-cv-entry{display:grid; grid-template-columns:190px minmax(0, 1fr); gap:1rem; align-items:start;}
.dx-cv-entry__body{padding:1.35rem 1.45rem 1.5rem;}
.dx-cv-entry__body h3{margin:0 0 0.22rem; font-size:1.18rem;}
.dx-cv-entry__role{margin:0 0 0.75rem; color:rgba(173,213,251,0.82); font-weight:600;}
.dx-cv-entry__body p{margin:0; color:rgba(225,236,248,0.8); line-height:1.8;}
.dx-cv-entry__stack{margin-top:0.8rem !important; font-size:0.92rem; color:rgba(236,244,252,0.94) !important;}
.dx-cv-chips{display:flex; flex-wrap:wrap; gap:0.75rem;}
.dx-cv-cta__inner{display:grid; grid-template-columns:minmax(0, 1.3fr) auto; gap:1.6rem 2rem; align-items:center; padding:1.7rem 1.8rem;}
.dx-cv-cta__copy h2{margin:0.2rem 0 0.65rem; font-size:clamp(1.6rem, 2.5vw, 2.25rem);}
.dx-cv-cta__copy p{margin:0; color:rgba(225,236,248,0.78); line-height:1.8; max-width:62ch;}
.dx-cv-cta__actions{display:flex; flex-wrap:wrap; gap:0.9rem; justify-content:flex-end;}
@media (max-width: 1100px){
  .dx-cv-hero__inner,
  .dx-cv-summary-grid,
  .dx-cv-qual-grid,
  .dx-cv-cta__inner,
  .dx-cv-highlight__inner{grid-template-columns:1fr;}
  .dx-cv-highlight__actions,
  .dx-cv-cta__actions{justify-content:flex-start;}
}
@media (max-width: 820px){
  .dx-cv-page{padding-top:8rem;}
  .dx-cv-entry{grid-template-columns:1fr;}
  .dx-cv-hero__content h2{max-width:none;}
}
@media (max-width: 640px){
  .dx-cv-hero, .dx-cv-section, .dx-cv-cta{width:min(100% - 24px, 1180px);} 
  .dx-cv-hero__content,
  .dx-cv-identity__card,
  .dx-cv-panel,
  .dx-cv-entry__body,
  .dx-cv-cta__inner,
  .dx-cv-highlight__inner,
  .dx-founder__cv-teaser{padding:1.15rem 1rem 1.2rem; border-radius:26px;}
  .dx-cv-identity__portrait{border-radius:26px;}
  .dx-cv-hero__content h2{font-size:clamp(1.75rem, 9vw, 2.4rem);} 
  .dx-cv-badges span,
  .dx-cv-chips span,
  .dx-founder__cv-meta span{width:100%; justify-content:center;}
  .dx-cv-identity__actions .dx-btn,
  .dx-cv-cta__actions .dx-btn,
  .dx-cv-highlight__actions .dx-btn{width:100%;}
}


/* === v1.0.29 CV redesign cleanup === */
.dx-founder-cv-band{padding:0 4rem 2.6rem;}
.dx-founder-cv-band__inner{max-width:1100px; margin:0 auto; padding:0; border:none; background:none; box-shadow:none;}
.dx-founder-cv-band__grid{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,0.95fr); gap:1.15rem; align-items:stretch;}
.dx-founder-cv-band__copy,
.dx-founder-cv-band__card{
  border-radius:28px; border:1px solid rgba(114,181,248,0.16);
  background:linear-gradient(160deg, rgba(7,20,42,0.82), rgba(5,13,27,0.94));
  box-shadow:0 20px 42px rgba(3,7,15,0.25), inset 0 1px 0 rgba(255,255,255,0.04);
}
.dx-founder-cv-band__copy{padding:1.35rem 1.45rem; display:flex; flex-direction:column; justify-content:center;}
.dx-founder-cv-band__copy h3{margin:0.15rem 0 0.55rem; font-size:clamp(1.28rem, 2vw, 1.75rem); line-height:1.15; max-width:18ch;}
.dx-founder-cv-band__copy p{margin:0; color:rgba(225,236,248,0.78); line-height:1.7; max-width:56ch;}

.dx-founder-cv-band__actions .dx-btn--cvpdf{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:200px;
}

.dx-founder-cv-band__actions{display:flex; flex-wrap:wrap; gap:0.8rem; margin-top:1rem;}
.dx-founder-cv-band__cards{display:grid; grid-template-columns:1fr; gap:1rem;}
.dx-founder-cv-band__card{padding:1rem 1.1rem; display:grid; gap:0.35rem; align-content:start;}
.dx-founder-cv-band__card small{display:block; color:rgba(173,213,251,0.74); font-size:0.72rem; letter-spacing:0.18em; text-transform:uppercase;}
.dx-founder-cv-band__card strong{font-size:0.98rem; line-height:1.45; color:rgba(243,247,251,0.96);}

.dx-cv-page{padding:8.6rem 0 4rem;}
.dx-cv-hero__content{padding:1.55rem 1.6rem 1.7rem;}
.dx-cv-hero__content h2{margin:0.15rem 0 0.55rem; font-size:clamp(1.9rem, 3vw, 2.7rem); line-height:1.02; max-width:none;}
.dx-cv-hero__lead{max-width:54ch; line-height:1.7; font-size:1rem;}
.dx-cv-quickfacts{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.9rem; margin-top:1.2rem;}
.dx-cv-quickfact{padding:1rem 1rem 1.05rem; border-radius:22px; border:1px solid rgba(114,181,248,0.15); background:rgba(255,255,255,0.028); box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);}
.dx-cv-quickfact small{display:block; margin-bottom:0.45rem; color:rgba(173,213,251,0.74); font-size:0.7rem; letter-spacing:0.18em; text-transform:uppercase;}
.dx-cv-quickfact strong{display:block; font-size:0.95rem; line-height:1.45; color:rgba(243,247,251,0.95);}
.dx-cv-badges{margin-top:1rem;}
.dx-cv-badges span, .dx-cv-role-pills span{font-size:0.76rem; letter-spacing:0.04em;}
.dx-cv-section__intro{max-width:780px;}
.dx-cv-section__intro h2{line-height:1.08; max-width:20ch;}
.dx-cv-panel--compact p, .dx-cv-panel--feature p{display:none;}
.dx-cv-panel--compact,
.dx-cv-panel--feature{padding:1.15rem 1.2rem 1.2rem;}
.dx-cv-panel--compact h3,
.dx-cv-panel--feature h3{font-size:1.04rem;}
.dx-cv-checklist{gap:0.55rem;}
.dx-cv-checklist li{line-height:1.5; font-size:0.95rem;}
.dx-cv-entry__body{padding:1.2rem 1.3rem 1.35rem;}
.dx-cv-entry__body p{line-height:1.65;}
.dx-cv-sector-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem;}
.dx-cv-sector-card{padding:1.1rem 1.15rem 1.2rem; border-radius:26px; border:1px solid rgba(114,181,248,0.16); background:linear-gradient(160deg, rgba(7,20,42,0.82), rgba(5,13,27,0.94)); box-shadow:0 16px 34px rgba(3,7,15,0.22), inset 0 1px 0 rgba(255,255,255,0.04);}
.dx-cv-sector-card small{display:block; margin-bottom:0.4rem; color:rgba(173,213,251,0.74); font-size:0.72rem; letter-spacing:0.18em; text-transform:uppercase;}
.dx-cv-sector-card h3{margin:0 0 0.45rem; font-size:1.05rem; line-height:1.2;}
.dx-cv-sector-card p{margin:0; color:rgba(225,236,248,0.78); line-height:1.6; font-size:0.94rem;}
.dx-cv-role-pills{display:flex; flex-wrap:wrap; gap:0.75rem; margin-top:1rem;}
.dx-cv-cta__inner{padding:1.55rem 1.65rem;}

@media (max-width: 1100px){
  .dx-founder-cv-band__grid,
  .dx-cv-quickfacts,
  .dx-cv-sector-grid{grid-template-columns:1fr;}
  .dx-founder-cv-band{padding:0 1.5rem 2rem;}
}
@media (max-width: 820px){
  .dx-founder-cv-band{padding:0 1rem 2rem;}
  .dx-founder-cv-band__copy,
  .dx-founder-cv-band__card{border-radius:24px;}
  .dx-cv-hero__content h2{font-size:clamp(1.8rem, 8vw, 2.4rem);}
}


/* === v1.0.30 CV refinement without touching nav/mobile menu === */
.dx-founder-cv-band__copy h3{font-size:clamp(1rem,1.35vw,1.12rem); line-height:1.28; max-width:30ch;}
.dx-founder-cv-band__copy p{font-size:0.96rem; line-height:1.65; max-width:50ch;}
.dx-founder-cv-band__actions{margin-top:0.9rem;}

.dx-cv-page{padding:8.6rem 0 4.6rem;}
.dx-cv-hero,.dx-cv-section,.dx-cv-cta{margin:0 auto 4rem;}
.dx-cv-hero__inner--simple{grid-template-columns:minmax(300px,360px) minmax(0,460px); justify-content:center; gap:1.5rem 1.9rem;}
.dx-cv-identity__card h1{font-size:clamp(1.55rem,2vw,1.95rem); line-height:1.08;}
.dx-cv-identity__role{font-size:0.97rem; line-height:1.6; margin-bottom:0.95rem;}
.dx-cv-identity__facts{gap:0.55rem;}
.dx-cv-identity__facts li{font-size:0.95rem; line-height:1.55;}
.dx-cv-identity__actions{margin-top:1rem;}
.dx-cv-section__intro{max-width:760px; margin:0 0 1.8rem;}
.dx-cv-section__intro h2{margin:0.85rem 0 0; font-size:clamp(1.02rem,1.35vw,1.18rem); line-height:1.6; font-weight:500; max-width:52ch; color:rgba(225,236,248,0.74);}
.dx-cv-section__lead{margin:0.95rem 0 0; max-width:52ch; color:rgba(225,236,248,0.72); font-size:0.94rem; line-height:1.7;}
.dx-cv-visual-strip{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:0 0 1.45rem;}
.dx-cv-mini-card,.dx-cv-sector-card{position:relative; overflow:hidden;}
.dx-cv-mini-card{display:flex; align-items:center; gap:0.85rem; padding:1rem 1.05rem; border-radius:24px; border:1px solid rgba(114,181,248,0.16); background:linear-gradient(160deg, rgba(7,20,42,0.78), rgba(5,13,27,0.92)); box-shadow:0 16px 34px rgba(3,7,15,0.2), inset 0 1px 0 rgba(255,255,255,0.04);}
.dx-cv-mini-card strong{font-size:0.95rem; letter-spacing:0.02em; color:rgba(243,247,251,0.96);}
.dx-cv-mini-card__icon,.dx-cv-panel__icon,.dx-cv-sector-card__icon{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:14px; border:1px solid rgba(114,181,248,0.18); background:rgba(255,255,255,0.028); color:rgba(163,224,255,0.98); box-shadow:inset 0 1px 0 rgba(255,255,255,0.03); flex:0 0 44px;}
.dx-cv-mini-card__icon svg,.dx-cv-panel__icon svg,.dx-cv-sector-card__icon svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
.dx-cv-summary-grid,.dx-cv-qual-grid{gap:1.35rem;}
.dx-cv-panel{padding:1.4rem 1.45rem 1.45rem;}
.dx-cv-panel__icon{margin-bottom:1rem;}
.dx-cv-checklist{gap:0.62rem;}
.dx-cv-checklist li{font-size:0.95rem; line-height:1.58;}
.dx-cv-timeline{gap:1.3rem;}
.dx-cv-entry{gap:1.25rem;}
.dx-cv-entry__body{padding:1.3rem 1.4rem 1.45rem;}
.dx-cv-entry__body h3{font-size:1.14rem;}
.dx-cv-entry__role{margin-bottom:0.65rem;}
.dx-cv-entry__body p{font-size:0.96rem; line-height:1.72;}
.dx-cv-entry__stack{font-size:0.9rem;}
.dx-cv-sector-grid{gap:1.2rem;}
.dx-cv-sector-card{padding:1.15rem 1.2rem 1.25rem;}
.dx-cv-sector-card__icon{margin-bottom:0.9rem;}
.dx-cv-role-pills{margin-top:1.2rem;}
@media (max-width: 1100px){
  .dx-cv-hero__inner--simple,.dx-cv-visual-strip,.dx-cv-summary-grid,.dx-cv-qual-grid,.dx-cv-sector-grid{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .dx-founder-cv-band__copy h3{font-size:1rem;}
  .dx-cv-hero,.dx-cv-section,.dx-cv-cta{margin-bottom:2.4rem;}
  .dx-cv-section__intro{margin-bottom:1.35rem;}
  .dx-cv-section__intro h2{font-size:0.98rem; line-height:1.55;}
  .dx-cv-mini-card{padding:0.95rem 1rem;}
  .dx-cv-panel__icon,.dx-cv-mini-card__icon,.dx-cv-sector-card__icon{width:40px; height:40px; border-radius:12px;}
}


.dx-module-visual__icon img {
  width: min(100%, 284px);
  height: auto;
  max-height: 100%;
  display: block;
  filter: drop-shadow(0 12px 26px rgba(3, 7, 15, 0.28));
}

.dx-module-hero__icon > img {
  width: min(100%, 286px);
  height: auto;
  display: block;
  filter:
    drop-shadow(0 18px 34px rgba(3, 7, 15, 0.36))
    drop-shadow(0 0 40px color-mix(in srgb, var(--module-accent) 36%, transparent));
  animation: dx-module-hero-float 7s ease-in-out infinite;
}

@media (max-width: 768px) {
  body.home .dx-module-visual__icon--copilot-image img,
  .dx-module-hero__icon--copilot > img {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }
}

/* Partnerschaft (u.a. BNI) */

.dx-dynabryx__partner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 116px !important;
  gap: 22px !important;
  align-items: center !important;

  width: min(100%, 1100px) !important;
  max-width: 1100px !important;
  margin: 30px auto 0 !important;
  padding: 20px 24px !important;
  box-sizing: border-box !important;

  border: 1px solid rgba(116, 175, 255, 0.14) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(135deg, rgba(8, 20, 38, 0.92), rgba(5, 13, 26, 0.9)),
    radial-gradient(circle at top left, rgba(99, 189, 255, 0.10), transparent 42%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    0 14px 34px rgba(0,0,0,0.16) !important;
  position: relative !important;
  overflow: hidden !important;
}

.dx-dynabryx__partner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(120, 195, 255, 0.04), transparent) !important;
  pointer-events: none !important;
}

.dx-dynabryx__partner-copy,
.dx-dynabryx__partner-logo {
  position: relative !important;
  z-index: 1 !important;
}

.dx-dynabryx__partner-eyebrow {
  display: inline-block !important;
  margin: 0 0 8px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(219, 233, 255, 0.62) !important;
}

.dx-dynabryx__partner h3 {
  margin: 0 0 8px !important;
  font-family: "Poppins", sans-serif !important;
  font-size: clamp(20px, 1.6vw, 26px) !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  color: #f5f9ff !important;
}

.dx-dynabryx__partner p:last-child {
  margin: 0 !important;
  max-width: 640px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: rgba(219, 233, 255, 0.78) !important;
}

.dx-dynabryx__partner-logo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 88px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.025) !important;
  border: 1px solid rgba(116, 175, 255, 0.10) !important;
}

.dx-dynabryx__partner-logo img {
  display: block !important;
  width: 100% !important;
  max-width: 82px !important;
  height: auto !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 0 12px rgba(90, 180, 255, 0.10))
    drop-shadow(0 0 22px rgba(90, 180, 255, 0.04)) !important;
}

@media (max-width: 1100x) {
  .dx-dynabryx__partner {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: min(100%, 100%) !important;
    max-width: 100% !important;
    padding: 20px 18px !important;
    margin-top: 24px !important;
  }

  .dx-dynabryx__partner-logo {
    justify-content: flex-start !important;
    min-height: auto !important;
  }

  .dx-dynabryx__partner-logo img {
    max-width: 74px !important;
  }
}