/* eTradeValue vitrine — styles partagés */
::selection { background: #2563EB; color: #fff; }
html { scroll-behavior: smooth; }

/* Scroll reveal */
.rv { opacity: 0; transform: translateY(20px); transition: opacity .4s ease, transform .4s ease; }
.rv.in { opacity: 1; transform: none; }
.rv-d1.in { transition-delay: .1s; }
.rv-d2.in { transition-delay: .2s; }

/* Laptop mockup */
.laptop-frame {
  border: 10px solid #0F172A;
  border-bottom-width: 18px;
  border-radius: 16px;
  background: #0F172A;
  box-shadow: 0 25px 60px -15px rgba(15, 23, 42, .35);
  overflow: hidden;
  position: relative;
}
.laptop-frame::before {
  content: '';
  position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
  width: 60px; height: 4px; border-radius: 4px; background: #334155; z-index: 2;
}
.laptop-frame img { display: block; width: 100%; height: auto; }

/* Phone mockup */
.phone-frame {
  border: 7px solid #0F172A;
  border-radius: 28px;
  background: #0F172A;
  box-shadow: 0 20px 45px -12px rgba(15, 23, 42, .45);
  overflow: hidden;
  position: relative;
}
.phone-frame::before {
  content: '';
  position: absolute; top: 6px; left: 50%; transform: translateX(-50%);
  width: 34%; height: 14px; border-radius: 10px; background: #0F172A; z-index: 2;
}
.phone-frame img { display: block; width: 100%; height: auto; border-radius: 20px; }