* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; background: #0b1020; color: #fff; }
.poster, .stage { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.play-button {
  font-size: 1.25rem; padding: 1rem 2rem; border-radius: 999px; border: none;
  background: #2563eb; color: white; cursor: pointer;
}
.stage { flex-direction: column; padding: 2rem; }
.visual { max-width: 900px; width: 100%; }
.finding-card { background: #111735; border-radius: 12px; padding: 2rem; text-align: center; }
.finding-card.bad { border: 2px solid #ef4444; }
.finding-card.warn { border: 2px solid #f59e0b; }
.finding-card.good { border: 2px solid #22c55e; }
.finding-card.neutral { border: 2px solid #6b7280; }
.walkthrough-frame { overflow: hidden; height: 70vh; border-radius: 12px; }
.walkthrough-frame img { width: 100%; display: block; }
@keyframes pan-zoom {
  from { transform: translateY(0) scale(1.05); }
  to { transform: translateY(-60%) scale(1.05); }
}
.cta-button {
  display: inline-block; margin-top: 1.5rem; padding: 1rem 2rem; border-radius: 999px;
  background: #22c55e; color: #04210f; font-weight: 600; text-decoration: none;
}