/* Detail heroes: drop "03", put the service icon in that slot, align title with the logo. */
.detail-page .solution-hero .number-label > b {
  display: none !important;
}

.detail-page .solution-hero .number-label {
  gap: 10px;
}

.detail-page .solution-hero .number-label .v3-mark {
  width: 32px;
  height: 32px;
  flex: none;
}

.detail-page .solution-hero .number-label .v3-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.detail-page .solution-hero .solution-title {
  gap: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  align-items: center;
}

.detail-page .solution-hero .solution-title > span {
  display: none !important;
}

.detail-page .solution-hero .solution-title h1 {
  margin: 0;
}

/* Feature workspace screenshots: landscape rectangle, fill without stretching. */
.mac-canvas {
  place-items: stretch !important;
  min-height: 0 !important;
}

.mac-canvas .feature-canvas.is-dashboard {
  align-self: stretch;
  width: 100%;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  background: #fff;
  place-items: stretch;
  overflow: hidden;
}

.mac-canvas .feature-canvas.is-dashboard > img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: top center !important;
  background: #fff !important;
  transform: none !important;
}

@media (max-width: 900px) {
  .mac-canvas {
    min-height: 0 !important;
  }

  .mac-canvas .feature-canvas.is-dashboard {
    min-height: 0 !important;
  }
}

.feature-scene-copy h3,
.feature-scene-copy b,
.feature-scene-copy strong {
  color: #fff !important;
}

.feature-showcase .mac-sidebar,
.feature-showcase .mac-sidebar button,
.feature-showcase .mac-navigation button {
  pointer-events: auto !important;
  z-index: 6;
}

.feature-tree > svg {
  pointer-events: none !important;
  z-index: 1;
}

.feature-tree[data-reveal].is-visible,
.mac-experience[data-reveal].is-visible {
  animation: none !important;
}

.deep-glass-deck:has(.eh-deck-card) .eh-deck-card {
  animation: none !important;
}

.deep-glass-deck:has(.eh-deck-card) .deep-active-panel,
.deep-glass-deck:has(.eh-deck-card) .deep-glass-layer {
  animation: none !important;
}

@media (min-width: 901px) {
  .feature-tree-section {
    overflow: visible;
  }

  .feature-tree {
    overflow: visible;
  }

  .feature-tree-node {
    position: absolute !important;
    top: var(--node-y, 50%) !important;
    left: var(--node-x, 50%) !important;
    transform: translate(-50%, -50%) !important;
    z-index: 6;
    pointer-events: auto !important;
  }

  .feature-tree-core {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 4;
  }
}