/* «Парящий экран» продукта: скриншот приложения без корпуса телефона, мягкая тень под ним.
   В покое неподвижен; наклон за курсором — только при наведении мышью (screen.js), только transform/opacity. */
.screen{--rx:0deg;--ry:0deg;--lift:0px;--gx:0%;--gy:0%;position:relative;margin:0;width:min(290px,70vw);flex:none;
  transform:perspective(1100px) translate3d(0,var(--lift),0) rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .55s cubic-bezier(.22,1,.36,1)}
.screen.is-hover{--lift:-8px}
.screen.is-tilting{transition:transform .16s cubic-bezier(.22,1,.36,1)}
/* тень — отдельный слой под экраном: размытие рисуется один раз, дальше меняются только opacity/transform */
.screen::before{content:"";position:absolute;inset:7% 6% 0;z-index:-1;border-radius:40px;background:rgba(6,8,28,.55);filter:blur(30px);
  transform:translate3d(0,26px,0);opacity:.8;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s}
.screen.is-hover::before{transform:translate3d(0,40px,0) scale(1.03);opacity:1}
.screen-in{position:relative;display:block;border-radius:24px;overflow:hidden;background:#fff;transform:translateZ(0)}
.screen-in picture{display:block}
.screen-in img{display:block;width:100%;height:auto}
/* едва заметный блик, едет за курсором */
.screen-in::after{content:"";position:absolute;inset:-40%;pointer-events:none;opacity:0;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.32),rgba(255,255,255,0) 38%);
  transform:translate3d(var(--gx),var(--gy),0);transition:opacity .45s}
.screen.is-hover .screen-in::after{opacity:.55}
@media (prefers-reduced-motion:reduce){.screen,.screen::before{transform:none!important;transition:none!important}}

/* главная: два экрана NeuroDent в карточке продукта */
.nd-duo{display:flex;align-items:flex-start;justify-content:center;padding:44px 20px 64px;width:100%}
.nd-duo .screen{width:min(220px,44%)}
.nd-duo .screen+.screen{margin-left:-26px;margin-top:56px}