@font-face {
    font-family: 'General Sans';
    src: local('General Sans'), url('https://fonts.googleapis.com/css2?family=General+Sans:wght@200;300;400;500;600;700&display=swap');
}

/* Demo Page - Black Background and White Text */
body {
    background: #000000 !important;
}

.main {
    background: #000000 !important;
}

/* All text white */
h1, h2, h3, h4, h5, h6,
p, span, a, li,
.hero-title, .hero-description,
.section-title, .section-description,
.video-title, .video-description,
.benefit-title, .benefit-description,
.cta-title, .cta-description {
    color: #ffffff !important;
}

/* Remove gradient from gradient-text */
.gradient-text {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    color: #ffffff !important;
}

/* Make icons white */
i, .fas, .fa, .far, .fal, .fab {
    color: #ffffff !important;
}

/* Sections - black background */
.demo-hero,
.demo-video,
.demo-benefits,
.cta {
    background: #000000 !important;
}

/* Cards - dark with white text */
.benefit-card {
    background: #0a0a0a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.benefit-card h3,
.benefit-card p {
    color: #ffffff !important;
}