/* install-sim.css — секция «живое демо»: iframe с реальной копией визарда
   (website/wizard-demo/). Постер-кнопка поверх, ленивый запуск по клику. */

#install-sim { padding: 72px 0 112px; }

.wsim-stage {
  max-width: 880px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 18px;
}

.wsim-frame {
  position: relative; width: 100%; aspect-ratio: 1120 / 760;
  border-radius: 16px; overflow: hidden; background: #0d1320;
  border: 1px solid rgba(120, 160, 220, 0.18);
  box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}
.wsim-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; background: #0d1320; }

.wsim-poster {
  position: absolute; inset: 0; z-index: 2; cursor: pointer; border: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
  background: radial-gradient(ellipse at center, rgba(13, 19, 32, 0.55), rgba(13, 19, 32, 0.96));
  color: #e8edf6; font-family: 'Manrope', sans-serif; transition: opacity .45s ease;
}
.wsim-poster.hide { opacity: 0; pointer-events: none; }
.wsim-poster-ico {
  width: 78px; height: 78px; border-radius: 50%; display: grid; place-items: center;
  font-size: 28px; color: #fff; padding-left: 4px;
  background: linear-gradient(135deg, #2ea6ff, #22d3a0);
  box-shadow: 0 12px 40px -6px rgba(46, 166, 255, 0.6);
  transition: transform .25s ease;
}
.wsim-poster:hover .wsim-poster-ico { transform: scale(1.08); }
.wsim-poster-txt { font: 700 20px/1.2 'Manrope', sans-serif; }
.wsim-poster-sub { font: 500 13px/1.3 'Inter', sans-serif; color: #8b97ad; }

.wsim-controls { display: flex; gap: 12px; }
.wsim-launch {
  padding: 13px 26px; border-radius: 12px; border: none; cursor: pointer;
  background: linear-gradient(135deg, #2ea6ff, #22d3a0); color: #fff;
  font: 700 14px/1 'Manrope', sans-serif; box-shadow: 0 12px 30px -8px rgba(46, 166, 255, .5);
  transition: transform .2s ease;
}
.wsim-launch:hover { transform: translateY(-2px); }
.wsim-launch.ghost { background: transparent; border: 1px solid rgba(120, 160, 220, .3); color: #aeb8cc; box-shadow: none; }

@media (max-width: 600px) {
  #install-sim { padding: 48px 0; }
  .wsim-frame { aspect-ratio: 360 / 640; }
  .wsim-poster-txt { font-size: 16px; }
}