/* NOVEXA brand placements: shared by English and French pages. */
.storefront-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1000px; margin: 0 auto; align-items: start; }
.storefront-view { margin: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 16px; background: var(--bg-elevated); }
.storefront-view figcaption { padding: 16px 20px; color: var(--text); font-size: 15px; font-weight: 600; }
.storefront-view img { display: block; width: 100%; height: auto; }
.comparison-note { max-width: 1000px; margin: 20px auto 0; color: var(--text-muted); font-size: 14px; text-align: center; }
@media (max-width: 640px) { .storefront-comparison { grid-template-columns: 1fr; } }
.navbar,
.navbar.scrolled {
  background: #020617;
  padding: 8px 0;
  border-bottom: 1px solid rgba(100, 165, 255, .15);
}
.nav-container { gap: 24px; }
.logo { width: 280px; max-width: 40vw; flex: 0 1 280px; }
.logo img {
  width: 100%; height: auto; object-fit: contain;
  mix-blend-mode: lighten;
}
.logo:focus-visible, .footer-logo:focus-visible {
  outline: 2px solid #22d3ee; outline-offset: 6px; border-radius: 4px;
}
.nav-links { gap: 24px; }
.nav-right { flex-shrink: 0; }
footer { background: #020617; padding: 48px 24px 36px; }
.footer-content { flex-direction: column; gap: 24px; text-align: center; }
.footer-logo { display: block; width: min(400px, 86vw); }
.footer-logo img { display: block; width: 100%; height: auto; mix-blend-mode: lighten; }
.footer-link { letter-spacing: .08em; }
@media (max-width: 1100px) {
  .nav-links { display: none; }
  .mobile-menu-btn { display: block; }
  .nav-right > .btn { display: none; }
}
@media (max-width: 768px) {
  .nav-container { padding: 0 16px; gap: 12px; }
  .logo { width: 210px; max-width: calc(100vw - 144px); flex-basis: 210px; }
  .navbar, .navbar.scrolled { padding: 10px 0; }
  .footer-logo { width: min(330px, 86vw); }
}