/**
 * Критический путь первого экрана: до тяжёлого легаси-CSS.
 * Дубли с hero-motion сведены к минимуму — расширения в hero-motion.css.
 */
html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  font-family:
    "europa",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
}

#app {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

#app .app-shell {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}

/* style7.css: .site { display: none } — #app выше по специфичности, без !important */
#app .app-shell > .site {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}