
.aurelion-step8-map-section,.dva-dialog{
  --dva-bg:#061019;
  --dva-panel:rgba(7,15,24,.92);
  --dva-line:rgba(255,255,255,.12);
  --dva-text:#f5fbff;
  --dva-muted:rgba(245,251,255,.72);
  --dva-gold:#e6c67b;
  --dva-cyan:#6fe8f6;
  color:var(--dva-text);
}
.aurelion-step8-map-section *,
.dva-dialog *{box-sizing:border-box}
.dva-stage-wrap { display:block; }
.dva-map-stage { position: relative; background: #09111b; border: 1px solid var(--dva-line); border-radius: 22px; overflow: hidden; box-shadow: 0 28px 70px rgba(0,0,0,.35); }
.dva-map-image { display: block; width: 100%; height: auto; }
.dva-highlight { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(111,232,246,.72), rgba(230,198,123,.5)); mix-blend-mode: screen; opacity: 0; transition: opacity .18s ease; pointer-events: none; }
.dva-highlight.is-active { opacity: 1; }
.dva-hover-card { position: absolute; z-index: 3; background: rgba(4, 11, 18, .94); color: #f8fdff; border: 1px solid rgba(111,232,246,.35); border-radius: 12px; padding: 10px 12px; display: inline-flex; gap: 10px; align-items: center; pointer-events: none; box-shadow: 0 14px 30px rgba(0,0,0,.35); }
.dva-hover-number { width: 28px; height: 28px; border-radius: 50%; background: rgba(230,198,123,.16); border: 1px solid rgba(230,198,123,.45); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--dva-gold); }
.dva-hover-name { font-size: 13px; font-weight: 600; }
.dva-return-button { appearance: none; border: 1px solid var(--dva-line); background: rgba(255,255,255,.04); color: var(--dva-text); padding: 12px 14px; border-radius: 12px; font: inherit; text-decoration: none; cursor: pointer; }
.dva-return-button:hover, .dva-return-button:focus-visible { outline: none; border-color: rgba(230,198,123,.5); box-shadow: 0 0 0 1px rgba(230,198,123,.14) inset; }
.dva-dialog[hidden] { display: none; }
.dva-dialog { position: fixed; inset: 0; z-index: 60; }
.dva-dialog-backdrop { position: absolute; inset: 0; background: rgba(4,8,12,.78); backdrop-filter: blur(6px); }
.dva-dialog-panel { position: relative; width: min(1280px, calc(100% - 32px)); margin: min(4vh, 28px) auto; max-height: calc(100vh - 56px); overflow: auto; border-radius: 22px; border: 1px solid var(--dva-line); background: rgba(5,9,14,.97); box-shadow: 0 30px 100px rgba(0,0,0,.55); display: grid; grid-template-columns: 1.35fr .85fr; }
.dva-dialog-media img { width: 100%; height: 100%; display: block; object-fit: cover; }
.dva-dialog-copy { padding: 24px; display: flex; flex-direction: column; }
.dva-dialog-number { width: 52px; height: 52px; border-radius: 50%; background: rgba(230,198,123,.12); border: 1px solid rgba(230,198,123,.42); display: flex; align-items: center; justify-content: center; color: var(--dva-gold); font-weight: 800; }
.dva-dialog-copy h3 { margin: 16px 0 10px; font-size: clamp(28px, 3vw, 36px); }
.dva-dialog-copy p { margin: 0; color: var(--dva-muted); line-height: 1.7; }
.dva-dialog-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: auto; padding-top: 20px; }
.dva-dialog-close { position: absolute; right: 14px; top: 14px; width: 42px; height: 42px; border-radius: 999px; border: 1px solid var(--dva-line); background: rgba(255,255,255,.06); color: #fff; font-size: 28px; cursor: pointer; }
@media (max-width: 980px) {
  .dva-stage-wrap, .dva-dialog-panel { grid-template-columns: 1fr; }
}

.aurelion-step8-map-section{
  position:relative;
  padding-top:78px;
  padding-bottom:110px;
  scroll-margin-top:100px;
}
.aurelion-step8-heading>p:last-child{
  color:#7e95a5;
  max-width:800px;
}
.aurelion-step8-shell{
  width:min(1920px,calc(100vw - 24px));
  margin-left:50%;
  transform:translateX(-50%);
  border:1px solid rgba(230,198,123,.24);
  border-radius:22px;
  overflow:hidden;
  background:#07111a;
  box-shadow:0 36px 118px rgba(0,0,0,.38);
}
.aurelion-step8-shell .dva-map-stage{
  border:0;
  border-radius:22px;
}
.dva-map-picture{display:block}
@media(max-width:850px){
  .aurelion-step8-shell{
    width:calc(100vw - 10px);
    border-radius:12px;
  }
  .aurelion-step8-shell .dva-map-stage{border-radius:12px}
}
