/* Depth stays restrained; every rule is scoped below the approved hero. */
.reference-v2 .aura-demo {
  box-shadow: -35px 0 0 -4px #202225, -35px 0 0 -3px #ffffff3f,
    0 30px 55px -24px #0009, 0 0 55px -26px #cdb0ea55;
}
.reference-v2 .beauty-record {
  box-shadow: 0 30px 45px -27px #554b485e, 0 9px 18px -10px #352c3430;
}
.reference-v2 .phone {
  box-shadow: 0 35px 38px -22px #3a303e66, 0 12px 19px -14px #382e3b80;
}
.reference-v2 .photo-note {
  box-shadow: 3px 24px 27px -16px #51404b5c, 0 4px 7px #352c3214;
}
.reference-v2 .chat-phone {
  box-shadow: 0 27px 33px -18px #34303970, 0 6px 14px #34383920;
}
.reference-v2 .campaign {
  box-shadow: 7px 30px 34px -20px #30263875, 3px 8px 16px #30263826;
}
.metric-grid strong .count-value {
  color: inherit; font: inherit; font-variant-numeric: tabular-nums;
  display: inline-block; min-width: 1.15ch;
}
.metric-grid > div:first-child .count-value { min-width: 4.2ch; }
.metric-grid > div:nth-child(5) .count-value { min-width: 5.8ch; }
.reference-v2 .feature-tile, .reference-v2 .practice-grid > a {
  position: relative; isolation: isolate;
}
.reference-v2 .feature-tile::after, .reference-v2 .practice-grid > a::after {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  pointer-events: none; opacity: 0; z-index: -1;
  box-shadow: 0 17px 27px -18px #54476380;
  transition: opacity 250ms ease;
}
.reference-v2 .practice-grid > a { box-shadow: 0 13px 24px -21px #51475577; }
.reference-v2 .feature-tile { transition: background-color 220ms ease, border-color 220ms ease; }
@media (hover: hover) and (pointer: fine) {
  .reference-v2 .feature-tile:hover { background: #f2edf5; border-color: #d8cce5; }
  .reference-v2 .feature-tile:hover::after, .reference-v2 .practice-grid > a:hover::after { opacity: 1; }
}
@media (max-width: 760px) {
  .reference-v2 .aura-demo {
    box-shadow: -10px 0 0 -3px #202225, -10px 0 0 -2px #ffffff3f, 0 23px 34px -22px #0009;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-scroll-motion] { opacity: 1 !important; translate: none !important; }
}
.paused [data-scroll-motion], .keyboard [data-scroll-motion] { opacity: 1 !important; translate: none !important; }