/**
 * A/B variant: dark “hustle” shell for index-dark.html only.
 * Scoped with html[data-ab-dark="hustle"] — does not affect home.html.
 * Premium SaaS: single canvas #1f1f1f (dashboard base-300), cards #262626 (base-100).
 */

/* ── Base canvas (#1f1f1f — matches dashboard bg-base-300) ─────────── */

html[data-ab-dark="hustle"] {
    --hustle-canvas: #1f1f1f;
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: var(--hustle-canvas) !important;
    background-image: none !important;
    /* Tokens for sections that read CSS variables */
    --bg: var(--hustle-canvas);
    --surface: #262626;
    --text: #ffffff;
    --muted: #aba8a7;
    --base-secondary: #aba8a7;
    --border: #2a2a3a;
    --truffl-marketing-page-bg: var(--hustle-canvas);
    /* Same as page canvas — no separate “band” tints */
    --truffl-reviews-rose-surface: var(--hustle-canvas);
    --secondary-surface: #212121;
    --charcoal-500: #ffffff;
    --charcoal-450: #ffffff;
    --charcoal-400: #d4d4d8;
    --charcoal-350: #aba8a7;
    --charcoal-700: #ffffff;
    --feature-video-matte: var(--hustle-canvas);
    --home-page-gradient: none;
    --chat-input-bg: #262626;
    --chat-input-border: #2a2a3a;
    --chat-input-shadow: 0 4px 18px rgba(0, 0, 0, 0.45);
    --placeholder: #aba8a7;
    --nav-auth-signin-bg: rgba(33, 138, 253, 0.12);
    --nav-auth-signin-hover-bg: rgba(33, 138, 253, 0.2);
    --nav-auth-signin-border: rgba(33, 138, 253, 0.45);
    --nav-auth-signin-border-hover: rgba(33, 138, 253, 0.65);
    --nav-auth-signin-text: #ffffff;
    --pw-card: #262626;
    --pw-card-border: #2a2a3a;
    /* Hero-aligned blue — nav CTA uses var(--accent) */
    --accent: #218afd;
    --accent-hover: #1874e6;
    --copper-500: #218afd;
    --copper-600: #1874e6;
    /* Shared hero / nav mist — nav bottom MUST match hero top (no seam). */
    --hustle-mist-nav-apex: rgba(118, 114, 138, 0.11);
    --hustle-mist-hero-top: rgba(118, 114, 138, 0.1);
    --hustle-mist-hero-mid: rgba(95, 92, 112, 0.045);
}

html[data-ab-dark="hustle"] body {
    --bg: var(--hustle-canvas) !important;
    --truffl-reviews-rose-surface: var(--hustle-canvas) !important;
    --feature-video-matte: var(--hustle-canvas) !important;
    background-color: var(--hustle-canvas) !important;
    background-image: none !important;
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] body::before {
    opacity: 0.08;
    mix-blend-mode: screen;
}

/* ── Navbar: inner rows transparent; slab = gradient on .nav-header only ─ */

/* home2 + blog use home2-bloom-hero.css nav instead */

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body.marketing-nav-frame .nav-shell,
html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-shell,
html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-end,
html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-mobile-bar,
html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-root,
html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-root.nav-root--scrolled {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

/* Nav in normal document flow — stays at top of the page, scrolls away with content (no sticky/fixed). */

/* DataFast parity — compact nav (logo + py-2) */

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-shell {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: max(1rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(1rem, env(safe-area-inset-right, 0px)) !important;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    min-height: 0 !important;
    font-size: 1rem !important;
}

@media (min-width: 1280px) {
    html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-shell {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        padding-left: max(1rem, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(1rem, env(safe-area-inset-right, 0px)) !important;
    }
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    z-index: 50 !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
    background-color: var(--hustle-canvas) !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-shell a:not(.nav-btn-signup):not(.nav-btn-signup-sm):not(.nav-btn-dashboard):not(.nav-btn-signin),
html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-overlay-nav a {
    color: #e4e4e7 !important;
}

@media (min-width: 1024px) {
    html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-mid {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3rem !important;
        grid-column: 2 !important;
        justify-self: center !important;
    }
    html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-mid a {
        font-size: 1rem !important;
        font-weight: 400 !important;
        line-height: 1.5rem !important;
        letter-spacing: 0 !important;
        color: #e4e4e7 !important;
        text-decoration: none !important;
        transition: color 0.15s ease !important;
    }
    html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-mid a:hover {
        color: #ffffff !important;
    }
    html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-end .nav-btn-signin {
        min-height: 2rem !important;
        height: 2rem !important;
        padding: 0 0.75rem !important;
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
        letter-spacing: 0 !important;
        border-radius: 0.5rem !important;
        border: 1px solid rgba(255, 255, 255, 0.14) !important;
        box-shadow: none !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        color: #ffffff !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-end .nav-btn-signin:hover {
        background: rgba(255, 255, 255, 0.04) !important;
        border-color: rgba(255, 255, 255, 0.24) !important;
        color: #ffffff !important;
    }
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-brand-wordmark {
    display: inline !important;
    font-family: var(--font) !important;
    font-size: 1.25rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;
    line-height: 1 !important;
    color: #ffffff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── No vertical/horizontal rails — full-bleed layout (DataFast-style) ── */

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body.marketing-nav-frame {
    --home-nav-rail-left: env(safe-area-inset-left, 0px) !important;
    --home-nav-rail-right: env(safe-area-inset-right, 0px) !important;
    --home-hero-rail-left: env(safe-area-inset-left, 0px) !important;
    --home-hero-rail-right: env(safe-area-inset-right, 0px) !important;
    --home-hero-video-inset-left: max(1rem, env(safe-area-inset-left, 0px)) !important;
    --home-hero-video-inset-right: max(1rem, env(safe-area-inset-right, 0px)) !important;
    --home-nav-cta-rail-inset: 0 !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .home-nav-rail,
html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-lower-rule,
html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .truffl-rail-dot {
    display: none !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .home-rail {
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    overflow: hidden !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body.marketing-nav-frame .nav-shell .nav-brand {
    margin-inline-start: 0 !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body.marketing-nav-frame .nav-end,
html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body.marketing-nav-frame .nav-mobile-bar {
    margin-inline-end: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
}

/* Nav bar — icon 32px (DataFast w-8) + Lucid wordmark */

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-brand-logo {
    height: 1.75rem !important;
    width: 1.75rem !important;
    max-width: none !important;
    object-fit: contain !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) body .nav-brand {
    gap: 0.5rem !important;
}

/* Hamburger — DataFast h-6 w-6 (24px) */

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-burger {
    width: 1.5rem !important;
    height: 1.5rem !important;
    color: #ffffff !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-burger svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
    transform: none !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-overlay {
    background: var(--hustle-canvas) !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-overlay-close {
    color: #d4d4d8 !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-overlay-brand .nav-brand-wordmark {
    font-family: var(--font) !important;
    font-size: 1.25rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-overlay-brand .nav-brand-logo {
    height: 1.75rem !important;
    width: 1.75rem !important;
    max-width: none !important;
    object-fit: contain !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-overlay-nav {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-overlay-nav a:hover {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-overlay-cta {
    border-color: rgba(255, 255, 255, 0.14) !important;
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-overlay-cta:hover {
    border-color: rgba(255, 255, 255, 0.24) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #ffffff !important;
}

html[data-ab-dark="hustle"]:not([data-truffl-page="home2"]) .nav-overlay-cta--ghost {
    color: #aba8a7 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ── Global sections: no extra slabs (inherit body #0A0A0F) ───────── */

html[data-ab-dark="hustle"] main,
html[data-ab-dark="hustle"] .hero-section,
html[data-ab-dark="hustle"] .below,
html[data-ab-dark="hustle"] #features-objections,
html[data-ab-dark="hustle"] #pricing.home-pricing-section,
html[data-ab-dark="hustle"] #home-competitor-compare:not(.home-bento-card),
html[data-ab-dark="hustle"] #home-competitor-compare.home-competitor-compare:not(.home-bento-card),
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews.truffl-lab-ar,
html[data-ab-dark="hustle"] .home-faq-region,
html[data-ab-dark="hustle"] #faq,
html[data-ab-dark="hustle"] .home-pricing-cta,
html[data-ab-dark="hustle"] footer,
html[data-ab-dark="hustle"] .site-footer {
    background-color: transparent !important;
    background-image: none !important;
}

html[data-ab-dark="hustle"] .below::before {
    background: transparent !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq {
    background-color: transparent !important;
    background-image: none !important;
}

/* Full-page ambient glow — same gray-violet language as .dark-ab-glow, soft bands down the scroll */

html[data-ab-dark="hustle"] main {
    position: relative;
    isolation: isolate;
}

html[data-ab-dark="hustle"] main::before {
    content: none;
    display: none;
}

/* Hero: flat canvas — same ink as demo video stage */

html[data-ab-dark="hustle"] .hero-slab {
    position: relative;
    z-index: 1;
    background-color: transparent !important;
    background-image: none !important;
    padding-top: max( calc(env(safe-area-inset-top, 0px) + 3.5rem), clamp(3.25rem, 7.5vh, 5.5rem)) !important;
}

@media (min-width: 1024px) {
    html[data-ab-dark="hustle"] .hero-slab {
        padding-top: max( calc(env(safe-area-inset-top, 0px) + 3.75rem), clamp(3.75rem, 8vh, 6rem)) !important;
    }
}

html[data-ab-dark="hustle"] .hero-slab::before {
    content: none;
    display: none;
}

html[data-ab-dark="hustle"] .hero-slab::after {
    background: linear-gradient( to bottom, transparent 0%, transparent 100%) !important;
    opacity: 0 !important;
}

/* Ambient glow — low-key gray-violet (no flashy purple core) */

html[data-ab-dark="hustle"] .dark-ab-glow {
    display: none !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .welcome-hero-text {
    margin-top: 0 !important;
}

/* Main copy */

html[data-ab-dark="hustle"] #homeHeroRoot .welcome-heading {
    color: #ffffff !important;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 1.5rem !important;
}

@media (min-width: 768px) {
    html[data-ab-dark="hustle"] #homeHeroRoot .welcome-heading {
        font-size: 3.75rem !important;
        line-height: 1 !important;
        margin-bottom: 2rem !important;
    }
}

html[data-ab-dark="hustle"] #homeHeroRoot .welcome-sub {
    color: #aba8a7 !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    max-width: 28rem !important;
    margin: 0 auto !important;
    text-wrap: balance !important;
}

@media (min-width: 768px) {
    html[data-ab-dark="hustle"] #homeHeroRoot .welcome-sub {
        font-size: 1.25rem !important;
        max-width: 31rem !important;
    }
}

html[data-ab-dark="hustle"] #homeHeroRoot .welcome-hero-lead {
    max-width: 48rem !important;
    margin-bottom: calc(2rem - clamp(12px, 2.2vw, 18px)) !important;
}

html[data-ab-dark="hustle"] .home-sublead-type,
html[data-ab-dark="hustle"] .below>p.lead.home-sublead-type,
html[data-ab-dark="hustle"] #features-objections [data-feature-index] p.home-sublead-type {
    font-size: 1rem !important;
    line-height: 1.625 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] .truffl-lab-ar__quote.home-sublead-type {
    font-size: 1rem !important;
    line-height: 1.625 !important;
}

@media (min-width: 1024px) {
    html[data-ab-dark="hustle"] .truffl-lab-ar__quote.home-sublead-type {
        font-size: 1.125rem !important;
    }
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-social-proof-line {
    font-family: var(--font) !important;
    color: #aba8a7 !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-weight: 400 !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-social-proof-count,
html[data-ab-dark="hustle"] .home-user-count-animated {
    color: #ffffff !important;
    font-weight: 500 !important;
}

html[data-ab-dark="hustle"] .home-user-count-animated.is-counting {
    background: linear-gradient( 90deg, #ffffff 0%, #bfdbfe 35%, #218afd 50%, #bfdbfe 65%, #ffffff 100%) !important;
    background-size: 220% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

html[data-ab-dark="hustle"] .home-user-count-animated.is-count-done {
    background: linear-gradient( 120deg, #ffffff 0%, #dbeafe 38%, #4da3ff 52%, #dbeafe 68%, #ffffff 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

html[data-ab-dark="hustle"] .feature-live-demo-link {
    color: var(--accent) !important;
    font-size: inherit !important;
    font-weight: 500 !important;
    text-decoration-color: color-mix(in srgb, var(--accent) 55%, transparent) !important;
}

html[data-ab-dark="hustle"] .feature-live-demo-link:hover {
    color: var(--accent-hover) !important;
    text-decoration-color: color-mix(in srgb, var(--accent-hover) 85%, transparent) !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-social-band {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.25rem !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-chat-demo-column>.home-hero-social-band {
    margin-top: 1.5rem !important;
    width: 100% !important;
    max-width: none !important;
    align-self: center !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-chat-demo-column>.home-hero-social-band.auth-anon-only {
    display: flex !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .avatar-circles {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .avatar-circles>.avatar-circles-item,
html[data-ab-dark="hustle"] #homeHeroRoot .avatar-circles>.avatar-circles-count {
    --hero-avatar-ring: var(--hustle-canvas);
    width: 2.25rem !important;
    height: 2.25rem !important;
    margin-left: -0.75rem !important;
    border: 2px solid var(--hero-avatar-ring) !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] .social-text {
    color: #d1d5db !important;
}

html[data-ab-dark="hustle"] .hero-stage {
    max-width: 90rem !important;
}

@media (max-width: 1023px) {
    html[data-ab-dark="hustle"] body.marketing-nav-frame {
        --home-mobile-rail-out: 0.25rem !important;
    }
    html[data-ab-dark="hustle"] .home-hero-form,
    html[data-ab-dark="hustle"] #homeHeroRoot {
        max-width: min(var(--home-hero-video-width, 100%), 100%) !important;
        width: 100% !important;
    }
}

@media (min-width: 1024px) {
    html[data-ab-dark="hustle"] body.marketing-nav-frame {
        --home-hero-video-width: min( 80rem, calc( var(--home-layout-vw, 100vw) - var(--home-hero-rail-left) - var(--home-hero-rail-right) - (2 * var(--home-nav-hairline-thickness, 1px)))) !important;
    }
    html[data-ab-dark="hustle"] .hero-stage .home-hero-form,
    html[data-ab-dark="hustle"] .hero-stage #homeHeroRoot {
        max-width: min(var(--home-hero-video-width, 80rem), 100%) !important;
        width: 100% !important;
    }
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-demo-video-stack {
    width: min(100%, var(--home-hero-video-width, 80rem)) !important;
    max-width: min(100%, var(--home-hero-video-width, 80rem)) !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-demo-video {
    margin-top: clamp(1rem, 2.8vw, 1.35rem) !important;
}

html[data-ab-dark="hustle"] .home-rail--video-above {
    --home-rail-gap-bottom: clamp(1.75rem, 3.5vw, 2.75rem) !important;
}

html[data-ab-dark="hustle"] .home-rail--video {
    --home-rail-gap-top: clamp(1.25rem, 2.5vw, 2rem) !important;
    --home-rail-gap-bottom: clamp(3rem, 6vw, 5rem) !important;
}

html[data-ab-dark="hustle"] .below {
    padding-top: clamp(1rem, 2vw, 1.75rem) !important;
}

/* Hero demo — DataFast shell below « Loved by » */

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-demo-video-shell {
    border-color: rgba(255, 255, 255, 0.05) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-demo-video-frame {
    border-color: rgba(255, 255, 255, 0.05) !important;
    background: #262626 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-demo-video-stage {
    background: #1f1f1f !important;
}

/* ── Hero CTA — DataFast shape, Mytruffl violet ──────────────────── */

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-cta-row {
    --df-cta-column-width: 21rem !important;
    width: min(100%, var(--df-cta-column-width)) !important;
    max-width: var(--df-cta-column-width) !important;
    margin-inline: auto !important;
    gap: 0.625rem !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-add-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.375rem !important;
    width: 100% !important;
    min-height: 3rem !important;
    height: 3rem !important;
    padding: 0 1rem !important;
    border-radius: 0.625rem !important;
    border: none !important;
    background-color: var(--accent) !important;
    background-image: none !important;
    color: #ffffff !important;
    font-size: 0.9375rem !important;
    line-height: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    box-shadow: none !important;
    transform: none !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-add-btn:hover,
html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-add-btn:active {
    background-color: var(--accent-hover) !important;
    background-image: none !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-add-btn::before,
html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-add-btn::after {
    content: none !important;
    display: none !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-add-btn .df-cta-arrow {
    width: 1rem !important;
    height: 1rem !important;
    opacity: 1 !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .df-btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    min-height: 3rem !important;
    height: 3rem !important;
    padding: 0 1rem !important;
    border-radius: 0.5rem !important;
    border: 1px solid transparent !important;
    background-color: var(--accent) !important;
    background-image: none !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: inset 0 -1px 2px 0 rgba(20, 90, 180, 0.64), 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(33, 138, 253, 0.1), 0 8px 16px -8px rgba(33, 138, 253, 0.38) !important;
    transform: none !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .df-btn-primary:hover,
html[data-ab-dark="hustle"] #homeHeroRoot .df-btn-primary:active {
    background-color: var(--accent-hover) !important;
    background-image: none !important;
    border-color: var(--accent-hover) !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: inset 0 -1px 2px 0 rgba(20, 90, 180, 0.64), 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(33, 138, 253, 0.1), 0 8px 16px -8px rgba(33, 138, 253, 0.38) !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .df-btn-primary::before,
html[data-ab-dark="hustle"] #homeHeroRoot .df-btn-primary::after {
    content: none !important;
    display: none !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .df-btn-primary .df-cta-arrow {
    width: 1rem !important;
    height: 1rem !important;
    opacity: 1 !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-cta-row a.nav-btn-dashboard {
    width: 100% !important;
    box-sizing: border-box !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-cta-micro {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-weight: 400 !important;
    color: #aba8a7 !important;
    opacity: 0.8 !important;
    text-align: center !important;
    margin: 0 !important;
}

/* ── Primary CTAs elsewhere (violet 3D) ──────────────────────────── */

html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row,
html[data-ab-dark="hustle"] .home-pricing-cta-row,
html[data-ab-dark="hustle"] #sample-data-preview .sdp-cta-inner {
    --df-cta-column-width: 17rem !important;
}

html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row {
    align-items: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: none !important;
}

html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row a.nav-btn-signup,
html[data-ab-dark="hustle"] .home-pricing-cta-row a.nav-btn-signup,
html[data-ab-dark="hustle"] #sample-data-preview .sdp-cta-inner a.nav-btn-signup,
html[data-ab-dark="hustle"] .home-pricing-section .df-pricing-foot button.nav-btn-signup.paywall-upgrade-btn,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.flu-p-cta.paywall-upgrade-btn {
    --df-cta-face: var(--accent) !important;
    --df-cta-border: color-mix(in srgb, var(--accent) 88%, #000) !important;
    --df-cta-border-dark: color-mix(in srgb, var(--accent) 68%, #000) !important;
    padding: 0 1rem !important;
    min-height: 3rem !important;
    height: 3rem !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    gap: 0.375rem !important;
    border-radius: 0.625rem !important;
    background: var(--df-cta-face) !important;
    background-color: var(--df-cta-face) !important;
    background-image: none !important;
    border: 1px solid var(--df-cta-border) !important;
    border-bottom-width: 4px !important;
    border-bottom-color: var(--df-cta-border-dark) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row a.nav-btn-signup::before,
html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row a.nav-btn-signup::after,
html[data-ab-dark="hustle"] .home-pricing-cta-row a.nav-btn-signup::before,
html[data-ab-dark="hustle"] .home-pricing-cta-row a.nav-btn-signup::after,
html[data-ab-dark="hustle"] #sample-data-preview .sdp-cta-inner a.nav-btn-signup::before,
html[data-ab-dark="hustle"] #sample-data-preview .sdp-cta-inner a.nav-btn-signup::after,
html[data-ab-dark="hustle"] .home-pricing-section .df-pricing-foot button.nav-btn-signup.paywall-upgrade-btn::before,
html[data-ab-dark="hustle"] .home-pricing-section .df-pricing-foot button.nav-btn-signup.paywall-upgrade-btn::after,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.flu-p-cta.paywall-upgrade-btn::before,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.flu-p-cta.paywall-upgrade-btn::after {
    content: none !important;
    display: none !important;
}

html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row a.nav-btn-signup:hover,
html[data-ab-dark="hustle"] .home-pricing-cta-row a.nav-btn-signup:hover,
html[data-ab-dark="hustle"] #sample-data-preview .sdp-cta-inner a.nav-btn-signup:hover,
html[data-ab-dark="hustle"] .home-pricing-section .df-pricing-foot button.nav-btn-signup.paywall-upgrade-btn:hover,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.flu-p-cta.paywall-upgrade-btn:hover {
    background: color-mix(in srgb, var(--df-cta-face, var(--accent)) 92%, #fff) !important;
    background-color: color-mix(in srgb, var(--df-cta-face, var(--accent)) 92%, #fff) !important;
    border-color: var(--df-cta-border) !important;
    border-bottom-color: var(--df-cta-border-dark) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row a.nav-btn-signup:active,
html[data-ab-dark="hustle"] .home-pricing-cta-row a.nav-btn-signup:active,
html[data-ab-dark="hustle"] #sample-data-preview .sdp-cta-inner a.nav-btn-signup:active,
html[data-ab-dark="hustle"] .home-pricing-section .df-pricing-foot button.nav-btn-signup.paywall-upgrade-btn:active,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.flu-p-cta.paywall-upgrade-btn:active {
    transform: translateY(3px) !important;
    border-bottom-width: 1px !important;
    background: color-mix(in srgb, var(--df-cta-face, var(--accent)) 85%, #000) !important;
    background-color: color-mix(in srgb, var(--df-cta-face, var(--accent)) 85%, #000) !important;
    border-color: var(--df-cta-border-dark) !important;
    box-shadow: none !important;
}

/* Top nav mobile — text link only (bar height = logo 32px + py-4) */

html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm {
    padding: 0 !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.25rem !important;
    letter-spacing: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* Desktop nav CTA — DataFast btn-sm ghost */

html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup {
    min-height: 2rem !important;
    height: 2rem !important;
    padding: 0 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    letter-spacing: 0 !important;
    border-radius: 0.5rem !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup:hover,
html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm:hover {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

/* Nav CTAs: hide shimmer ::before on top bar only. */

html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup::before,
html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm::before {
    display: none !important;
    content: none !important;
}

html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup.auth-anon-only::after,
html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm.auth-anon-only::after {
    content: none !important;
    display: none !important;
}

html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup.auth-anon-only:hover::after,
html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm.auth-anon-only:hover::after {
    content: none !important;
    display: none !important;
}

/* ── Features: card shells only (#15151E) ──────────────────────────── */

html[data-ab-dark="hustle"] .below>.home-features-section-kicker,
html[data-ab-dark="hustle"] #sample-data-preview .home-features-section-kicker {
    color: var(--accent) !important;
    font-family: var(--font) !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    margin-bottom: 0.75rem !important;
}

html[data-ab-dark="hustle"] .below>h2.home-features-section-title,
html[data-ab-dark="hustle"] .below>h2:first-of-type {
    font-family: var(--font) !important;
    font-weight: 400 !important;
    font-synthesis: none !important;
    letter-spacing: var(--hero-title-tracking) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-feature-settings: normal !important;
}

@media (min-width: 768px) {
    html[data-ab-dark="hustle"] .below>h2.home-features-section-title,
    html[data-ab-dark="hustle"] .below>h2:first-of-type {
        font-size: 3rem !important;
        line-height: 1 !important;
    }
}

html[data-ab-dark="hustle"] .below>h2,
html[data-ab-dark="hustle"] .below .steps-block>h2,
html[data-ab-dark="hustle"] #features-objections [data-feature-index] h2,
html[data-ab-dark="hustle"] .home-bento-card__copy h3 {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] .text-charcoal-700,
html[data-ab-dark="hustle"] .font-bold.text-charcoal-700 {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] .home-sublead-type,
html[data-ab-dark="hustle"] #features-objections [data-feature-index] p.home-sublead-type,
html[data-ab-dark="hustle"] .home-bento-card__copy .home-sublead-type {
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] .home-bento-card {
    background: #262626 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-ab-dark="hustle"] .home-bento-card__visual {
    background: #262626 !important;
}

html[data-ab-dark="hustle"] .home-bento-card .feature-showcase-frame,
html[data-ab-dark="hustle"] .home-bento-card .home-bento-mock {
    background: #262626 !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] .home-bento-card .feature-showcase-frame>div.border {
    border: 0 !important;
    background: #262626 !important;
}

html[data-ab-dark="hustle"] .feature-pill {
    background: rgba(33, 138, 253, 0.15) !important;
    border-color: rgba(33, 138, 253, 0.35) !important;
    color: #bfdbfe !important;
}

html[data-ab-dark="hustle"] #features-objections .feature-showcase-frame {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: 0 !important;
}

html[data-ab-dark="hustle"] #features-objections .feature-showcase-frame>div.border {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] #features-objections .feature-showcase-frame>div.border>video {
    background: transparent !important;
}

html[data-ab-dark="hustle"] #featureLeadsVideo.truffl-chromeless-video.truffl-video-loading,
html[data-ab-dark="hustle"] #featureAiVideo.truffl-chromeless-video.truffl-video-loading,
html[data-ab-dark="hustle"] #featureContactUnlockVideo.truffl-chromeless-video.truffl-video-loading {
    background-color: transparent !important;
}

/* ── Competitor table: canvas #0A0A0F, card shell #15151E (no gray header band) ─ */

html[data-ab-dark="hustle"] .home-competitor-compare-title {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-sub,
html[data-ab-dark="hustle"] .home-competitor-compare-sub.home-sublead-type {
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-stack {
    width: min(100%, var(--home-hero-video-width, 80rem)) !important;
    max-width: min(100%, var(--home-hero-video-width, 80rem)) !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-shell {
    border-color: rgba(255, 255, 255, 0.05) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-frame {
    border-color: rgba(255, 255, 255, 0.05) !important;
    background: #262626 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-table-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-table thead th {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.42) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-table th,
html[data-ab-dark="hustle"] .home-competitor-compare-table td {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
    background: transparent !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-table th:nth-child(2),
html[data-ab-dark="hustle"] .home-competitor-compare-table td:nth-child(2) {
    background: rgba(33, 138, 253, 0.06) !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-th--feature {
    color: transparent !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-th--highlight,
html[data-ab-dark="hustle"] .home-competitor-compare-td--highlight {
    background: transparent !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-th--highlight {
    color: #c4b5fd !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-td--highlight,
html[data-ab-dark="hustle"] .home-competitor-compare-row-label {
    color: rgba(255, 255, 255, 0.72) !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-td--highlight {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-table td:not(.home-competitor-compare-row-label):not(.home-competitor-compare-td--highlight) {
    color: rgba(255, 255, 255, 0.42) !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-yes {
    color: #4da3ff !important;
    font-weight: 500 !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-no {
    color: rgba(255, 255, 255, 0.32) !important;
    font-weight: 400 !important;
}

/* ── Pricing (#paywallBackdrop): DataFast-style stacked cards ───── */

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed {
    background: transparent !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .paywall-modal {
    background: transparent !important;
    --paywall-modal-canvas: transparent;
    --pw-card: #262626;
    --pw-card-border: rgba(255, 255, 255, 0.08);
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-pricing-top .paywall-title,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-pricing-lede {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-pricing-lede {
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-pricing-top {
    display: flex !important;
    justify-content: flex-end !important;
    margin-bottom: 0.875rem !important;
    text-align: right !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-pricing-top .paywall-title,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-pricing-top .flu-pricing-lede {
    display: none !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0.75rem !important;
    margin-top: 0 !important;
    padding-inline: 0 !important;
}

html[data-ab-dark="hustle"] .home-pricing-section #paywallBackdrop.pricing-page-embed .paywall-modal {
    width: 100% !important;
    max-width: min(var(--home-hero-video-width, 80rem), 100%) !important;
    padding-inline: var(--home-hero-video-inset-left, 1rem) var(--home-hero-video-inset-right, 1rem) !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-card {
    background: #1e1e1e !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border-radius: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 1.375rem 1.5rem 1.25rem !important;
    box-sizing: border-box !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-card--featured,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-card--growth {
    border: 1px solid #333333 !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-card--growth::before {
    display: none !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-stack {
    gap: 0 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-top {
    gap: 0.375rem !important;
    margin-bottom: 1.25rem !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-feats {
    margin-bottom: 1.75rem !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-card,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-pricing-top {
    font-family: var(--font) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-plan-title {
    color: #888888 !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.25rem !important;
    text-transform: uppercase !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price-row--home {
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 0 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price-currency,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price-row--home[data-pw-period="monthly"] .flu-p-price-line--a,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price-row--home[data-pw-period="yearly"] .flu-p-price-line--b {
    color: #ffffff !important;
    font-size: 2.25rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em !important;
    line-height: 1 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price-row--home .flu-p-price-hero::after {
    color: #888888 !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    opacity: 0.8 !important;
    padding-bottom: 0.25rem !important;
    margin-left: 0 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list {
    gap: 0.5rem !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list li {
    color: #f0f0f0 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-li-icon {
    color: #888888 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list li strong {
    color: #ffffff !important;
    font-weight: 500 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list li.flu-p-li--neg .flu-p-li-icon--neg {
    opacity: 0.4 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list li.flu-p-li--neg,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list li.flu-p-li--neg .flu-p-li-icon--neg {
    color: #555555 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-guarantee-note {
    color: #888888 !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-toggle {
    background: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 0.625rem !important;
    padding: 3px !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-seg {
    color: #888888 !important;
    border-radius: 0.4375rem !important;
    font-size: 0.8125rem !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-seg--active {
    background: #2a2a2a !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

@media (min-width: 810px) {
    html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-grid {
        flex-direction: column !important;
        max-width: 100% !important;
    }
    html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-card {
        width: 100% !important;
        max-width: 100% !important;
        padding: 1.5rem 1.625rem 1.375rem !important;
    }
}

/* ── Reviews (Pixkit): no card containers — content on page background */

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__column,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__inner {
    background: transparent !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__name {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__role {
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__quote {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__quote-lead {
    background: rgba(33, 138, 253, 0.32) !important;
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__sub,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__sub.lead {
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__badge {
    background: #262626 !important;
    border: 1px solid #2a2a3a !important;
    color: #e4e4e7 !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__avatar {
    border: none !important;
    box-shadow: none !important;
}

@media (max-width: 640px) {
    html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__grid:has(> .truffl-lab-ar__card: nth-child(3):last-child) {
        width: min(100%, 28rem) !important;
        max-width: 28rem !important;
        margin-inline: auto !important;
        padding-inline: 1rem !important;
    }
    html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__card {
        width: 100% !important;
    }
}

html[data-ab-dark="hustle"] #truffl-lab-faq-heading,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__head h2 {
    color: #ffffff !important;
}

/* Blog — dark cards aligned with reviews / pricing */

html[data-ab-dark="hustle"] #blog.home-blog-section {
    background: transparent !important;
}

html[data-ab-dark="hustle"] #blog .home-blog-title {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] #blog .home-blog-sub,
html[data-ab-dark="hustle"] #blog .home-blog-sub.home-sublead-type {
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] #blog .home-blog-card {
    background: #262626 !important;
    border-color: #2a2a3a !important;
}

html[data-ab-dark="hustle"] #blog .home-blog-card:hover {
    border-color: rgba(33, 138, 253, 0.42) !important;
}

html[data-ab-dark="hustle"] #blog .home-blog-card-title {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] #blog .home-blog-card-excerpt {
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] #blog .home-blog-card-date {
    color: #71717a !important;
}

/* Bottom CTA: outer section transparent; only the card is elevated */

html[data-ab-dark="hustle"] .home-pricing-cta .home-pricing-cta-title {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] .home-pricing-cta .home-sublead-type {
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] .home-pricing-cta .home-pricing-cta-note {
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] .home-pricing-cta-card {
    background: #262626 !important;
    border: 1px solid #2a2a3a !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
}

/* FAQ triggers / panels — no near-black ink */

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-trigger {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-panel-inner {
    color: #d1d5db !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-intro>p.lead {
    color: #aba8a7 !important;
}

/* Footer */

html[data-ab-dark="hustle"] footer,
html[data-ab-dark="hustle"] .site-footer {
    color: #aba8a7 !important;
}

html[data-ab-dark="hustle"] footer a,
html[data-ab-dark="hustle"] .site-footer a {
    color: #d4d4d8 !important;
}

html[data-ab-dark="hustle"] .footer-brand-title,
html[data-ab-dark="hustle"] .footer-col h4 {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] .footer-brand p,
html[data-ab-dark="hustle"] .footer-col a {
    color: #aba8a7 !important;
}

/* Student floating badge: keep legible on dark */

html[data-ab-dark="hustle"] .home-student-badge-pill {
    background: #262626 !important;
    border: 1px solid #2a2a3a !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .welcome-search-help-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   Premium “terminal” polish — single #0A0A0F canvas, cards #15151E only.
   ═══════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"][data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed {
    background: transparent !important;
    background-color: transparent !important;
}

html[data-ab-dark="hustle"] body.marketing-nav-frame>.shell,
html[data-ab-dark="hustle"] .shell {
    background-color: transparent !important;
    background-image: none !important;
}

html[data-ab-dark="hustle"] #our-story,
html[data-ab-dark="hustle"] .home-hero-form,
html[data-ab-dark="hustle"] .home-hero-chat-demo-column,
html[data-ab-dark="hustle"] .home-hero-demo-video,
html[data-ab-dark="hustle"] .welcome-composer-stack,
html[data-ab-dark="hustle"] .below>p.lead,
html[data-ab-dark="hustle"] .steps-block {
    background-color: transparent !important;
    background-image: none !important;
}

html[data-ab-dark="hustle"] .below>p.lead {
    color: #aba8a7 !important;
}

/* Pixkit: reset inline ink tokens so nested rules inherit readable colors */

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews.truffl-lab-ar {
    --truffl-ar-ink: #ffffff !important;
    --truffl-ar-muted: #aba8a7 !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__quote,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__quote.home-sublead-type {
    color: #e5e7eb !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__via {
    color: #e5e7eb !important;
}

/* FAQ — DataFast-style stacked cards */

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-inner,
html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-card,
html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-list {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-item {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 14px !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-item:has(.truffl-lab-faq-trigger[aria-expanded="true"]) {
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-trigger {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-trigger:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-panel-inner {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.62) !important;
    padding-bottom: 22px !important;
}

@media (max-width: 809px) {
    html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-panel-inner {
        padding-bottom: 20px !important;
    }
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-icon-line {
    background: rgba(255, 255, 255, 0.72) !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-heading,
html[data-ab-dark="hustle"] body #faq #truffl-lab-faq-heading {
    color: #ffffff !important;
}

/* Pricing embed: kill residual light Fluence ink on dark hustle */

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-name-block,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-title-row,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-mid,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-feats,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price-row {
    background: transparent !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-cta--solid:not(.paywall-upgrade-btn),
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.flu-p-cta--solid:not(.paywall-upgrade-btn) {
    color: #ffffff !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-cta--ghost:not(.paywall-upgrade-btn) {
    color: #e5e7eb !important;
}

/* Tailwind / marketing utility text that stayed charcoal on dark */

html[data-ab-dark="hustle"] .text-gray-900,
html[data-ab-dark="hustle"] .text-gray-800,
html[data-ab-dark="hustle"] .text-gray-700,
html[data-ab-dark="hustle"] .text-gray-600,
html[data-ab-dark="hustle"] .text-black {
    color: #e5e7eb !important;
}

/* Hero avatar “+N” pill — inline dark used white/bg + black text; terminal card instead */

html[data-ab-dark="hustle"] #homeHeroRoot .avatar-circles>.avatar-circles-count {
    background: #262626 !important;
    color: #ffffff !important;
    border: 1px solid #2a2a3a !important;
}