/* DXCELL premium warmth polish */
:root{
  --dx-glow-green: rgba(116,255,190,.24);
  --dx-glow-cyan: rgba(109,227,255,.20);
  --dx-glow-violet: rgba(203,144,255,.18);
  --dx-glow-gold: rgba(255,210,110,.14);
}
body{
  position: relative;
}
body::before{
  filter: saturate(1.08);
}
body::after{
  opacity: .28 !important;
}
.wrap,.shell,.hero,.hero-grid,.grid,.grid3,.prog-grid,.section,.topRow,.marketWrap,.layout{position:relative;z-index:1}
.top,.panel,.mini,.story,.tape,.card,.event,.quote,.source,
.doc-card,.prog-card,.agent-tile,.vis-card,.vis-block,
.serviceMini,.card--rich,.titleBox,.chartCard,.signalPane,.heroSignal,
.notice,.band,.panelGlass,.toolCard,.featureCard{
  box-shadow:
    0 24px 60px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 40px var(--dx-glow-green),
    0 0 70px var(--dx-glow-cyan);
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background-color .24s ease;
}
.top:hover,.panel:hover,.mini:hover,.story:hover,.tape:hover,.card:hover,.event:hover,.quote:hover,.source:hover,
.doc-card:hover,.prog-card:hover,.agent-tile:hover,.vis-card:hover,.vis-block:hover,
.serviceMini:hover,.card--rich:hover,.titleBox:hover,.chartCard:hover,.signalPane:hover,.heroSignal:hover,
.notice:hover,.band:hover,.panelGlass:hover,.toolCard:hover,.featureCard:hover{
  transform: translateY(-4px);
  box-shadow:
    0 30px 75px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 42px rgba(116,255,190,.30),
    0 0 82px rgba(109,227,255,.26),
    0 0 120px rgba(203,144,255,.16);
  border-color: rgba(135,255,204,.28) !important;
}
.pill,.btn,.btn-primary,.btn-ghost,.hero-pill,.doc-card-cta,.cardCta,.back,.regionChip,.toolPills span,.chip{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.pill:hover,.btn:hover,.btn-primary:hover,.btn-ghost:hover,.hero-pill:hover,.doc-card-cta:hover,.cardCta:hover,.back:hover,.regionChip:hover,.chip:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(0,0,0,.28), 0 0 32px rgba(116,255,190,.20);
  border-color: rgba(135,255,204,.34) !important;
}
.hero::before,.hero-body::before,.hero-grid::before,.titleBox::before,.panel::before,.card::before,.card--rich::before{
  content:"";
  position:absolute;
  inset:auto 12% -1px 12%;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(116,255,190,.28), rgba(109,227,255,.24), transparent);
  opacity:.75;
  pointer-events:none;
}
.headline,h1,.hero-title,.section-head h2,.name,.n,.hero-body h1,.section h2,.regionHeadline,.headlineStrong{
  text-shadow: 0 0 28px rgba(116,255,190,.10), 0 0 56px rgba(109,227,255,.10);
}