/* Notch Mirror — extras + overrides on top of the shared /style.css */

.hero { padding: 96px 24px 48px; }        /* tighter, the demo video sits right below */
.feature { padding: 56px 0; }
.screenshot { border-radius: 14px; }
.privacy-strip { margin-top: 32px; }

/* Demo loop */
.demo { display: flex; justify-content: center; padding: 8px 24px 40px; }

.demo-video {
  width: 100%;
  max-width: 520px;
  height: auto;
  border-radius: 18px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
  background: #000;
}

@media (prefers-color-scheme: dark) {
  .demo-video { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6); }
}