@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,400&family=Jost:wght@400;500&display=swap');
 #dn-operating-ecosystem {
  --dn-ink: #081424;
  --dn-ink-soft: #0d1b2b;
  --dn-paper: #f5efe4;
  --dn-champagne: #e7dac7;
  --dn-copper: #b87745;
  --dn-brass: #cf9d5a;
  --dn-steel: #6f8397;
  --dn-wine: #854b41;
  --dn-line: rgba(231, 218, 199, .16);
  --dn-muted: rgba(245, 239, 228, .64);
  width: 100%;
  color: var(--dn-paper);
  font-family: "Jost", system-ui, sans-serif;
  font-weight: 400;
}
 #dn-operating-ecosystem * { box-sizing: border-box; }
 #dn-operating-ecosystem .dn-surface {
  position: relative;
  overflow: hidden;
  min-width: 0;
  background:
    radial-gradient(circle at 86% 8%, rgba(184, 119, 69, .13), transparent 28rem),
    linear-gradient(145deg, #0b1828 0%, var(--dn-ink) 42%, #07111e 100%);
  color: var(--dn-paper);
  padding: clamp(22px, 4vw, 52px);
}
 #dn-operating-ecosystem .dn-surface::after {
  content: "";
  position: absolute;
  width: 560px;
  height: 560px;
  border: 1px solid rgba(231, 218, 199, .045);
  border-radius: 50%;
  right: -300px;
  bottom: -390px;
  pointer-events: none;
}
 #dn-operating-ecosystem .dn-topbar,
#dn-operating-ecosystem .dn-stage-head,
#dn-operating-ecosystem .dn-stage-main,
#dn-operating-ecosystem .dn-foot {
  position: relative;
  z-index: 1;
}
 #dn-operating-ecosystem .dn-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--dn-line);
}
 #dn-operating-ecosystem .dn-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
 #dn-operating-ecosystem .dn-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 1px solid rgba(231, 218, 199, .35);
  color: var(--dn-champagne);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 28px;
  line-height: 1;
}
 #dn-operating-ecosystem .dn-mark::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 19px;
  right: 6px;
  bottom: 5px;
  border: 1px solid var(--dn-copper);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}
 #dn-operating-ecosystem .dn-brand-copy strong,
#dn-operating-ecosystem .dn-brand-copy span,
#dn-operating-ecosystem .dn-series,
#dn-operating-ecosystem .dn-kicker,
#dn-operating-ecosystem .dn-lens,
#dn-operating-ecosystem .dn-state-num,
#dn-operating-ecosystem .dn-proof,
#dn-operating-ecosystem .dn-legend,
#dn-operating-ecosystem .dn-foot {
  letter-spacing: .18em;
  text-transform: uppercase;
}
 #dn-operating-ecosystem .dn-brand-copy strong {
  display: block;
  color: var(--dn-paper);
  font-size: 12px;
  font-weight: 500;
}
 #dn-operating-ecosystem .dn-brand-copy span {
  display: block;
  margin-top: 3px;
  color: var(--dn-copper);
  font-size: 9px;
}
 #dn-operating-ecosystem .dn-series {
  color: rgba(231, 218, 199, .55);
  font-size: 9px;
  text-align: right;
}
 #dn-operating-ecosystem .dn-intro {
  position: relative;
  z-index: 1;
  max-width: 930px;
  padding: clamp(42px, 7vw, 88px) 0 clamp(34px, 5vw, 64px);
}
 #dn-operating-ecosystem .dn-kicker {
  margin: 0 0 18px;
  color: var(--dn-copper);
  font-size: 10px;
}
 #dn-operating-ecosystem h2 {
  max-width: 15ch;
  margin: 0;
  color: var(--dn-paper);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(42px, 7.2vw, 82px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: .98;
}
 #dn-operating-ecosystem h2 em {
  display: inline;
  color: var(--dn-copper);
  font-weight: 400;
}
 #dn-operating-ecosystem .dn-intro-copy {
  max-width: 720px;
  margin: 26px 0 0;
  color: var(--dn-muted);
  font-size: 15px;
  line-height: 1.75;
}
 #dn-operating-ecosystem .dn-intro-copy strong {
  color: var(--dn-champagne);
  font-weight: 500;
}
 #dn-operating-ecosystem .dn-stage {
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--dn-line);
  border-bottom: 1px solid var(--dn-line);
}
 #dn-operating-ecosystem .dn-stage-head {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(490px, auto);
  align-items: stretch;
  border-bottom: 1px solid var(--dn-line);
}
 #dn-operating-ecosystem .dn-lens {
  display: flex;
  align-items: center;
  padding: 18px 20px 18px 0;
  color: rgba(231, 218, 199, .5);
  font-size: 9px;
}
 #dn-operating-ecosystem .dn-lens strong {
  margin-left: 8px;
  color: var(--dn-brass);
  font-weight: 500;
}
 #dn-operating-ecosystem .dn-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-left: 1px solid var(--dn-line);
}
 #dn-operating-ecosystem .dn-tab {
  min-height: 56px;
  border: 0;
  border-left: 1px solid var(--dn-line);
  background: transparent;
  color: rgba(245, 239, 228, .6);
  cursor: pointer;
  font: inherit;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .13em;
  text-transform: uppercase;
}
 #dn-operating-ecosystem .dn-tab:first-child { border-left: 0; }
 #dn-operating-ecosystem .dn-tab[aria-selected="true"] {
  background: var(--dn-copper);
  color: var(--dn-ink);
}
 #dn-operating-ecosystem .dn-stage-main {
  display: grid;
  grid-template-columns: minmax(245px, .7fr) minmax(0, 1.6fr);
  min-height: 620px;
}
 #dn-operating-ecosystem .dn-narrative {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding: clamp(28px, 4vw, 52px) clamp(24px, 4vw, 48px) clamp(28px, 4vw, 44px) 0;
  border-right: 1px solid var(--dn-line);
}
 #dn-operating-ecosystem .dn-state-num {
  display: block;
  color: var(--dn-copper);
  font-size: 10px;
}
 #dn-operating-ecosystem h3 {
  max-width: 13ch;
  margin: 22px 0 18px;
  color: var(--dn-champagne);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(30px, 3.8vw, 48px);
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 1.04;
}
 #dn-operating-ecosystem .dn-state-copy {
  max-width: 36ch;
  margin: 0;
  color: var(--dn-muted);
  font-size: 13px;
  line-height: 1.72;
}
 #dn-operating-ecosystem .dn-proof {
  padding-top: 28px;
  color: rgba(231, 218, 199, .5);
  font-size: 8px;
  line-height: 2;
}
 #dn-operating-ecosystem .dn-proof span { color: var(--dn-brass); }
 #dn-operating-ecosystem .dn-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 22px 0 12px 22px;
  overflow: hidden;
}
 #dn-operating-ecosystem .dn-visual::before {
  content: "";
  position: absolute;
  inset: 8% 8% 9% 11%;
  background:
    radial-gradient(circle at 46% 48%, rgba(133, 75, 65, .17), transparent 38%),
    radial-gradient(circle at 60% 54%, rgba(184, 119, 69, .09), transparent 57%);
  opacity: 1;
  transition: opacity .7s ease, filter .7s ease;
  pointer-events: none;
}
 #dn-operating-ecosystem[data-view="multiplied"] .dn-visual::before {
  background:
    radial-gradient(ellipse at 50% 50%, rgba(133, 75, 65, .19), transparent 34%),
    radial-gradient(ellipse at 50% 50%, rgba(184, 119, 69, .1), transparent 60%);
  filter: saturate(.86);
}
 #dn-operating-ecosystem[data-view="governed"] .dn-visual::before {
  background: radial-gradient(circle at 54% 48%, rgba(207, 157, 90, .08), transparent 52%);
  filter: none;
}
 #dn-operating-ecosystem .dn-map {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  max-height: 600px;
}
 #dn-operating-ecosystem .dn-map .dn-guide {
  opacity: 0;
  transition: opacity .6s ease;
}
 #dn-operating-ecosystem .dn-map .dn-guide.is-active { opacity: 1; }
#dn-operating-ecosystem .dn-map .dn-edge-layer { transition: opacity .55s ease; }
#dn-operating-ecosystem .dn-map .dn-edge {
  fill: none;
  vector-effect: non-scaling-stroke;
  stroke-width: var(--dn-edge-width, 1);
  opacity: var(--dn-edge-opacity, .5);
  transition: stroke .55s ease, opacity .55s ease;
}
 #dn-operating-ecosystem .dn-map .dn-edge.is-friction { stroke: var(--dn-wine); }
#dn-operating-ecosystem .dn-map .dn-edge.is-local { stroke: var(--dn-steel); }
#dn-operating-ecosystem .dn-map .dn-edge.is-governed { stroke: var(--dn-brass); }
#dn-operating-ecosystem .dn-map .dn-edge.is-exception { stroke: var(--dn-copper); stroke-dasharray: 5 7; }
 #dn-operating-ecosystem .dn-map .dn-edge-layer.is-state-0 .dn-edge.is-friction {
  stroke: #9b5147;
  filter: drop-shadow(0 0 1.5px rgba(133, 75, 65, .28));
}
 #dn-operating-ecosystem .dn-map .dn-edge-layer.is-state-0 .dn-edge.is-exception { stroke: #c77949; }
#dn-operating-ecosystem .dn-map .dn-edge-layer.is-state-0 .dn-edge.is-local { stroke: #718295; }
#dn-operating-ecosystem .dn-map .dn-edge-layer.is-state-1 .dn-edge.is-friction { stroke: #8e5048; }
#dn-operating-ecosystem .dn-map .dn-edge-layer.is-state-1 .dn-edge.is-local { stroke: #687b8f; }
#dn-operating-ecosystem .dn-map .dn-edge-layer.is-state-2 .dn-edge.is-governed { stroke: var(--dn-brass); }
#dn-operating-ecosystem .dn-map .dn-edge-layer.is-state-2 .dn-edge.is-exception { stroke: rgba(184, 119, 69, .7); }
 #dn-operating-ecosystem .dn-map .dn-node circle {
  vector-effect: non-scaling-stroke;
  stroke: var(--dn-ink);
  stroke-width: 2;
  transition: r .35s ease, fill .35s ease, opacity .35s ease;
}
 #dn-operating-ecosystem .dn-map .dn-node text {
  fill: rgba(231, 218, 199, .68);
  font-family: "Jost", system-ui, sans-serif;
  font-size: 13px;
  letter-spacing: .02em;
  transition: opacity .25s ease;
}
 #dn-operating-ecosystem .dn-map .dn-node.is-core circle { fill: var(--dn-brass); }
#dn-operating-ecosystem .dn-map .dn-node.is-core text { fill: var(--dn-champagne); font-size: 15px; font-weight: 500; }
#dn-operating-ecosystem .dn-map .dn-node.is-ancillary circle { fill: var(--dn-steel); }
#dn-operating-ecosystem .dn-map .dn-node.is-workaround circle { fill: var(--dn-wine); }
#dn-operating-ecosystem .dn-map .dn-node.is-governance circle { fill: var(--dn-copper); }
#dn-operating-ecosystem .dn-map .dn-node.is-outcome circle { fill: var(--dn-paper); }
#dn-operating-ecosystem .dn-map .dn-node.is-outcome text { fill: var(--dn-paper); font-weight: 500; }
 #dn-operating-ecosystem .dn-map .dn-orbit,
#dn-operating-ecosystem .dn-map .dn-cluster,
#dn-operating-ecosystem .dn-map .dn-lane {
  fill: none;
  stroke: rgba(231, 218, 199, .11);
  vector-effect: non-scaling-stroke;
}
 #dn-operating-ecosystem .dn-map .dn-cluster { stroke: rgba(207, 157, 90, .17); }
#dn-operating-ecosystem .dn-map .dn-lane { fill: rgba(231, 218, 199, .018); }
#dn-operating-ecosystem .dn-map .dn-scale-ring {
  fill: rgba(133, 75, 65, .025);
  stroke: rgba(133, 75, 65, .26);
  stroke-width: .8;
  vector-effect: non-scaling-stroke;
}
 #dn-operating-ecosystem .dn-map .dn-scale-dot { fill: rgba(111, 131, 151, .34); }
#dn-operating-ecosystem .dn-map .dn-scale-dot.is-exception { fill: rgba(184, 119, 69, .62); }
#dn-operating-ecosystem .dn-map .dn-property-label {
  fill: rgba(231, 218, 199, .3);
  font-family: "Jost", system-ui, sans-serif;
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#dn-operating-ecosystem .dn-map .dn-web-haze {
  fill: rgba(133, 75, 65, .14);
  filter: url(#dn-soft-haze);
}
 #dn-operating-ecosystem .dn-map .dn-guide-1 .dn-web-haze { fill: rgba(133, 75, 65, .18); }
#dn-operating-ecosystem .dn-map .dn-guide-label {
  fill: rgba(231, 218, 199, .38);
  font-family: "Jost", system-ui, sans-serif;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
 #dn-operating-ecosystem .dn-map .dn-governed-signature {
  fill: var(--dn-brass);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 18px;
  letter-spacing: .04em;
}
 #dn-operating-ecosystem .dn-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  padding: 16px 0;
  color: rgba(231, 218, 199, .48);
  font-size: 8px;
  border-top: 1px solid var(--dn-line);
}
 #dn-operating-ecosystem .dn-legend span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
 #dn-operating-ecosystem .dn-legend i {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--dn-steel);
}
 #dn-operating-ecosystem .dn-legend .is-friction { background: var(--dn-wine); }
#dn-operating-ecosystem .dn-legend .is-governed { background: var(--dn-brass); }
#dn-operating-ecosystem .dn-legend .is-ownership { background: var(--dn-copper); }
 #dn-operating-ecosystem .dn-foot {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-top: 22px;
  color: rgba(231, 218, 199, .45);
  font-size: 8px;
  line-height: 1.7;
}
 #dn-operating-ecosystem .dn-foot strong { color: var(--dn-copper); font-weight: 500; }
 #dn-operating-ecosystem .dn-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
 @media (max-width: 820px) {
  #dn-operating-ecosystem .dn-stage-head { grid-template-columns: 1fr; }
  #dn-operating-ecosystem .dn-lens { padding-right: 0; }
  #dn-operating-ecosystem .dn-tabs { border-top: 1px solid var(--dn-line); border-left: 0; }
  #dn-operating-ecosystem .dn-stage-main { grid-template-columns: 1fr; min-height: 0; }
  #dn-operating-ecosystem .dn-narrative {
    min-height: 310px;
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid var(--dn-line);
  }
  #dn-operating-ecosystem .dn-visual { padding: 20px 0 8px; }
  #dn-operating-ecosystem .dn-map .dn-node text { font-size: 15px; }
  #dn-operating-ecosystem .dn-map .dn-node.is-core text { font-size: 17px; }
}
 @media (max-width: 520px) {
  #dn-operating-ecosystem .dn-surface { padding: 20px 14px 26px; }
  #dn-operating-ecosystem .dn-series { max-width: 120px; }
  #dn-operating-ecosystem .dn-brand-copy strong { font-size: 10px; }
  #dn-operating-ecosystem .dn-brand-copy span { font-size: 8px; }
  #dn-operating-ecosystem .dn-intro { padding-top: 42px; }
  #dn-operating-ecosystem h2 { font-size: 40px; }
  #dn-operating-ecosystem .dn-intro-copy { font-size: 13px; }
  #dn-operating-ecosystem .dn-lens { align-items: flex-start; flex-direction: column; gap: 5px; line-height: 1.6; }
  #dn-operating-ecosystem .dn-lens strong { margin-left: 0; }
  #dn-operating-ecosystem .dn-tab { min-height: 64px; padding: 6px; font-size: 8px; line-height: 1.5; }
  #dn-operating-ecosystem .dn-narrative { min-height: 330px; }
  #dn-operating-ecosystem h3 { font-size: 34px; }
  #dn-operating-ecosystem .dn-map .dn-node text { font-size: 24px; }
  #dn-operating-ecosystem .dn-map .dn-node.is-core text { font-size: 26px; }
  #dn-operating-ecosystem .dn-map .dn-node text[data-priority="low"] { opacity: 0 !important; }
  #dn-operating-ecosystem .dn-map .dn-property-label { opacity: 0; }
  #dn-operating-ecosystem .dn-map .dn-guide-label { font-size: 18px; }
  #dn-operating-ecosystem .dn-map .dn-governed-signature { font-size: 26px; }
  #dn-operating-ecosystem .dn-legend { gap: 12px 18px; font-size: 8px; }
  #dn-operating-ecosystem .dn-foot { flex-direction: column; gap: 6px; }
}
 @media (prefers-reduced-motion: reduce) {
  #dn-operating-ecosystem *,
  #dn-operating-ecosystem *::before,
  #dn-operating-ecosystem *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

#dn-operating-ecosystem .dn-brand-logo {
  display: block;
  width: 104px;
  height: 104px;
  object-fit: contain;
}

@media (max-width: 520px) {
  #dn-operating-ecosystem .dn-brand-logo { width: 82px; height: 82px; }
}