/* Lexora dark/light mode system
   Light mode is the default paper/black system.
   Dark mode deepens surfaces while keeping text high contrast.
*/
html[data-theme="dark"] body{background:#050505;color:#f7f7f5}
html[data-theme="dark"] .section-light{background:#0a0a0a;color:#f7f7f5}
html[data-theme="dark"] .why-content .eyebrow{color:#d0d0d0}
html[data-theme="dark"] .why-content h2{color:#fff}
html[data-theme="dark"] .why-content>p:not(.eyebrow){color:#ccc}
html[data-theme="dark"] .why-feature h3{color:#fff}
html[data-theme="dark"] .why-feature p{color:#bbb}
html[data-theme="dark"] .why-stat strong{color:#fff}
html[data-theme="dark"] .why-stat span{color:#ccc}
html[data-theme="dark"] .section-light .text-cta{color:#f7f7f5}
html[data-theme="dark"] .framework .eyebrow{color:#d0d0d0}
html[data-theme="dark"] .framework .section-title{color:#fff}
html[data-theme="dark"] .framework .step-title{color:#fff}
html[data-theme="dark"] .framework .step-duration{color:#fff}
html[data-theme="dark"] .framework .step-text{color:#c9c9c9}
html[data-theme="dark"] .framework .step-number{color:#fff}
html[data-theme="dark"] .framework .framework-cta-btn{color:#fff}
html[data-theme="dark"] .section-dark{background:#000;color:#fff}
html[data-theme="dark"] .why-copy>p:not(.eyebrow),html[data-theme="dark"] .feature-line small,html[data-theme="dark"] .metric-line small{color:#bcbcbc}
html[data-theme="dark"] .feature-line,html[data-theme="dark"] .metric-line{border-color:rgba(255,255,255,.18)}
html[data-theme="dark"] .slice-back{border-color:rgba(255,255,255,.18)}
html[data-theme="dark"] .floating-note{background:#0b0b0b;color:#fff;border-color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.45)}
html[data-theme="dark"] .floating-note small{color:#aaa}
html[data-theme="dark"] .outcome-word{color:rgba(255,255,255,.035)}
html[data-theme="dark"] .journey-line{background:rgba(255,255,255,.18)}
html[data-theme="dark"] .journey-line span{background:#fff}
html[data-theme="dark"] .journey-step>span{border-color:#fff}
html[data-theme="dark"] .journey-step p{color:#aaa}
html[data-theme="dark"] .site-footer{background:#000}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.9);color:#111;border-color:rgba(17,17,17,.12)}
html[data-theme="light"] .site-header .dropdown-menu{background:#fff;color:#111;border-color:rgba(17,17,17,.15)}
html[data-theme="light"] .dropdown-menu a:hover{background:#050505;color:#fff}
html[data-theme="light"] .icon-control{border-color:rgba(17,17,17,.35)}
html[data-theme="light"] .icon-control:hover{background:#050505;color:#fff}
html[data-theme="light"] .mobile-panel{background:#f5f5f2;color:#111}
html[data-theme="light"] .mobile-panel-inner>a,html[data-theme="light"] .mobile-parent{border-color:rgba(17,17,17,.15)}
html[data-theme="light"] .mobile-submenu a{color:#555;border-color:rgba(17,17,17,.1)}
html[data-theme="light"] .mobile-login{border-color:#111!important}
html[data-theme="light"] .site-progress span{background:#111}
html[data-theme="light"] .back-to-top{background:#050505;color:#fff}

html[data-theme="dark"] .programs{color:#f7f7f5}
html[data-theme="dark"] .programs .section-title,
html[data-theme="dark"] .programs .program-item h3,
html[data-theme="dark"] .programs .program-item .program-link,
html[data-theme="dark"] .programs .program-category{color:#fff}
html[data-theme="dark"] .programs .program-item p,
html[data-theme="dark"] .programs .program-item .program-category{color:#d0d0d0}
html[data-theme="dark"] .program-item-num{background:#fff;color:#050505}
html[data-theme="dark"] .program-tile{background:#1a1a1a}
html[data-theme="dark"] .program-link{border-color:rgba(255,255,255,.35)}

/* Section 05 — Business outcomes (dark theme). The section is a light section, so its dark ink colours
   disappeared on the dark background. */
html[data-theme="dark"] .live-outcomes .eyebrow,
html[data-theme="dark"] .live-outcomes .metric-lead,
html[data-theme="dark"] .live-outcomes .completion-label,
html[data-theme="dark"] .live-outcomes .kpi-tag,
html[data-theme="dark"] .live-outcomes .kpi-card small,
html[data-theme="dark"] .live-outcomes .browser-title,
html[data-theme="dark"] .live-outcomes .progress-meta{color:#d0d0d0}
html[data-theme="dark"] .live-outcomes .section-title,
html[data-theme="dark"] .live-outcomes .metric-heading,
html[data-theme="dark"] .live-outcomes .completion-value,
html[data-theme="dark"] .live-outcomes .kpi-card .kpi-value,
html[data-theme="dark"] .live-outcomes .chart-header strong{color:#fff}
html[data-theme="dark"] .live-outcomes .dashboard-stage{background:linear-gradient(180deg, rgba(24,24,24,0.96), rgba(11,11,11,0.98));border-color:rgba(255,255,255,.12);box-shadow:0 26px 60px rgba(0,0,0,.45)}
html[data-theme="dark"] .live-outcomes .dashboard-browser{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .live-outcomes .browser-dots span{background:rgba(255,255,255,.7)}
html[data-theme="dark"] .live-outcomes .chart-panel,
html[data-theme="dark"] .live-outcomes .kpi-card{background:linear-gradient(180deg, rgba(31,31,31,0.92), rgba(16,16,16,0.96));border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .live-outcomes .chart-grid{stroke:rgba(255,255,255,.12)}
html[data-theme="dark"] .live-outcomes .progress-track{background:rgba(255,255,255,.12)}
html[data-theme="dark"] .live-outcomes .progress-fill,
html[data-theme="dark"] .live-outcomes .ring-fill,
html[data-theme="dark"] .live-outcomes .chart-line{stroke:#fff; background:linear-gradient(90deg,#ffffff,#bfbfbf)}
html[data-theme="dark"] .live-outcomes .chart-point{fill:#111;stroke:#fff}
html[data-theme="dark"] .live-outcomes .chart-point.active{fill:#fff;stroke:#111}
html[data-theme="dark"] .live-outcomes .ring-track{stroke:rgba(255,255,255,.15)}
html[data-theme="dark"] .live-outcomes .metric-badge{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff}
/* =========================================================
   SECTION 06 — TESTIMONIALS DARK MODE
   ========================================================= */

html[data-theme="dark"] .s6-testimonials {
  background:#050505;
  color:#fff;
}

html[data-theme="dark"] .s6-testimonials-index {
  color:#999;
}

html[data-theme="dark"] .s6-testimonials-heading .section-title {
  color:#fff;
}

html[data-theme="dark"] .s6-testimonials-heading .section-title em {
  color:#999;
}

html[data-theme="dark"] .s6-testimonials-intro {
  color:#bdbdbd;
}

html[data-theme="dark"] .s6-testimonial-featured {
  background:#151515;
  color:#fff;
}

html[data-theme="dark"] .s6-testimonial-image-wrap {
  background:#222;
}

html[data-theme="dark"] .s6-testimonial-tab {
  color:#fff;
  border-color:rgba(255,255,255,.18);
}

html[data-theme="dark"] .s6-testimonial-list,
html[data-theme="dark"] .s6-testimonials-footer {
  border-color:rgba(255,255,255,.18);
}

html[data-theme="dark"] .s6-testimonial-tab.is-active {
  background:rgba(255,255,255,.06);
}

html[data-theme="dark"] .s6-testimonial-tab::before {
  background:#fff;
}

html[data-theme="dark"] .s6-tab-info small,
html[data-theme="dark"] .s6-testimonials-footer {
  color:#999;
}

html[data-theme="dark"] .s6-testimonials-cta {
  color:#fff;
}

html[data-theme="dark"] .s6-testimonial-person {
  border-color:rgba(255,255,255,.22);
}

html[data-theme="dark"] .s6-testimonial-person span,
html[data-theme="dark"] .s6-testimonial-result span {
  color:#aaa;
}
/* =========================================================
   LEXORA HOME 2 — SECTION 07 DARK MODE
   ========================================================= */

html[data-theme="dark"] #lx-s7-tiers{
  background:#050505;
  color:#fff;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-index,
html[data-theme="dark"] #lx-s7-tiers .lx-s7-eyebrow,
html[data-theme="dark"] #lx-s7-tiers .lx-s7-intro,
html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-type,
html[data-theme="dark"] #lx-s7-tiers .lx-s7-includes{
  color:#aaa;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-title{
  color:#fff;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-title em{
  color:#aaa;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card{
  background:#111;
  color:#fff;
  border-color:rgba(255,255,255,.15);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card:hover{
  border-color:#fff;
  box-shadow:0 30px 70px rgba(0,0,0,.55);
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-featured{
  background:#fff;
  color:#050505;
  border-color:#fff;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-featured h3{
  color:#050505;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-featured .lx-s7-card-description{
  color:#444;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-featured .lx-s7-card-type,
html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-featured .lx-s7-includes{
  color:#555;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-featured .lx-s7-card-line{
  background:rgba(5,5,5,.18);
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-featured .lx-s7-divider{
  background:rgba(5,5,5,.15);
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-featured .lx-s7-features li{
  color:#222;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-featured .lx-s7-features i{
  color:#050505;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-featured .lx-s7-cta{
  color:#050505;
  border-color:rgba(5,5,5,.2);
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-popular{
  background:#050505;
  color:#fff;
  border-color:#050505;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-line{
  background:rgba(255,255,255,.18);
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-card-description,
html[data-theme="dark"] #lx-s7-tiers .lx-s7-features li{
  color:#d0d0d0;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-divider,
html[data-theme="dark"] #lx-s7-tiers .lx-s7-cta{
  border-color:rgba(255,255,255,.18);
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-features i,
html[data-theme="dark"] #lx-s7-tiers .lx-s7-cta{
  color:#fff;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-bottom-note{
  color:#888;
}

html[data-theme="dark"] #lx-s7-tiers .lx-s7-bottom-rule{
  background:rgba(255,255,255,.15);
}


/* =========================================================
   LEXORA HOME 2 — SECTION 08 DARK MODE
   ========================================================= */

html[data-theme="dark"] #lx-s8-final{
  background:#050505;
  color:#fff;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-index,
html[data-theme="dark"] #lx-s8-final .lx-s8-eyebrow{
  color:#aaa;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-title{
  color:#fff;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-title em{
  color:#aaa;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-description{
  color:#ccc;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-trust{
  border-color:rgba(255,255,255,.18);
}

html[data-theme="dark"] #lx-s8-final .lx-s8-trust strong{
  color:#fff;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-trust div span{
  color:#aaa;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-proof span{
  color:#777;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-form-card{
  background:#fff;
  color:#050505;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-form-heading{
  border-color:rgba(5,5,5,.15);
}

html[data-theme="dark"] #lx-s8-final .lx-s8-form-number,
html[data-theme="dark"] #lx-s8-final .lx-s8-form-eyebrow{
  color:#666;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-form-heading h3{
  color:#050505;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-field label{
  color:#222;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-input-wrap input{
  color:#050505;
  border-color:#bbb;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-input-wrap input::placeholder{
  color:#888;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-input-wrap input:focus{
  border-color:#050505;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-input-line{
  background:#050505;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-error{
  color:#050505;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-form-status{
  color:#555;
}

html[data-theme="dark"] #lx-s8-final .lx-s8-grid-lines{
  opacity:.2;
}
/* =========================================================
   LEXORA ABOUT US — HERO DARK MODE
   ========================================================= */

html[data-theme="dark"] #lxAboutBanner {

    background: #000000;

    color: #ffffff;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-image {

    filter:
        grayscale(100%)
        brightness(.52)
        contrast(1.12);
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.98) 0%,
            rgba(0,0,0,.84) 32%,
            rgba(0,0,0,.52) 65%,
            rgba(0,0,0,.65) 100%
        );
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-title {

    color: #ffffff;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-title span {

    color: #a6a6a6;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-description {

    color: #dedede;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-eyebrow {

    color: #bcbcbc;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-index {

    color: #ffffff;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-button {

    color: #000000;

    background: #ffffff;

    border-color: #ffffff;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-button::before {

    background: #000000;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-button:hover {

    color: #ffffff;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-link {

    color: #ffffff;

    border-color: rgba(255,255,255,.45);
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-link:hover {

    border-color: #ffffff;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-meta {

    color: #a9a9a9;
}


html[data-theme="dark"]
#lxAboutBanner .lx-about-banner-meta-line {

    background: rgba(255,255,255,.35);
}

/* =========================================================
   LEXORA ABOUT US — SECTION 2 DARK MODE
========================================================= */

html[data-theme="dark"] .lx-about-split {

    background: #050505;
    color: #f5f5f5;

}


html[data-theme="dark"] .lx-about-split-grid {

    opacity: 0.24;

    background-image:
        linear-gradient(
            to right,
            rgba(255, 255, 255, 0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.055) 1px,
            transparent 1px
        );

}


html[data-theme="dark"]
.lx-about-split-description {

    color: #bcbcbc;

}


html[data-theme="dark"]
.lx-about-split-meta-item span {

    color: #999999;

}


html[data-theme="dark"]
.lx-about-split-image {

    background: #181818;

    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.45);

}


html[data-theme="dark"]
.lx-about-split-image img {

    filter: grayscale(100%)
    contrast(0.92);

}


html[data-theme="dark"]
.lx-about-split-image:hover img {

    filter:
        grayscale(0%)
        contrast(1);

}


html[data-theme="dark"]
.lx-about-split-image-label {

    background: rgba(255, 255, 255, 0.96);
    color: #050505;

}


html[data-theme="dark"]
.lx-about-split-progress-line {

    background: rgba(255, 255, 255, 0.25);

}


html[data-theme="dark"]
.lx-about-split-progress-line::after {

    background: #ffffff;

}
/* =========================================================
   ABOUT US — SECTION 03 DARK MODE
========================================================= */

html.dark-mode .lx-about-s3,
body.dark-mode .lx-about-s3 {
    background: #080808;
    color: #f5f5f2;
}

html.dark-mode .lx-about-s3-description,
body.dark-mode .lx-about-s3-description,
html.dark-mode .lx-about-s3-stat p,
body.dark-mode .lx-about-s3-stat p,
html.dark-mode .lx-about-s3-profile p,
body.dark-mode .lx-about-s3-profile p {
    color: #bdbdbd;
}

html.dark-mode .lx-about-s3-stat,
body.dark-mode .lx-about-s3-stat,
html.dark-mode .lx-about-s3-team,
body.dark-mode .lx-about-s3-team {
    background: rgba(255,255,255,.025);
    border-color: rgba(255,255,255,.16);
}

html.dark-mode .lx-about-s3-profile,
body.dark-mode .lx-about-s3-profile {
    background: #171717;
}

html.dark-mode .lx-about-s3-profile::before,
body.dark-mode .lx-about-s3-profile::before {
    border-color: rgba(255,255,255,.06);
    box-shadow: 65px 0 0 -1px #222;
}

html.dark-mode .lx-about-s3-founder-overlay,
body.dark-mode .lx-about-s3-founder-overlay {
    background:
        linear-gradient(
            145deg,
            rgba(20,20,20,.15),
            rgba(20,20,20,.94)
        );
}

html.dark-mode .lx-about-s3-founder-info,
body.dark-mode .lx-about-s3-founder-info {
    color: #fff;
}

html.dark-mode .lx-about-s3-button,
body.dark-mode .lx-about-s3-button {
    color: #fff;
    border-color: rgba(255,255,255,.16);
}

html.dark-mode .lx-about-s3-button span,
body.dark-mode .lx-about-s3-button span {
    background: #fff;
    color: #050505;
}

html.dark-mode .lx-about-s3-button:hover,
body.dark-mode .lx-about-s3-button:hover {
    background: #fff;
    color: #050505;
}

html.dark-mode .lx-about-s3-button:hover span,
body.dark-mode .lx-about-s3-button:hover span {
    background: #050505;
    color: #fff;
}

html.dark-mode .lx-about-s3-arrow,
body.dark-mode .lx-about-s3-arrow {
    background: #f5f5f2;
    color: #080808;
}

html.dark-mode .lx-about-s3-avatar-more,
body.dark-mode .lx-about-s3-avatar-more {
    background: #fff !important;
    color: #080808;
}

html.dark-mode .lx-about-s3-avatars span,
body.dark-mode .lx-about-s3-avatars span {
    border-color: #080808;
}/* =========================================================
   LEXORA ABOUT US — SECTION 04
   DARK MODE
========================================================= */


/* -----------------------------------------------
   BACKGROUND + TEXT
----------------------------------------------- */

html.dark-mode .lx-about-s4,
body.dark-mode .lx-about-s4,
html.dark .lx-about-s4,
body.dark .lx-about-s4,
html[data-theme="dark"] .lx-about-s4,
body[data-theme="dark"] .lx-about-s4,
html[data-bs-theme="dark"] .lx-about-s4,
body[data-bs-theme="dark"] .lx-about-s4 {

    background: #080808;

    color: #f5f5f2;
}


/* -----------------------------------------------
   COPY
----------------------------------------------- */

html.dark-mode .lx-s4-title,
body.dark-mode .lx-s4-title,
html.dark .lx-s4-title,
body.dark .lx-s4-title,
html[data-theme="dark"] .lx-s4-title,
body[data-theme="dark"] .lx-s4-title,
html[data-bs-theme="dark"] .lx-s4-title,
body[data-bs-theme="dark"] .lx-s4-title {

    color: #f5f5f2;
}


html.dark-mode .lx-s4-description,
body.dark-mode .lx-s4-description,
html.dark .lx-s4-description,
body.dark .lx-s4-description,
html[data-theme="dark"] .lx-s4-description,
body[data-theme="dark"] .lx-s4-description,
html[data-bs-theme="dark"] .lx-s4-description,
body[data-bs-theme="dark"] .lx-s4-description {

    color: #b5b5b5;
}


/* -----------------------------------------------
   NUMBER / LABEL
----------------------------------------------- */

html.dark-mode .lx-s4-number,
body.dark-mode .lx-s4-number,
html.dark .lx-s4-number,
body.dark .lx-s4-number,
html[data-theme="dark"] .lx-s4-number,
body[data-theme="dark"] .lx-s4-number,
html[data-bs-theme="dark"] .lx-s4-number,
body[data-bs-theme="dark"] .lx-s4-number {

    color: #a7a7a7;
}


/* -----------------------------------------------
   SECTION LINE
----------------------------------------------- */

html.dark-mode .lx-s4-label-line,
body.dark-mode .lx-s4-label-line,
html.dark .lx-s4-label-line,
body.dark .lx-s4-label-line,
html[data-theme="dark"] .lx-s4-label-line,
body[data-theme="dark"] .lx-s4-label-line,
html[data-bs-theme="dark"] .lx-s4-label-line,
body[data-bs-theme="dark"] .lx-s4-label-line {

    background:
        rgba(255,255,255,.22);
}


/* -----------------------------------------------
   GIANT WORD
----------------------------------------------- */

html.dark-mode .lx-s4-bg-word,
body.dark-mode .lx-s4-bg-word,
html.dark .lx-s4-bg-word,
body.dark .lx-s4-bg-word,
html[data-theme="dark"] .lx-s4-bg-word,
body[data-theme="dark"] .lx-s4-bg-word,
html[data-bs-theme="dark"] .lx-s4-bg-word,
body[data-bs-theme="dark"] .lx-s4-bg-word {

    -webkit-text-stroke:
        1px rgba(255,255,255,.08);
}


/* -----------------------------------------------
   RINGS
----------------------------------------------- */

html.dark-mode .lx-s4-ring,
body.dark-mode .lx-s4-ring,
html.dark .lx-s4-ring,
body.dark .lx-s4-ring,
html[data-theme="dark"] .lx-s4-ring,
body[data-theme="dark"] .lx-s4-ring,
html[data-bs-theme="dark"] .lx-s4-ring,
body[data-bs-theme="dark"] .lx-s4-ring {

    border-color:
        rgba(255,255,255,.15);
}


/* -----------------------------------------------
   CENTER
----------------------------------------------- */

html.dark-mode .lx-s4-center,
body.dark-mode .lx-s4-center,
html.dark .lx-s4-center,
body.dark .lx-s4-center,
html[data-theme="dark"] .lx-s4-center,
body[data-theme="dark"] .lx-s4-center,
html[data-bs-theme="dark"] .lx-s4-center,
body[data-bs-theme="dark"] .lx-s4-center {

    background: #f5f5f2;

    color: #080808;

    box-shadow:
        0 20px 70px rgba(0,0,0,.5);
}


/* -----------------------------------------------
   ORBS
----------------------------------------------- */

html.dark-mode .lx-s4-orb,
body.dark-mode .lx-s4-orb,
html.dark .lx-s4-orb,
body.dark .lx-s4-orb,
html[data-theme="dark"] .lx-s4-orb,
body[data-theme="dark"] .lx-s4-orb,
html[data-bs-theme="dark"] .lx-s4-orb,
body[data-bs-theme="dark"] .lx-s4-orb {

    background: #f5f5f2;
}


/* -----------------------------------------------
   PROGRESS
----------------------------------------------- */

html.dark-mode .lx-s4-progress-track,
body.dark-mode .lx-s4-progress-track,
html.dark .lx-s4-progress-track,
body.dark .lx-s4-progress-track,
html[data-theme="dark"] .lx-s4-progress-track,
body[data-theme="dark"] .lx-s4-progress-track,
html[data-bs-theme="dark"] .lx-s4-progress-track,
body[data-bs-theme="dark"] .lx-s4-progress-track {

    background:
        rgba(255,255,255,.18);
}


html.dark-mode .lx-s4-progress-fill,
body.dark-mode .lx-s4-progress-fill,
html.dark .lx-s4-progress-fill,
body.dark .lx-s4-progress-fill,
html[data-theme="dark"] .lx-s4-progress-fill,
body[data-theme="dark"] .lx-s4-progress-fill,
html[data-bs-theme="dark"] .lx-s4-progress-fill,
body[data-bs-theme="dark"] .lx-s4-progress-fill {

    background: #f5f5f2;
}


html.dark-mode .lx-s4-progress-list span,
body.dark-mode .lx-s4-progress-list span,
html.dark .lx-s4-progress-list span,
body.dark .lx-s4-progress-list span,
html[data-theme="dark"] .lx-s4-progress-list span,
body[data-theme="dark"] .lx-s4-progress-list span,
html[data-bs-theme="dark"] .lx-s4-progress-list span,
body[data-bs-theme="dark"] .lx-s4-progress-list span {

    color: #666;
}


html.dark-mode .lx-s4-progress-list span.active,
body.dark-mode .lx-s4-progress-list span.active,
html.dark .lx-s4-progress-list span.active,
body.dark .lx-s4-progress-list span.active,
html[data-theme="dark"] .lx-s4-progress-list span.active,
body[data-theme="dark"] .lx-s4-progress-list span.active,
html[data-bs-theme="dark"] .lx-s4-progress-list span.active,
body[data-bs-theme="dark"] .lx-s4-progress-list span.active {

    color: #f5f5f2;
}


/* -----------------------------------------------
   SCROLL
----------------------------------------------- */

html.dark-mode .lx-s4-scroll,
body.dark-mode .lx-s4-scroll,
html.dark .lx-s4-scroll,
body.dark .lx-s4-scroll,
html[data-theme="dark"] .lx-s4-scroll,
body[data-theme="dark"] .lx-s4-scroll,
html[data-bs-theme="dark"] .lx-s4-scroll,
body[data-bs-theme="dark"] .lx-s4-scroll {

    color: #999;
}


html.dark-mode .lx-s4-mouse,
body.dark-mode .lx-s4-mouse,
html.dark .lx-s4-mouse,
body.dark .lx-s4-mouse,
html[data-theme="dark"] .lx-s4-mouse,
body[data-theme="dark"] .lx-s4-mouse,
html[data-bs-theme="dark"] .lx-s4-mouse,
body[data-bs-theme="dark"] .lx-s4-mouse {

    border-color: #999;
}


html.dark-mode .lx-s4-mouse b,
body.dark-mode .lx-s4-mouse b,
html.dark .lx-s4-mouse b,
body.dark .lx-s4-mouse b,
html[data-theme="dark"] .lx-s4-mouse b,
body[data-theme="dark"] .lx-s4-mouse b,
html[data-bs-theme="dark"] .lx-s4-mouse b,
body[data-bs-theme="dark"] .lx-s4-mouse b {

    background: #999;
}/* =========================================================
   LEXORA ABOUT US — SECTION 05 DARK MODE
========================================================= */

html[data-theme="dark"] #lxAboutPerspectives {

    --lx-p-bg: #050505;
    --lx-p-text: #ffffff;
    --lx-p-muted: #b0b0b0;
    --lx-p-line: rgba(255,255,255,.18);

    background: #050505;
    color: #ffffff;
}


html[data-theme="dark"]
#lxAboutPerspectives .lx-perspectives-bg {

    opacity: .28;

    background-image:
        linear-gradient(
            rgba(255,255,255,.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.055) 1px,
            transparent 1px
        );
}


html[data-theme="dark"]
#lxAboutPerspectives .lx-perspectives-title span {

    color: #a5a5a5;
}


html[data-theme="dark"]
#lxAboutPerspectives .lx-perspectives-intro {

    color: #b0b0b0;
}


html[data-theme="dark"]
#lxAboutPerspectives .lx-perspectives-footer {

    border-color: rgba(255,255,255,.18);
}


html[data-theme="dark"]
#lxAboutPerspectives .lx-perspectives-footer-line {

    background: rgba(255,255,255,.18);
}

/* Keep non-featured section 7 card headings readable on dark card backgrounds. */
html[data-theme="dark"] #lx-s7-tiers .lx-s7-card:not(.lx-s7-card-featured) h3 {
  color: #fff;
}
