body { background: #181818; color: #fff; font-family: 'Inter', Arial, sans-serif; }
.text-orange { color: #ff6b00; }
.bg-dark-gradient { background: radial-gradient(circle at 30% 30%, #000000 60%, #181818 100%); }
.btn-orange { background: #2D235A; color: #fff; border-radius: 30px; border: none; padding: 0.75rem 2rem; font-weight: 600; transition: background 0.2s; }
.btn-orange:hover { background: #2D235A; color: #fff; }
.feature-card { background: #222; border-radius: 18px; border: 1px solid #333; padding: 2rem 1.5rem; margin-bottom: 2rem; box-shadow: 0 2px 16px rgba(0,0,0,0.08); }
.feature-icon { font-size: 2.5rem; color: #ff6b00; margin-bottom: 1rem; }
.section-title,
h1, h2, h3, h4, h5, h6,
.navbar-brand .fw-bold {
    font-family: 'Space Grotesk', Arial, sans-serif;
    letter-spacing: 0.5px;
}
.section-title {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.15;
}
.section-subtitle {
    font-size: 1.3rem;
    color: #ccc;
    margin-bottom: 2.5rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}
.empowerers-badge, .empowerers-highlight {
    background: #fff; color: #2D235A; font-weight: 700; border-radius: 20px; padding: 0.3rem 1.2rem; margin-left: 1rem;
}
.empowerers-highlight {
    display: inline-block;
    padding: 0.5rem 2rem;
    border-radius: 1.5rem;
    box-shadow: 0 4px 24px rgba(0,0,0,0.12);
    background: #fff;
    color: #222;
    vertical-align: middle;
}
.empowerers-highlight img {
    height: 38px;
    vertical-align: middle;
    margin-right: 8px;
}
.empowerers-highlight span {
    font-size: 1.1rem;
    font-weight: 700;
    color: #222;
    vertical-align: middle;
}
.faq-item { background: #232323; border-radius: 12px; border: 1px solid #333; margin-bottom: 1rem; }
.faq-question { color: #ffffff; font-weight: 600; cursor: pointer; }
.testimonial-card { background: #232323; border-radius: 16px; border: 1px solid #333; padding: 1.5rem; margin-bottom: 2rem; }
.testimonial-avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; margin-right: 1rem; }
.footer-credit { background: #181818; border-radius: 8px; padding: 0.7rem 0; margin-top: 2rem; }
.footer-credit span, .footer-credit a { color: #fff; }
.footer-credit img { height: 28px; vertical-align: middle; margin-left: 8px; }
.footer { color: #aaa; font-size: 1rem; border-top: 1px solid #222; padding: 1.2rem 0 0.5rem 0; margin-top: 2rem; }
a { color: #2D235A; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
/* Vanta background for hero */
#vanta-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.hero-content { position: relative; z-index: 1; }
.hero-section { position: relative; overflow: hidden; min-height: 520px; }
.navbar-brand img {
    height: 50px;
    width: auto;
    margin-right: 10px;
    vertical-align: middle;
}