/* NeoDEX V6 — floating trading-device hero, section 03 only.
   This montage has a TRUE transparent alpha channel: the website's
   original continuous atmosphere remains visible through the asset. */
.experience-section {
  padding-top: 128px;
  padding-bottom: 118px;
  overflow: hidden;
}
.experience-section::before {
  background: radial-gradient(ellipse 760px 480px at 78% 44%, rgba(13, 103, 103, .10), transparent 73%);
}
.experience-shell {
  grid-template-columns: 42% 58%;
  min-height: 626px;
}
.experience-copy {
  z-index: 4;
}
.experience-copy > p {
  max-width: 430px;
}
.device-showcase {
  position: relative;
  isolation: isolate;
  width: 111%;
  margin: 8px 0 0 -4.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-width: 0;
  transform: translateZ(0);
}
.device-showcase::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 92%;
  height: 62%;
  top: 20%;
  left: 7%;
  border-radius: 50%;
  background:
     radial-gradient(ellipse at 45% 53%, rgba(36, 169, 152, .15), transparent 63%),
     radial-gradient(ellipse at 70% 59%, rgba(69, 56, 128, .12), transparent 70%);
  filter: blur(41px);
  pointer-events: none;
}
.device-showcase-image {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  object-fit: contain;
  filter: saturate(.91) contrast(1.07) drop-shadow(0 26px 32px rgba(0,0,0,.39));
  user-select: none;
  -webkit-user-drag: none;
  transform: translate3d(0,0,0);
  animation: floatDeviceShowcase 9s ease-in-out infinite;
}
.showcase-caption {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font: 700 8px/1.6 var(--font-body);
  letter-spacing: .13em;
  text-align: center;
  color: #86a59b;
  padding: 14px 0 0;
}
.showcase-caption-pulse {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b6ff74;
  box-shadow: 0 0 7px rgba(182,255,116,.4);
  flex: none;
}
@keyframes floatDeviceShowcase {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-10px,0); }
}
@media(max-width:1140px){
  .experience-shell { grid-template-columns: 44% 56%; }
  .device-showcase { width: 113%; margin-left: -4%; }
  .experience-copy h2 { font-size: clamp(42px,4vw,60px); }
}
@media(max-width:930px){
  .experience-section {padding-top:110px;padding-bottom:102px;}
  .experience-shell {display:flex;flex-direction:column;align-items:stretch;min-height:0;}
  .device-showcase {width:100%;max-width:790px;margin:20px auto 0;}
  .showcase-caption {padding-top:0;}
}
@media(max-width:600px){
  .experience-section {padding-top:88px;padding-bottom:76px;}
  .device-showcase {
    width: calc(100% + 36px);
    max-width: none;
    margin: 30px 0 0 -18px;
    overflow: hidden;
    align-items: flex-start;
  }
  .device-showcase::before { width: 100%; left: 0; height: 76%; top: 10%; }
  .device-showcase-image {
    width: 154%;
    height: auto;
    max-width: none;
    margin-left: -27%;
  }
  .showcase-caption {
    font-size: 6.5px;
    letter-spacing: .09em;
    padding: 12px 14px 0;
    justify-content:center;
  }
}
@media(prefers-reduced-motion:reduce){
  .device-showcase-image {animation:none!important;transform:none!important;}
}