/* /Pages/Blog/blog.cshtml.rz.scp.css */
.blog-card-meta[b-rwawwxg67f] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.blog-card-author[b-rwawwxg67f] {
    font-size: var(--fs-7);
    color: #555;
}
.blog-card-author i[b-rwawwxg67f] {
    font-size: .8em;
}

.blog-card-date[b-rwawwxg67f] {
    font-size: var(--fs-8);
    color: #777;
}

.blog-card-title[b-rwawwxg67f] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0.25rem 0 0;
    line-height: 1.3;
}

.left-intro[b-rwawwxg67f] {
    font-size: var(--fs-6);
}
/* /Pages/Cases/cem.cshtml.rz.scp.css */
/* ============================================================
       CE MARKETPLACE CASE STUDY — LOCAL OVERRIDES
       All shared case-study CSS lives in lux-styles.css §16b.
       This block holds only per-page background tints.
       ============================================================ */
.hero-section[b-59qu3uwfhd] {
    background: var(--bg-teal-light)
}
/* /Pages/Cases/delta.cshtml.rz.scp.css */
/* ============================================================
       DELTA CASE STUDY — LOCAL OVERRIDES
       All shared case-study CSS lives in lux-styles.css §16b.
       This block holds only per-page background tints.
       ============================================================ */
.hero-section[b-o73s7trguo] {
    background: var(--bg-f7)
}

.outcomes-section[b-o73s7trguo] {
    background: var(--bg-warm-cream)
}

.dark-cta-strip[b-o73s7trguo] {
    background: var(--lux-gray)
}
/* /Pages/Cases/micpa.cshtml.rz.scp.css */
/* ============================================================
       MICPA CASE STUDY — LOCAL OVERRIDES
       All shared case-study CSS lives in lux-styles.css §16b.
       This block holds only per-page background tints.
       ============================================================ */
.hero-section[b-0wnxbdr06n] {
    background: var(--bg-warm-cream)
}

.dark-cta-strip[b-0wnxbdr06n] {
    background: var(--lux-red-alt)
}
/* /Pages/Company/company.cshtml.rz.scp.css */
/* ============================================================
       COMPANY PAGE — LOCAL STYLES
       All sizing/color via lux-styles.css CSS variables.
       Reuses hero, stats, container, typography, accordion, and
       button components from lux-styles.css. Section patterns
       reused from index.html, mobile-apps.html, and
       delta-case-study.html — no new variable names introduced.

       Section index:
         §2  HERO                      (warm off-white, 6/6)
         §3  ROTATING LOGO BAR
         §4  STATS                     (count-up animated)
         §5  TESTIMONIALS              (gray bg, 3-up cards)
         §6  ABOUT — 27 YEARS          (blue-gray #BDCBD3, image right)
         §7  3-PILLAR VALUE CARDS      (warm cream, illustrated cards)
         §8  EXPECTATIONS + ACCORDION  (white, left text / right accordion)
         §9  AI SECTION                (warm cream, image left / text right)
         §10 EXECUTIVE TEAM            (white, 3 partners)
         §11 CLIENT STRATEGY & DEV     (white, single team member)
         §12 SOLUTIONS / SERVICES      (white, 4 service cards)
       ============================================================ */

/* Image placeholders */
.img-ph[b-x2rl9ddba5] {
    background: #d9d9d9;
    border-radius: var(--card-radius);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa
}

.img-ph-4-3[b-x2rl9ddba5] {
    aspect-ratio: 4/3
}

.img-ph-16-9[b-x2rl9ddba5] {
    aspect-ratio: 16/9
}

.img-ph-sq[b-x2rl9ddba5] {
    aspect-ratio: 1/1
}

.img-ph-3-2[b-x2rl9ddba5] {
    aspect-ratio: 3/2
}

/* §2 HERO — warm off-white variant (matches delta-case-study) */
.hero-section[b-x2rl9ddba5] {
    background: var(--bg-off-white);
    padding: 80px 0 60px;
    min-height: 430px;
    display: flex;
    align-items: center
}

    .hero-section h1[b-x2rl9ddba5] {
        font-size: var(--fs-2);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin-bottom: 20px
    }

.hero-body[b-x2rl9ddba5] {
    font-size: var(--fs-7);
    line-height: var(--lh-150);
    color: var(--lux-black);
    margin-bottom: 32px
}

.hero-section img[b-x2rl9ddba5] {
    border-radius: var(--card-radius)
}

/* §4 STATS — count-up animated (same as index/mobile-apps) */
.stats-section[b-x2rl9ddba5] {
    background: #fff;
    padding: 56px 0;
}

.stats-inner[b-x2rl9ddba5] {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap
}

.stat-item[b-x2rl9ddba5] {
    flex: 1 1 200px;
    text-align: center;
    padding: 16px 40px;
    position: relative
}

    .stat-item + .stat-item[b-x2rl9ddba5]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 10%;
        height: 80%;
        width: 1px;
        background: var(--rule-color)
    }

.stat-number[b-x2rl9ddba5] {
    font-size: var(--fs-1);
    font-weight: var(--fw-blk);
    line-height: var(--lh-125);
    color: var(--lux-red)
}

.stat-label[b-x2rl9ddba5] {
    font-size: var(--fs-6);
    font-weight: var(--fw-reg);
    line-height: var(--lh-125);
    color: var(--lux-black);
    margin-top: 6px
}

/* §5 TESTIMONIALS (same pattern as index / mobile-apps) */
.testimonials-section[b-x2rl9ddba5] {
    background: var(--bg-f7);
    padding: 72px 0;
    border-top: 1px solid var(--rule-color)
}

.section-eyebrow[b-x2rl9ddba5] {
    font-size: var(--fs-7);
    font-weight: var(--fw-reg);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--lux-black);
    margin-bottom: 8px
}

.section-heading-center[b-x2rl9ddba5] {
    text-align: center;
    margin-bottom: 48px
}

    .section-heading-center h2[b-x2rl9ddba5] {
        font-size: var(--fs-3);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black)
    }

.testimonial-card[b-x2rl9ddba5] {
    background: #fff;
    border-radius: var(--card-radius);
    padding: 28px;
    height: 100%;
    border: 1px solid var(--bg-f2)
}

.testimonial-stars[b-x2rl9ddba5] {
    color: var(--lux-red);
    font-size: var(--fs-7);
    margin-bottom: 10px
}

.testimonial-label[b-x2rl9ddba5] {
    font-size: var(--fs-4);
    font-weight: var(--fw-reg);
    color: var(--lux-black);
    margin-bottom: 10px
}

.testimonial-text[b-x2rl9ddba5] {
    font-size: var(--fs-7);
    line-height: var(--lh-150);
    color: var(--lux-black);
    margin-bottom: 16px
}

.testimonial-author[b-x2rl9ddba5] {
    font-size: var(--fs-8);
    font-weight: var(--fw-bld);
    color: var(--lux-black)
}

    .testimonial-author span[b-x2rl9ddba5] {
        display: block;
        font-weight: var(--fw-reg);
        color: var(--lux-gray)
    }

/* §6 ABOUT — 27 YEARS (blue-gray, same as index .about-section) */
.about-section[b-x2rl9ddba5] {
    background: #BDCBD3;
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

    .about-section h2[b-x2rl9ddba5] {
        font-size: var(--fs-3);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin-bottom: 24px
    }

/* §7 3-PILLAR VALUE CARDS (warm cream w/ illustrations) */
.pillars-section[b-x2rl9ddba5] {
    background: var(--bg-warm-cream);
    padding: 72px 0;
    border-top: 1px solid var(--rule-color)
}

.pillar-card[b-x2rl9ddba5] {
    height: 100%
}

    .pillar-card .pillar-img[b-x2rl9ddba5] {
        width: 100%;
        aspect-ratio: 16/10;
        object-fit: cover;
        border-radius: var(--card-radius);
        margin-bottom: 18px;
        display: block
    }

    .pillar-card h3[b-x2rl9ddba5] {
        font-size: var(--fs-4);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin-bottom: 10px
    }

    .pillar-card p[b-x2rl9ddba5] {
        font-size: var(--fs-7);
        line-height: var(--lh-150);
        color: var(--lux-black);
        margin: 0
    }

/* §8 EXPECTATIONS + ACCORDION (white, left intro / right accordion) */
.expectations-section[b-x2rl9ddba5] {
    background: #fff;
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

    .expectations-section h2[b-x2rl9ddba5] {
        font-size: var(--fs-3);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin-bottom: 20px
    }

    .expectations-section .ex-body[b-x2rl9ddba5] {
        font-size: var(--fs-7);
        line-height: var(--lh-150);
        color: var(--lux-black);
        margin-bottom: 18px
    }

        .expectations-section .ex-body:last-child[b-x2rl9ddba5] {
            margin-bottom: 0
        }

/* §9 AI SECTION (warm cream, image left / content right) */
.ai-section[b-x2rl9ddba5] {
    background: var(--bg-warm-cream);
    padding: 72px 0;
    border-top: 1px solid var(--rule-color)
}

    .ai-section img[b-x2rl9ddba5] {
        border-radius: var(--card-radius)
    }

    .ai-section h2[b-x2rl9ddba5] {
        font-size: var(--fs-3);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin-bottom: 18px
    }

    .ai-section .ai-body[b-x2rl9ddba5] {
        font-size: var(--fs-7);
        line-height: var(--lh-150);
        color: var(--lux-black);
        margin-bottom: 28px
    }

/* §10 EXECUTIVE TEAM (white, 3 partners) */
.team-section[b-x2rl9ddba5] {
    background: #fff;
    padding: 72px 0;
    border-top: 1px solid var(--rule-color)
}

    .team-section h2[b-x2rl9ddba5] {
        font-size: var(--fs-3);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin-bottom: 32px
    }

.team-card[b-x2rl9ddba5] {
    height: 100%
}

    .team-card .team-img[b-x2rl9ddba5] {
        width: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
        border-radius: var(--card-radius);
        margin-bottom: 18px;
        display: block;
        background: #d9d9d9
    }

    .team-card .team-name[b-x2rl9ddba5] {
        font-size: var(--fs-4);
        font-weight: var(--fw-bld);
        color: var(--lux-black);
        line-height: var(--lh-125);
        margin-bottom: 2px
    }

    .team-card .team-role[b-x2rl9ddba5] {
        font-size: var(--fs-7);
        font-weight: var(--fw-bld);
        color: var(--lux-black);
        margin-bottom: 10px
    }

    .team-card .team-bio[b-x2rl9ddba5] {
        font-size: var(--fs-7);
        line-height: var(--lh-150);
        color: var(--lux-black);
        margin: 0
    }

/* §11 CLIENT STRATEGY & DEVELOPMENT (white, single member, horizontal) */
.strategy-section[b-x2rl9ddba5] {
    background: #fff;
    padding: 0 0 72px;
}

    .strategy-section h2[b-x2rl9ddba5] {
        font-size: var(--fs-3);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin-bottom: 32px
    }

.strategy-card[b-x2rl9ddba5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 32px
}

    .strategy-card .strategy-img[b-x2rl9ddba5] {
        flex: 0 0 320px;
        max-width: 420px;
        aspect-ratio: 16/9;
        object-fit: cover;
        border-radius: var(--card-radius);
        background: #d9d9d9;
        display: block
    }

    .strategy-card .strategy-body[b-x2rl9ddba5] {
        flex: 1 1 320px;
        min-width: 0
    }

    .strategy-card .strategy-name[b-x2rl9ddba5] {
        font-size: var(--fs-4);
        font-weight: var(--fw-bld);
        color: var(--lux-black);
        line-height: var(--lh-125);
        margin-bottom: 2px
    }

    .strategy-card .strategy-role[b-x2rl9ddba5] {
        font-size: var(--fs-7);
        font-weight: var(--fw-bld);
        color: var(--lux-black);
        margin-bottom: 14px
    }

    .strategy-card .strategy-bio[b-x2rl9ddba5] {
        font-size: var(--fs-7);
        line-height: var(--lh-150);
        color: var(--lux-black);
        margin: 0
    }

/* §12 SERVICES (white, 4 cards — same pattern as index) */
.services-section[b-x2rl9ddba5] {
    background: #fff;
    padding: 72px 0;
    border-top: 1px solid var(--rule-color)
}

.service-card[b-x2rl9ddba5] {
    text-align: center
}

    .service-card .service-img[b-x2rl9ddba5] {
        width: 100%;
        aspect-ratio: 4/3;
        object-fit: cover;
        border-radius: var(--card-radius);
        display: block;
        background: #d9d9d9
    }

    .service-card h3[b-x2rl9ddba5] {
        font-size: var(--fs-5);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin: 14px 0 0;
        text-align: left
    }

/* Responsive tweaks */
@media (max-width: 991.98px) {
    .strategy-card[b-x2rl9ddba5] {
        gap: 24px
    }

        .strategy-card .strategy-img[b-x2rl9ddba5] {
            flex: 0 0 100%;
            max-width: 280px
        }
}

@media (max-width: 767.98px) {
    .pillar-card[b-x2rl9ddba5] {
        margin-bottom: 8px
    }

    .team-card[b-x2rl9ddba5] {
        margin-bottom: 8px
    }
}
/* /Pages/ContactUs/contact.cshtml.rz.scp.css */
/* ============================================================
       CONTACT PAGE — LOCAL OVERRIDES
       Shared CSS lives in lux-styles.css.
       Local block holds only:
         (1) per-page background tints
         (2) form field styling (page-unique — no global form pattern)
         (3) testimonial carousel (page-unique — only contact page paginates)
       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .audit-section--gray + .audit-list
         .testimonials-section / .testimonial-card / .testimonial-stars / .testimonial-label / .testimonial-text / .testimonial-author
         .section-eyebrow + .section-heading-center
         .btn-lux + .btn-lux-primary
       ============================================================ */

/* §1 HERO — light teal tint per comp */
.hero-section[b-lxcf0hhszq] {
    background: var(--card-teal-top)
}

.hero-body[b-lxcf0hhszq] {
    font-size: var(--fs-6);
}

/* §2 FORM — fields (no global form pattern; defined locally) */
.clarity-form .form-row[b-lxcf0hhszq] {
    display: flex;
    gap: 16px
}

.clarity-form .form-group[b-lxcf0hhszq] {
    margin-bottom: 18px;
    flex: 1
}

.clarity-form label[b-lxcf0hhszq] {
    display: block;
    font-size: var(--fs-7);
    color: var(--lux-black);
    margin-bottom: 6px
}

.clarity-form input[b-lxcf0hhszq],
.clarity-form textarea[b-lxcf0hhszq] {
    width: 100%;
    background: #fff;
    border: 1px solid var(--rule-color);
    border-radius: 6px;
    padding: 12px 14px;
    font-family: var(--ff-base);
    font-size: var(--fs-7);
    color: var(--lux-black);
    line-height: var(--lh-150);
    transition: border-color .15s,box-shadow .15s
}

    .clarity-form input:focus[b-lxcf0hhszq],
    .clarity-form textarea:focus[b-lxcf0hhszq] {
        outline: none;
        border-color: var(--lux-red);
        box-shadow: 0 0 0 3px rgba(200,16,46,.12)
    }

.clarity-form textarea[b-lxcf0hhszq] {
    min-height: 120px;
    resize: vertical
}

.clarity-form button[b-lxcf0hhszq] {
    margin-top: 8px
}

/* §3 TESTIMONIAL CAROUSEL (page-unique paginated variant)
       Reuses shared .testimonial-card body styles; adds horizontal
       scroll-snap + arrow controls. */
.tc-wrap[b-lxcf0hhszq] {
    position: relative
}

.tc-track[b-lxcf0hhszq] {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding: 0 12px;
    padding: 4px 12px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .tc-track[b-lxcf0hhszq]::-webkit-scrollbar {
        display: none
    }

.tc-slide[b-lxcf0hhszq] {
    flex: 0 0 calc((100% - 72px) / 3);
    scroll-snap-align: start
}

@media(max-width:991.98px) {
    .tc-slide[b-lxcf0hhszq] {
        flex: 0 0 calc((100% - 24px) / 2)
    }
}

@media(max-width:575.98px) {
    .tc-slide[b-lxcf0hhszq] {
        flex: 0 0 86%
    }
}

.tc-btn[b-lxcf0hhszq] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--rule-color);
    color: var(--lux-black);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    transition: transform .15s,box-shadow .15s,opacity .2s;
    z-index: 2
}

    .tc-btn:hover[b-lxcf0hhszq] {
        transform: translateY(-50%) scale(1.05);
        box-shadow: 0 6px 22px rgba(0,0,0,.14)
    }

    .tc-btn:disabled[b-lxcf0hhszq] {
        opacity: .35;
        cursor: default;
        transform: translateY(-50%)
    }

.tc-prev[b-lxcf0hhszq] {
    left: -8px
}

.tc-next[b-lxcf0hhszq] {
    right: -8px
}

@media(max-width:575.98px) {
    .tc-prev[b-lxcf0hhszq] {
        left: 4px
    }

    .tc-next[b-lxcf0hhszq] {
        right: 4px
    }
}
/* /Pages/Index.cshtml.rz.scp.css */
/* §2 HERO — bg only (structure in shared) */
.hero-section[b-nwkgi82ma5] {
    background: var(--bg-blue-tint)
}

/* §6 ABOUT — page-unique */
.about-section[b-nwkgi82ma5] {
    background: #BDCBD3;
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

/* §8 CLARITY CTA — page-unique */
.clarity-section[b-nwkgi82ma5] {
    background: var(--bg-warm-cream);
    padding: 72px 0
}

.check-list[b-nwkgi82ma5] {
    list-style: none;
    padding: 0;
    margin: 0 0 32px
}

    .check-list li[b-nwkgi82ma5] {
        font-size: var(--fs-6);
        line-height: var(--lh-150);
        padding: 8px 0;
        display: flex;
        align-items: flex-start;
        gap: 10px
    }

        .check-list li i[b-nwkgi82ma5] {
            color: var(--lux-red);
            margin-top: 3px;
            flex-shrink: 0;
            font-size: var(--fs-7)
        }

/* §9 SITUATION ACCORDION — bg only (structure in shared) */
.situation-section[b-nwkgi82ma5] {
    background: #fff
}


/* §7 TRUST / BUILDING — page-unique */
.building-section[b-nwkgi82ma5] {
    background: var(--bg-f7);
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

    .building-section .left-intro[b-nwkgi82ma5] {
        font-size: var(--fs-6);
        line-height: var(--lh-150);
        color: var(--lux-black)
    }

.building-card[b-nwkgi82ma5] {
    padding-bottom: 8px;
    margin-bottom: 8px
}

.building-card-heading[b-nwkgi82ma5] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px
}

    .building-card-heading .build-icon[b-nwkgi82ma5] {
        font-size: 26px;
        color: var(--lux-red);
        flex-shrink: 0;
        margin-top: 4px;
        width: 36px;
        text-align: center;
        line-height: 1
    }

    .building-card-heading h3[b-nwkgi82ma5] {
        font-size: var(--fs-6);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin: 0
    }

.building-card p[b-nwkgi82ma5] {
    font-size: var(--fs-7);
    line-height: var(--lh-150);
    color: var(--lux-black);
    margin: 0;
    padding-left: 50px
}


/* §11 INDUSTRIES — page-unique */
.industries-section[b-nwkgi82ma5] {
    background: var(--lux-teal);
    padding: 72px 0;
    color: #fff
}

    .industries-section h2[b-nwkgi82ma5] {
        color: #fff
    }

.industry-card[b-nwkgi82ma5] {
    border: 1px solid rgba(255,255,255,.35);
    border-radius: var(--card-radius);
    padding: 24px;
    height: 100%
}

    .industry-card .ind-name[b-nwkgi82ma5] {
        font-size: var(--fs-5);
        font-weight: var(--fw-bld);
        color: #fff;
        margin-bottom: 4px
    }

    .industry-card .ind-stat[b-nwkgi82ma5] {
        font-size: var(--fs-3);
        font-weight: var(--fw-blk);
        color: #fff;
        line-height: 1.1;
        margin-bottom: 4px
    }

    .industry-card .ind-label[b-nwkgi82ma5] {
        font-size: var(--fs-9);
        font-weight: var(--fw-bld);
        color: rgba(255,255,255,.8);
        margin-bottom: 16px;
        line-height: var(--lh-125)
    }

/* §12 AUDIT — bg only (structure in shared) */
.audit-section[b-nwkgi82ma5] {
    background: #fff
}
/* /Pages/Industries/associations.cshtml.rz.scp.css */
/* ============================================================
       ASSOCIATIONS INDUSTRY PAGE — LOCAL STYLES
       All section structure / typography / spacing comes from
       lux-styles.css (Page Components §16). Local CSS below
       ONLY sets per-page backgrounds.

       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .stats-section / .stat-* (count-up animated)
         .testimonials-section / .testimonial-*
         .client-stories / .story-*
         .problem-section + .problem-item
         .solution-section + .solution-item + .ss-icon
         .audit-section + .audit-list + .ac-list-heading + .ac-tagline
         .partnership-stages-section + .pstage-item
         .why-lux-section + .why-item + .why-lux-img + .wls-caption
         .faq-section + .lux-accordion
         .build-for-section + .build-item + .bi-icon
         .service-card / .service-card-body
         .section-eyebrow / .section-heading-center
       ============================================================ */

/* §2  Hero — warm cream */
.hero-section[b-c2e2sud7tg] {
    background: var(--bg-warm-cream);
}

/* §6  Problem — warm cream */
.problem-section[b-c2e2sud7tg] {
    background: var(--bg-warm-cream);
}

/* §8  Solution — light gray */
.solution-section[b-c2e2sud7tg] {
    background: var(--bg-f7);
}

/* §9  Audit CTA #1 — white */
.audit-section.audit-section--white[b-c2e2sud7tg] {
    background: #fff;
}

/* §10 Partnership stages — warm cream */
.partnership-stages-section[b-c2e2sud7tg] {
    background: var(--bg-warm-cream);
}

/* §11 Why Choose LUX — dark */
.why-lux-section[b-c2e2sud7tg] {
    background: var(--lux-black);
    color: #fff;
}

    .why-lux-section .section-heading-center h2[b-c2e2sud7tg],
    .why-lux-section .why-item h3[b-c2e2sud7tg] {
        color: #fff;
    }

    .why-lux-section .wls-caption[b-c2e2sud7tg],
    .why-lux-section .why-item p[b-c2e2sud7tg] {
        color: rgba(255,255,255,.85);
    }

.why-lux-img[b-c2e2sud7tg] {
    background: var(--bg-warm-cream);
}

/* §12 FAQ — white */
.faq-section[b-c2e2sud7tg] {
    background: #fff;
}

/* §13 What We Build For — light gray */
.build-for-section[b-c2e2sud7tg] {
    background: var(--bg-f7);
}

/* §15 Audit CTA #2 — light gray */
.audit-section.audit-section--gray[b-c2e2sud7tg] {
    background: var(--bg-f7);
}
/* /Pages/Industries/compliance.cshtml.rz.scp.css */
/* ============================================================
       COMPLIANCE INDUSTRY PAGE — LOCAL STYLES
       All section structure / typography / spacing comes from
       lux-styles.css (Page Components §16). Local CSS below
       ONLY sets per-page backgrounds.

       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .stats-section / .stat-* (count-up animated)
         .testimonials-section / .testimonial-*
         .client-stories / .story-*
         .problem-section + .problem-item
         .solution-section + .solution-item + .ss-icon
         .audit-section + .audit-list + .ac-list-heading + .ac-tagline
         .partnership-stages-section + .pstage-item
         .why-lux-section + .why-item + .why-lux-img + .wls-caption
         .faq-section + .lux-accordion
         .build-for-section + .build-item + .bi-icon
         .service-card / .service-card-body
         .section-eyebrow / .section-heading-center
       ============================================================ */

/* §2  Hero — warm cream */
.hero-section[b-ygrkuz5xwh] {
    background: var(--bg-off-white);
}

/* §6  Problem — warm cream */
.problem-section[b-ygrkuz5xwh] {
    background: var(--bg-off-white);
}

/* §8  Solution — light gray */
.solution-section[b-ygrkuz5xwh] {
    background: var(--bg-f7);
}

/* §9  Audit CTA #1 — white */
.audit-section.audit-section--white[b-ygrkuz5xwh] {
    background: #fff;
}

/* §10 Partnership stages — warm cream */
.partnership-stages-section[b-ygrkuz5xwh] {
    background: var(--bg-off-white);
}

/* §11 Why Choose LUX — dark */
.why-lux-section[b-ygrkuz5xwh] {
    background: var(--lux-black);
    color: #fff;
}

    .why-lux-section .section-heading-center h2[b-ygrkuz5xwh],
    .why-lux-section .why-item h3[b-ygrkuz5xwh] {
        color: #fff;
    }

    .why-lux-section .wls-caption[b-ygrkuz5xwh],
    .why-lux-section .why-item p[b-ygrkuz5xwh] {
        color: rgba(255,255,255,.85);
    }

.why-lux-img[b-ygrkuz5xwh] {
    background: var(--bg-off-white);
}

/* §12 FAQ — white */
.faq-section[b-ygrkuz5xwh] {
    background: #fff;
}

/* §13 What We Build For — light gray */
.build-for-section[b-ygrkuz5xwh] {
    background: var(--bg-f7);
}

/* §15 Audit CTA #2 — light gray */
.audit-section.audit-section--gray[b-ygrkuz5xwh] {
    background: var(--bg-f7);
}
/* /Pages/Industries/fintech.cshtml.rz.scp.css */
/* ============================================================
       FINTECH INDUSTRY PAGE — LOCAL STYLES
       All section structure / typography / spacing comes from
       lux-styles.css (Page Components §16). Local CSS below
       ONLY sets per-page backgrounds.

       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .stats-section / .stat-* (count-up animated)
         .testimonials-section / .testimonial-*
         .client-stories / .story-*
         .problem-section + .problem-item
         .solution-section + .solution-item + .ss-icon
         .audit-section + .audit-list + .ac-list-heading + .ac-tagline
         .partnership-stages-section + .pstage-item
         .why-lux-section + .why-item + .why-lux-img + .wls-caption
         .faq-section + .lux-accordion
         .service-card / .service-card-body
         .section-eyebrow / .section-heading-center
       ============================================================ */

/* §2  Hero — warm-white tint */
.hero-section[b-662el4ed0m] {
    background: var(--bg-warm-white);
}

/* §6  Problem — warm cream */
.problem-section[b-662el4ed0m] {
    background: var(--bg-off-white);
}

/* §8  Solution — light gray */
.solution-section[b-662el4ed0m] {
    background: var(--bg-f7);
}

/* §9  Audit CTA #1 — white */
.audit-section.audit-section--white[b-662el4ed0m] {
    background: #fff;
}

/* §10 Partnership stages — warm cream */
.partnership-stages-section[b-662el4ed0m] {
    background: var(--bg-off-white);
}

/* §11 Why Choose LUX — dark */
.why-lux-section[b-662el4ed0m] {
    background: var(--lux-black);
    color: #fff;
}

    .why-lux-section .section-heading-center h2[b-662el4ed0m],
    .why-lux-section .why-item h3[b-662el4ed0m] {
        color: #fff;
    }

    .why-lux-section .wls-caption[b-662el4ed0m],
    .why-lux-section .why-item p[b-662el4ed0m] {
        color: rgba(255,255,255,.85);
    }

.why-lux-img[b-662el4ed0m] {
    background: var(--bg-off-white);
}

/* §12 FAQ — white */
.faq-section[b-662el4ed0m] {
    background: #fff;
}

/* §13 Audit CTA #2 — light gray */
.audit-section.audit-section--gray[b-662el4ed0m] {
    background: var(--bg-f7);
}
/* /Pages/Industries/hospitality.cshtml.rz.scp.css */
/* ============================================================
       HOSPITALITY INDUSTRY PAGE — LOCAL STYLES
       All section structure / typography / spacing comes from
       lux-styles.css (Page Components §16). Local CSS below
       ONLY sets per-page backgrounds.

       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .stats-section / .stat-* (count-up animated)
         .testimonials-section / .testimonial-*
         .client-stories / .story-*
         .problem-section + .problem-item
         .solution-section + .solution-item + .ss-icon
         .audit-section + .audit-list + .ac-list-heading + .ac-tagline
         .partnership-stages-section + .pstage-item
         .why-lux-section + .why-item + .why-lux-img + .wls-caption
         .faq-section + .lux-accordion
         .build-for-section + .build-item + .bi-icon
         .service-card / .service-card-body
         .section-eyebrow / .section-heading-center
       ============================================================ */

/* §2  Hero — light gray */
.hero-section[b-c08cinbz3w] {
    background: var(--bg-blue-tint);
}

/* §6  Problem — warm cream */
.problem-section[b-c08cinbz3w] {
    background: var(--bg-off-white);
}

/* §8  Solution — light gray */
.solution-section[b-c08cinbz3w] {
    background: var(--bg-f7);
}

/* §9  Audit CTA #1 — white */
.audit-section.audit-section--white[b-c08cinbz3w] {
    background: #fff;
}

/* §10 Partnership stages — warm cream */
.partnership-stages-section[b-c08cinbz3w] {
    background: var(--bg-off-white);
}

/* §11 Why Choose LUX — dark */
.why-lux-section[b-c08cinbz3w] {
    background: var(--lux-black);
    color: #fff;
}

    .why-lux-section .section-heading-center h2[b-c08cinbz3w],
    .why-lux-section .why-item h3[b-c08cinbz3w] {
        color: #fff;
    }

    .why-lux-section .wls-caption[b-c08cinbz3w],
    .why-lux-section .why-item p[b-c08cinbz3w],
    .why-lux-section .wls-intro[b-c08cinbz3w] {
        color: rgba(255,255,255,.85);
    }

.why-lux-img[b-c08cinbz3w] {
    background: var(--bg-off-white);
}

/* §12 FAQ — white */
.faq-section[b-c08cinbz3w] {
    background: #fff;
}

/* §13 What We Build For — light gray */
.build-for-section[b-c08cinbz3w] {
    background: var(--bg-f7);
}

/* §15 Audit CTA #2 — light gray */
.audit-section.audit-section--gray[b-c08cinbz3w] {
    background: var(--bg-f7);
}
/* /Pages/Industries/travel.cshtml.rz.scp.css */
/* ============================================================
       TRAVEL & AIRLINES INDUSTRY PAGE — LOCAL STYLES
       All section structure / typography / spacing comes from
       lux-styles.css (Page Components §16). Local CSS below
       ONLY sets per-page backgrounds.

       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .stats-section / .stat-* (count-up animated)
         .testimonials-section / .testimonial-*
         .client-stories / .story-*
         .problem-section + .problem-item
         .solution-section + .solution-item + .ss-icon
         .audit-section + .audit-list + .ac-list-heading + .ac-tagline
         .partnership-stages-section + .pstage-item
         .why-lux-section + .why-item + .why-lux-img + .wls-caption + .wls-intro
         .faq-section + .lux-accordion
         .build-for-section + .build-item + .bi-icon
         .service-card / .service-card-body
         .section-eyebrow / .section-heading-center
       ============================================================ */

/* §2  Hero — light teal */
.hero-section[b-xzfgyxikl2] {
    background: var(--card-teal-bot);
}

/* §6  Problem — warm cream */
.problem-section[b-xzfgyxikl2] {
    background: var(--bg-f7);
}

/* §8  Solution — light gray */
.solution-section[b-xzfgyxikl2] {
    background: var(--bg-f7);
}

/* §9  Audit CTA #1 — white */
.audit-section.audit-section--white[b-xzfgyxikl2] {
    background: #fff;
}

/* §10 Partnership stages — warm cream */
.partnership-stages-section[b-xzfgyxikl2] {
    background: var(--bg-off-white);
}

/* §11 Why Stay With LUX — dark */
.why-lux-section[b-xzfgyxikl2] {
    background: var(--lux-black);
    color: #fff;
}

    .why-lux-section .section-heading-center h2[b-xzfgyxikl2],
    .why-lux-section .why-item h3[b-xzfgyxikl2] {
        color: #fff;
    }

    .why-lux-section .wls-caption[b-xzfgyxikl2],
    .why-lux-section .why-item p[b-xzfgyxikl2],
    .why-lux-section .wls-intro[b-xzfgyxikl2] {
        color: rgba(255,255,255,.85);
    }

.why-lux-img[b-xzfgyxikl2] {
    background: var(--bg-off-white);
}

/* §12 FAQ — white */
.faq-section[b-xzfgyxikl2] {
    background: #fff;
}

/* §13 What We Build For — light gray */
.build-for-section[b-xzfgyxikl2] {
    background: var(--bg-f7);
}

/* §15 Audit CTA #2 — light gray */
.audit-section.audit-section--gray[b-xzfgyxikl2] {
    background: var(--bg-f7);
}
/* /Pages/Products/clairvoyant.cshtml.rz.scp.css */
/* ============================================================
       CLAIRVOYANT PRODUCT PAGE — LOCAL OVERRIDES
       Shared CSS lives in lux-styles.css.
       Local block holds only:
         (1) per-page background tints
         (2) the conversational sim panel (page-unique)
       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .stats-section / .stat-* (count-up)
         .section-heading-center + .section-intro
         .connect-card + .connect-card-body + .connect-card-number
         .solution-section + .solution-item + .ss-icon
         .audit-section + .audit-section--gray + .audit-list + .ac-list-heading + .ac-tagline
         .video-card
       ============================================================ */

/* Per-section backgrounds */
.hero-section[b-ag9v456t94] {
    background: var(--card-teal-top)
}

.how-section[b-ag9v456t94] {
    background: var(--bg-warm-cream);
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

.sim-section[b-ag9v456t94] {
    background: var(--bg-f7);
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

    .sim-section .section-heading-center[b-ag9v456t94] {
        margin-bottom: 32px
    }

.solution-section[b-ag9v456t94] {
    background: #fff
}

.audit-section[b-ag9v456t94] {
    background: var(--bg-f7)
}
/* /Pages/Products/tlp.cshtml.rz.scp.css */
/* ============================================================
       TRAVELLAUNCH PRO — LOCAL OVERRIDES
       All shared CSS lives in lux-styles.css.
       Only per-page background tints + section structure below.
       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .stats-section / .stat-* (count-up animated)
         .problem-section + .problem-item
         .solution-section + .solution-item + .ss-icon
         .section-heading-center + .section-intro
         .connect-card + .connect-card-body + .connect-card-number
         .audit-section + .audit-section--gray + .audit-list + .ac-list-heading + .ac-tagline
         .video-card
         .lux-accordion
       ============================================================ */

/* Per-section backgrounds */
.hero-section[b-fkrlsuu3ye] {
    background: var(--card-teal-bot)
}

.problem-section[b-fkrlsuu3ye] {
    background: var(--bg-warm-cream)
}

.solution-section[b-fkrlsuu3ye] {
    background: var(--bg-f7)
}

.connect-section[b-fkrlsuu3ye] {
    background: #fff;
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}
    .connect-section .section-intro[b-fkrlsuu3ye] {
        font-size: var(--fs-6);
        max-width: 980px;
        margin: 0 auto 28px;
    }

.partnership-section[b-fkrlsuu3ye] {
    background: var(--bg-f7);
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

.inside-section[b-fkrlsuu3ye] {
    background: #fff;
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

/* §6 Partnership — text + image two-up (page-unique) */
.partnership-section h2[b-fkrlsuu3ye] {
    font-size: var(--fs-3);
    font-weight: var(--fw-bld);
    line-height: var(--lh-125);
    color: var(--lux-black);
    margin-bottom: 18px
}

.partnership-section p[b-fkrlsuu3ye] {
    font-size: var(--fs-7);
    line-height: var(--lh-150);
    color: var(--lux-black);
    margin-bottom: 14px
}

    .partnership-section p + p[b-fkrlsuu3ye] {
        margin-bottom: 24px
    }

.partnership-section img[b-fkrlsuu3ye] {
    border-radius: var(--card-radius);
    width: 100%;
    height: auto
}

/* §7 Inside — heading + intro (page-unique) */
.inside-heading[b-fkrlsuu3ye] {
    font-size: var(--fs-3);
    font-weight: var(--fw-bld);
    line-height: var(--lh-125);
    color: var(--lux-black);
    margin-bottom: 14px
}

.inside-intro[b-fkrlsuu3ye] {
    font-size: var(--fs-7);
    line-height: var(--lh-150);
    color: var(--lux-black)
}
/* /Pages/Services/ai.cshtml.rz.scp.css */
/* ============================================================
       AI-POWERED SOFTWARE DEVELOPMENT — LOCAL STYLES
       All section structure / typography / spacing comes from
       lux-styles.css (Page Components §16). Local CSS below
       ONLY sets per-page backgrounds.

       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .stats-section / .stat-* (count-up animated)
         .problem-section + .problem-item + .ps-intro
         .client-stories / .story-*
         .solution-section + .solution-item + .ss-icon + .ss-intro
         .testimonials-section / .testimonial-*
         .partnership-stages-section + .pstage-item + .ps-subhead + .partnership-intro
         .situation-section + .lux-accordion
         .audit-section + .audit-list + .ac-list-heading + .ac-tagline
         .section-eyebrow / .section-heading-center
       ============================================================ */

/* §2  Hero — soft mint */
.hero-section[b-i54zadyqmc] {
    background: #D4EAD7;
}

/* §4  Problem — warm cream */
.problem-section[b-i54zadyqmc] {
    background: var(--bg-off-white);
}

/* §6  Solution — light gray */
.solution-section[b-i54zadyqmc] {
    background: var(--bg-f7);
}

/* §8  Partnership stages — warm cream */
.partnership-stages-section[b-i54zadyqmc] {
    background: var(--bg-off-white);
}

/* §9  Situation accordion — light gray */
.situation-section[b-i54zadyqmc] {
    background: var(--bg-f7);
    border-top: 1px solid var(--rule-color);
}

/* §10 Audit CTA — white */
.audit-section.audit-section--white[b-i54zadyqmc] {
    background: #fff;
}
/* /Pages/Services/embedded.cshtml.rz.scp.css */
/* ============================================================
       EMBEDDED DEVELOPMENT SUPPORT — LOCAL STYLES
       All section structure / typography / spacing comes from
       lux-styles.css (Page Components §16). Local CSS below
       ONLY sets per-page backgrounds.

       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .stats-section / .stat-* (count-up animated)
         .problem-section + .problem-item + .ps-intro
         .client-stories / .story-*
         .solution-section + .solution-item + .ss-icon + .ss-intro
         .partnership-stages-section + .pstage-item + .ps-subhead + .partnership-intro
         .audit-section + .audit-list + .ac-tagline
         .section-heading-center
       ============================================================ */

/* §2  Hero — light gray */
.hero-section[b-fl2n1gm3q8] {
    background: var(--bg-f7);
}

/* §4  Problem — soft mint */
.problem-section[b-fl2n1gm3q8] {
    background: var( --card-green-bot);
}

/* §6  Solution — light gray */
.solution-section[b-fl2n1gm3q8] {
    background: var(--bg-f7);
}

/* §7  Partnership stages — warm cream */
.partnership-stages-section[b-fl2n1gm3q8] {
    background: var(--bg-off-white);
}

/* §8  Audit CTA — white */
.audit-section.audit-section--white[b-fl2n1gm3q8] {
    background: #fff;
}
/* /Pages/Services/mobile-app.cshtml.rz.scp.css */
/* ============================================================
       MOBILE APPS SERVICE PAGE — LOCAL STYLES
       Shared component CSS lives in lux-styles.css §16.
       This file holds only:
         (1) per-page section background colors
         (2) styles for sections used ONLY on this page
       ============================================================ */

/* §2 HERO — bg only (structure in shared) */
.hero-section[b-ityttzzkl1] {
    background: var(--bg-warm-white)
}

/* §5 TECH STRENGTHEN — page-unique */
.tech-strengthen-section[b-ityttzzkl1] {
    background: var(--bg-warm-white);
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

    .tech-strengthen-section .section-heading-center[b-ityttzzkl1] {
        margin-bottom: 24px
    }

    .tech-strengthen-section .ts-intro[b-ityttzzkl1] {
        font-size: var(--fs-6);
        line-height: var(--lh-175);
        color: var(--lux-black);
        text-align: center;
        max-width: 920px;
        margin: 0 auto 48px
    }

.tech-item[b-ityttzzkl1] {
    margin-bottom: 24px
}

    .tech-item:last-child[b-ityttzzkl1] {
        margin-bottom: 0
    }

    .tech-item h3[b-ityttzzkl1] {
        font-size: var(--fs-4);
        font-weight: var(--fw-bld);
        color: var(--lux-black);
        line-height: var(--lh-125);
        margin-bottom: 8px
    }

    .tech-item p[b-ityttzzkl1] {
        font-size: var(--fs-7);
        line-height: var(--lh-150);
        color: var(--lux-black);
        margin-bottom: 0
    }

/* §7 TRUST / BUILDING — page-unique */
.building-section[b-ityttzzkl1] {
    background: var(--bg-f7);
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

    .building-section .left-intro[b-ityttzzkl1] {
        font-size: var(--fs-6);
        line-height: var(--lh-150);
        color: var(--lux-black)
    }

.building-card[b-ityttzzkl1] {
    padding-bottom: 8px;
    margin-bottom: 8px
}

.building-card-heading[b-ityttzzkl1] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px
}

    .building-card-heading .build-icon[b-ityttzzkl1] {
        font-size: 26px;
        color: var(--lux-red);
        flex-shrink: 0;
        margin-top: 4px;
        width: 36px;
        text-align: center;
        line-height: 1
    }

    .building-card-heading h3[b-ityttzzkl1] {
        font-size: var(--fs-6);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin: 0
    }

.building-card p[b-ityttzzkl1] {
    font-size: var(--fs-7);
    line-height: var(--lh-150);
    color: var(--lux-black);
    margin: 0;
    padding-left: 0px
}

/* §7a TESTIMONAILS Background-unique */

.testimonials-section[b-ityttzzkl1] {
    background: var(--bg-f2);
    padding: 72px 0;
    border-top: 1px solid var(--rule-color)
}


/* §9 PARTNERSHIP — page-unique */
.partnership-section[b-ityttzzkl1] {
    background: var(--bg-warm-cream);
    padding: 80px 0;
    border-top: 1px solid var(--rule-color)
}

    .partnership-section h2[b-ityttzzkl1] {
        font-size: var(--fs-3);
        font-weight: var(--fw-bld);
        line-height: var(--lh-125);
        color: var(--lux-black);
        margin-bottom: 24px
    }

    .partnership-section .partnership-intro[b-ityttzzkl1] {
        font-size: var(--fs-6);
        line-height: var(--lh-175);
        color: var(--lux-black);
        margin-bottom: 32px
    }

.partnership-item[b-ityttzzkl1] {
    margin-bottom: 24px
}

    .partnership-item:last-child[b-ityttzzkl1] {
        margin-bottom: 0
    }

    .partnership-item h3[b-ityttzzkl1] {
        font-size: var(--fs-4);
        font-weight: var(--fw-bld);
        color: var(--lux-black);
        line-height: var(--lh-125);
        margin-bottom: 6px
    }

    .partnership-item .ps-subhead[b-ityttzzkl1] {
        font-size: var(--fs-7);
        font-weight: var(--fw-bld);
        color: var(--lux-black);
        margin: 0 0 6px
    }

    .partnership-item p[b-ityttzzkl1] {
        font-size: var(--fs-7);
        line-height: var(--lh-150);
        color: var(--lux-black);
        margin: 0
    }

/* §10 SITUATION ACCORDION — bg + darker rule color */
.situation-section[b-ityttzzkl1] {
    background: var(--bg-f7);
    border-top: 1px solid var(--rule-color)
}

    .situation-section .lux-accordion .accordion-item[b-ityttzzkl1] {
        border-top-color: var(--rule-color-dk)
    }

        .situation-section .lux-accordion .accordion-item:last-child[b-ityttzzkl1] {
            border-bottom-color: var(--rule-color-dk)
        }


.services-section[b-ityttzzkl1] {
    background: #fff;
    padding: 72px 0;
}


/* §11 AUDIT — bg only (structure in shared) */
.audit-section[b-ityttzzkl1] {
    background: #fff
}
/* /Pages/Services/web-app.cshtml.rz.scp.css */
/* ============================================================
       WEB APPLICATIONS SERVICE PAGE — LOCAL STYLES
       All section structure / typography / spacing comes from
       lux-styles.css (Page Components §16). Local CSS below
       ONLY sets per-page backgrounds.

       Centralized classes used:
         .hero-section / .hero-eyebrow / .hero-body
         .stats-section / .stat-* (count-up animated)
         .problem-section + .problem-item + .ps-intro
         .client-stories / .story-*
         .solution-section + .solution-item + .ss-icon + .ss-intro
         .testimonials-section / .testimonial-*
         .partnership-stages-section + .pstage-item + .ps-subhead + .partnership-intro
         .situation-section + .lux-accordion
         .audit-section + .audit-list + .ac-list-heading + .ac-tagline
         .section-eyebrow / .section-heading-center
       ============================================================ */

/* §2  Hero — light gray */
.hero-section[b-gd52sozhge] {
    background: var(--bg-f7);
}

/* §4  Problem — warm cream */
.problem-section[b-gd52sozhge] {
    background: var(--bg-off-white);
}

/* §6  Solution — light gray */
.solution-section[b-gd52sozhge] {
    background: var(--bg-f7);
}

/* §8  Partnership stages — warm cream */
.partnership-stages-section[b-gd52sozhge] {
    background: var(--bg-off-white);
}

/* §9  Situation accordion — light gray */
.situation-section[b-gd52sozhge] {
    background: var(--bg-f7);
    border-top: 1px solid var(--rule-color);
}

/* §10 Audit CTA — white */
.audit-section.audit-section--white[b-gd52sozhge] {
    background: #fff;
}
/* /Pages/Shared/_Footer.cshtml.rz.scp.css */
.lux-footer[b-wh9p6ahej1] {
    background-color: var(--lux-black);
    color: rgba(255,255,255,0.75);
    font-size: var(--fs-7);
    padding: 60px 0 32px;
}

    .lux-footer .lux-footer-brand[b-wh9p6ahej1] {
        font-size: var(--fs-5);
        font-weight: var(--fw-bld);
        color: #ffffff;
        margin-bottom: 8px;
    }

    .lux-footer address[b-wh9p6ahej1] {
        font-style: normal;
        font-size: var(--fs-7);
        line-height: var(--lh-150);
    }

    .lux-footer a[b-wh9p6ahej1] {
        color: rgba(255,255,255,0.75);
        text-decoration: none;
        transition: color 0.15s ease;
    }

        .lux-footer a:hover[b-wh9p6ahej1] {
            color: #ffffff;
        }

.lux-footer-nav-label[b-wh9p6ahej1] {
    font-size: var(--fs-8);
    font-weight: var(--fw-bld);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin-bottom: 12px;
}

.lux-footer-links[b-wh9p6ahej1] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .lux-footer-links li + li[b-wh9p6ahej1] {
        margin-top: 8px;
    }

    .lux-footer-links a[b-wh9p6ahej1] {
        font-size: var(--fs-7);
    }

.lux-footer-bottom[b-wh9p6ahej1] {
    border-top: 1px solid rgba(255,255,255,0.15);
    margin-top: 40px;
    padding-top: 24px;
    font-size: var(--fs-8);
    color: rgba(255,255,255,0.5);
    text-align: center;
}

/* Social icons row */
.lux-social-icons[b-wh9p6ahej1] {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}

    .lux-social-icons a[b-wh9p6ahej1] {
        font-size: var(--fs-5);
        color: rgba(255,255,255,0.7);
    }

        .lux-social-icons a:hover[b-wh9p6ahej1] {
            color: #ffffff;
        }

.lux-back-top[b-wh9p6ahej1] {
    display: inline-block;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 999px;
    padding: 6px 20px;
    font-size: var(--fs-8);
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    margin-top: 16px;
    transition: all 0.2s ease;
}

    .lux-back-top:hover[b-wh9p6ahej1] {
        border-color: #ffffff;
        color: #ffffff;
    }
/* /Pages/Shared/_Header.cshtml.rz.scp.css */
.lux-navbar[b-wdkdipwrm6] {
    background-color: var(--lux-black);
    padding: 0 24px;
    min-height: 64px;
}

    .lux-navbar .navbar-brand[b-wdkdipwrm6] {
        font-size: var(--fs-5);
        font-weight: var(--fw-bld);
        color: #ffffff;
    }

    .lux-navbar .nav-link[b-wdkdipwrm6] {
        font-size: var(--fs-8);
        font-weight: var(--fw-bld);
        color: rgba(255,255,255,0.85);
        text-transform: uppercase;
        letter-spacing: 0.04em;
        padding: 20px 14px !important;
        transition: color 0.15s ease;
    }

        .lux-navbar .nav-link.dropdown-toggle.show[b-wdkdipwrm6] {
            color: #fff;
        }

        .lux-navbar .nav-link:hover[b-wdkdipwrm6],
        .lux-navbar .nav-link.active[b-wdkdipwrm6] {
            color: #ffffff;
        }

    .lux-navbar .dropdown-item.active[b-wdkdipwrm6],
    .lux-navbar .dropdown-item:active[b-wdkdipwrm6],
    .lux-navbar .dropdown-item:focus[b-wdkdipwrm6] {
        background-color: rgba(255,255,255,0.12);
        color: #ffffff;
        border-left: 5px solid var(--lux-red);
        padding-left: 17px;
        /* 20px existing - 3px border = 17px */
    }

    /* Dropdown */
    .lux-navbar .dropdown-menu[b-wdkdipwrm6] {
        background-color: var(--lux-black);
        border: none;
        border-radius: 0;
        padding: 8px 0;
        min-width: 200px;
    }

    .lux-navbar .dropdown-item[b-wdkdipwrm6] {
        font-size: var(--fs-7);
        color: rgba(255,255,255,0.8);
        padding: 10px 20px;
        transition: color 0.15s ease, background-color 0.15s ease;
    }

        .lux-navbar .dropdown-item:hover[b-wdkdipwrm6] {
            background-color: rgba(255,255,255,0.08);
            color: #ffffff;
        }
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-741u0b3738] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-741u0b3738] {
  color: #0077cc;
}

.btn-primary[b-741u0b3738] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-741u0b3738], .nav-pills .show > .nav-link[b-741u0b3738] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-741u0b3738] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-741u0b3738] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-741u0b3738] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-741u0b3738] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-741u0b3738] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}