@import url('/css/gtmetrix-ui-polish.css?v=2');

/* Shared transparent hero-only dot canvas; page surfaces use the dark design tokens. */
html, body {
  background: var(--bg, #0f1114);
  color: var(--text, #e5f1fa);
}
body {
  isolation: isolate;
  background-image: none;
}
#al-sitewide-dot-canvas {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  display: block;
  pointer-events: none;
  background: transparent;
}
nav, header, main, footer, .site-header, .homepage-footer,
.contact-gradient, .contact-page-hero, .login-page, .pricing-main,
.pricing-footer, .included-section, .pricing-heading {
  position: relative;
  z-index: 1;
}
main, main > section, .section, .hero-section, footer, .homepage-footer,
.contact-gradient, .contact-page-hero, .login-page, .pricing-main,
.included-section, .pricing-heading {
  background-color: var(--bg, #0f1114);
  background-image: none;
}