:root {
  color-scheme: light;
  --home-page-background: #fff;
  --home-page-foreground: #0a0a0a;
  --home-page-muted: #626262;
  --home-page-line: rgba(0, 0, 0, 0.14);
  --bg: var(--home-page-background);
  --surface: var(--home-page-background);
  --surface-2: #f4f4f4;
  --ink: var(--home-page-foreground);
  --muted: var(--home-page-muted);
  --line: var(--home-page-line);
}

html,
body {
  background: var(--home-page-background) !important;
}

body::before,
main,
.product-stage,
.benefits-grid,
.benefit-point,
.benefit-point-stat {
  background: var(--home-page-background);
}

@supports not selector(::-webkit-scrollbar) {
  html {
    scrollbar-color: var(--home-page-foreground) var(--home-page-background);
  }
}

html::-webkit-scrollbar-track,
html::-webkit-scrollbar-corner,
html::-webkit-scrollbar-button {
  background: var(--home-page-background);
}

html::-webkit-scrollbar-thumb {
  background: var(--home-page-foreground);
}

.brand img {
  filter: invert(1);
}

.demo-tagline {
  color: var(--home-page-foreground);
}

.legal-link-footer a,
.legal-copyright {
  color: var(--home-page-muted);
}