/* =========================================================
   POWERCORE THEME VARIABLES
   ========================================================= */

:root,
html[data-theme="light"] {

    --bg-primary: #F7F5F1;

    --text-primary: #202A30;
    --text-secondary: #596A73;

    /* BRIGHT ORANGE */
    --accent: #FF8A00;
    --accent-hover: #E87500;

    /* EMERGENCY */
    --emergency: #C94F49;

    --button-text: #FFFFFF;

    --border-color: rgba(32, 42, 48, 0.14);

    --control-bg: rgba(32, 42, 48, 0.035);

    --dropdown-bg: #FFFFFF;

    --mobile-menu-bg: #F7F5F1;

    --accent-soft: rgba(255, 138, 0, 0.10);

    --dropdown-shadow:
        0 18px 45px rgba(32, 42, 48, 0.15);
}


/* =========================================================
   DARK MODE
   ========================================================= */

html.dark-mode,
html[data-theme="dark"] {

    --bg-primary: #101619;

    --text-primary: #F3F1EC;

    --text-secondary: #A7B4BA;

    /* BRIGHT ORANGE */
    --accent: #FF9D2E;
    --accent-hover: #FFB14A;

    /* EMERGENCY */
    --emergency: #D9655E;

    --button-text: #101619;

    --border-color:
        rgba(243, 241, 236, 0.13);

    --control-bg:
        rgba(243, 241, 236, 0.045);

    --dropdown-bg: #151D21;

    --mobile-menu-bg: #101619;

    --accent-soft:
        rgba(255, 157, 46, 0.13);

    --dropdown-shadow:
        0 18px 45px rgba(0, 0, 0, 0.45);

    --pc-bg-primary: #101619;
    --pc-bg-secondary: #151D21;
    --pc-bg-soft: #202A30;
    --pc-bg-card: #151D21;
    --pc-text-primary: #F3F1EC;
    --pc-text-secondary: #A7B4BA;
    --pc-text-muted: #89979D;
    --pc-border: rgba(243, 241, 236, 0.13);
    --pc-border-strong: rgba(243, 241, 236, 0.22);
}
/* =========================================================
   GLOBAL THEME
   ========================================================= */

html,
body {
    background: var(--bg-primary);

    color: var(--text-primary);
}


/* =========================================================
   NAVBAR
   ========================================================= */

.pc-navbar {
    background: var(--bg-primary);

    color: var(--text-primary);
}


.pc-brand-name {
    color: var(--text-primary);
}


.pc-nav-link {
    color: var(--text-primary);
}


.pc-nav-link:hover,
.pc-nav-link.active {
    color: var(--accent);
}


.pc-dropdown-menu {
    background: var(--dropdown-bg);

    border-color: var(--border-color);

    box-shadow: var(--dropdown-shadow);
}


.pc-dropdown-link {
    color: var(--text-primary);
}


.pc-dropdown-link:hover,
.pc-dropdown-link.active {
    color: var(--accent);

    background: var(--accent-soft);
}


/* =========================================================
   LOGO
   ========================================================= */

.pc-logo-box {
    background: var(--accent);

    border-color: var(--accent);

    color: #FFFFFF;

    box-shadow:
        0 4px 14px rgba(255, 138, 0, 0.20);
}


/* =========================================================
   CONTROLS
   ========================================================= */

.pc-theme-toggle,
.pc-rtl-toggle,
.pc-menu-toggle,
.pc-mobile-close {
    background: var(--control-bg);

    color: var(--text-primary);

    border-color: var(--border-color);
}


.pc-theme-toggle:hover,
.pc-rtl-toggle:hover,
.pc-menu-toggle:hover,
.pc-mobile-close:hover {
    color: var(--accent);

    border-color: var(--accent);
}


/* =========================================================
   LOGIN
   ========================================================= */

.pc-login-btn {
    background: var(--accent);

    border-color: var(--accent);

    color: var(--button-text);
}


.pc-login-btn:hover {
    background: var(--accent-hover);

    border-color: var(--accent-hover);

    color: var(--button-text);
}


/* =========================================================
   MOBILE MENU
   ========================================================= */

.pc-mobile-menu {
    background: var(--mobile-menu-bg);

    color: var(--text-primary);

    border-color: var(--border-color);
}


.pc-mobile-brand {
    color: var(--text-primary);
}


.pc-mobile-nav-link {
    color: var(--text-primary);

    border-color: var(--border-color);
}


.pc-mobile-nav-link:hover,
.pc-mobile-nav-link.active {
    color: var(--accent);
}


.pc-mobile-dropdown-link {
    color: var(--text-secondary);

    border-color: var(--border-color);
}


.pc-mobile-dropdown-link:hover,
.pc-mobile-dropdown-link.active {
    color: var(--accent);

    background: var(--accent-soft);
}

/* =========================================================
   POWERCORE HOME 1 HERO
   DARK MODE
   ========================================================= */

html.dark-mode .pc-h1-hero,
html[data-theme="dark"] .pc-h1-hero {

    background: #101619;
}


/* =========================================================
   GRAPHITE CONTENT
   ========================================================= */

html.dark-mode .pc-h1-hero-content,
html[data-theme="dark"] .pc-h1-hero-content {

    background: #151D21;

    color: #F3F1EC;
}


/* =========================================================
   TEXT
   ========================================================= */

html.dark-mode .pc-h1-title,
html[data-theme="dark"] .pc-h1-title {

    color: #F3F1EC;
}


html.dark-mode .pc-h1-title span,
html[data-theme="dark"] .pc-h1-title span {

    color: #FF9D2E;
}


html.dark-mode .pc-h1-description,
html[data-theme="dark"] .pc-h1-description {

    color: #D4DEE2;
}


/* =========================================================
   EYEBROW
   ========================================================= */

html.dark-mode .pc-h1-eyebrow,
html[data-theme="dark"] .pc-h1-eyebrow {

    color: #FF9D2E;
}


html.dark-mode .pc-h1-eyebrow-line,
html[data-theme="dark"] .pc-h1-eyebrow-line {

    background: #FF9D2E;
}


/* =========================================================
   PRIMARY BUTTON
   ========================================================= */

html.dark-mode .pc-h1-btn-primary,
html[data-theme="dark"] .pc-h1-btn-primary {

    background: #FF9D2E;

    border-color: #FF9D2E;

    color: var(--pcx-graphite);
}


html.dark-mode .pc-h1-btn-primary:hover,
html[data-theme="dark"] .pc-h1-btn-primary:hover {

    background: #FFB14A;

    border-color: #FFB14A;

    color: var(--pcx-graphite);
}


/* =========================================================
   SECONDARY BUTTON
   ========================================================= */

html.dark-mode .pc-h1-btn-secondary,
html[data-theme="dark"] .pc-h1-btn-secondary {

    color: var(--pcx-graphite);

    border-color: rgba(243, 241, 236, 0.35);
}


html.dark-mode .pc-h1-btn-secondary:hover,
html[data-theme="dark"] .pc-h1-btn-secondary:hover {

    color: var(--pcx-graphite);

    border-color: #FF9D2E;
}


/* =========================================================
   HIGHLIGHTS
   ========================================================= */

html.dark-mode .pc-h1-highlight strong,
html[data-theme="dark"] .pc-h1-highlight strong {

    color: #F3F1EC;
}


html.dark-mode .pc-h1-highlight span,
html[data-theme="dark"] .pc-h1-highlight span {

    color: #AEBBC0;
}


html.dark-mode .pc-h1-highlight-divider,
html[data-theme="dark"] .pc-h1-highlight-divider {

    background: rgba(243, 241, 236, 0.18);
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

html.dark-mode .pc-h1-visual,
html[data-theme="dark"] .pc-h1-visual {

    background: #0B1013;
}


/* =========================================================
   ORANGE INDICATORS
   ========================================================= */

html.dark-mode .pc-h1-indicator.active,
html[data-theme="dark"] .pc-h1-indicator.active {

    color: #FF9D2E;
}


html.dark-mode .pc-h1-indicator.active i,
html[data-theme="dark"] .pc-h1-indicator.active i {

    background: #FF9D2E;
}


html.dark-mode .pc-h1-scroll-hint i,
html[data-theme="dark"] .pc-h1-scroll-hint i {

    background: #FF9D2E;
}


html.dark-mode .pc-h1-caption-number,
html[data-theme="dark"] .pc-h1-caption-number {

    color: #FF9D2E;
}

/* =========================================================
   POWERCORE HOMEPAGE 1 — DARK MODE
   ========================================================= */

html.dark-mode,
body.dark-mode {

    --pcx-bg: #101619;
    --pcx-bg-alt: #171E22;

    --pcx-graphite: #080D10;

    --pcx-text: #F3F1EC;
    --pcx-muted: #A7B4BA;

    --pcx-orange: #FF9700;
    --pcx-orange-hover: #FFAA2E;

    --pcx-line: rgba(243, 241, 236, .15);
}


/* overview */

.dark-mode .pcx-overview-number {
    color: rgba(243, 241, 236, .025);
}


/* brands */

.dark-mode .pcx-brands {
    background: #080D10;
}

.dark-mode .pcx-brand-box {
    background: #FF9700;
    color: #101619;
}


/* services */

.dark-mode .pcx-service-image-stage {
    background: #080D10;
}


/* field */

.dark-mode .pcx-field {
    background: #080D10;
}

.dark-mode .pcx-field-content h2 {
    color: #F3F1EC;
}


/* CTA */

.dark-mode .pcx-cta {
    background: #080D10;
}

.dark-mode .pcx-cta h2 {
    color: #F3F1EC;
}


/* route */

.dark-mode .pcx-route-point > span {
    background: #FF9700;
    color: #101619;
}


/* links */

.dark-mode .pcx-text-link {
    color: #F3F1EC;
}

.dark-mode .pcx-text-link:hover {
    color: #FF9700;
}

.dark-mode .pcx-overview .pcx-text-link,
.dark-mode .pcx-field-content .pcx-text-link,
.dark-mode .pcx-area-intro .pcx-text-link,
.dark-mode .pcx-overview .pcx-text-link:hover,
.dark-mode .pcx-field-content .pcx-text-link:hover,
.dark-mode .pcx-area-intro .pcx-text-link:hover,
.dark-mode .pcx-overview .pcx-text-link span,
.dark-mode .pcx-field-content .pcx-text-link span,
.dark-mode .pcx-area-intro .pcx-text-link span {
    color: var(--pcx-graphite);
}


/* capacity */

.dark-mode .pcx-capacity-node strong,
.dark-mode .pcx-stat-line strong,
.dark-mode .pcx-why-item strong,
.dark-mode .pcx-route-point strong,
.dark-mode .pcx-service-item strong,
.dark-mode .pcx-process-step strong {
    color: #F3F1EC;
}

/* =========================================================
   SECTION 07 — PERFORMANCE ANALYTICS
   DARK MODE
   ========================================================= */

html.dark-mode .pcx-why.pcx-analytics,
html[data-theme="dark"] .pcx-why.pcx-analytics,
body.dark-mode .pcx-why.pcx-analytics {

    background: #080D10;

    color: #F3F1EC;

}


html.dark-mode .pcx-analytics .pcx-index,
html[data-theme="dark"] .pcx-analytics .pcx-index,
body.dark-mode .pcx-analytics .pcx-index {

    color: #A7B4BA;

}


html.dark-mode .pcx-analytics-copy h2,
html[data-theme="dark"] .pcx-analytics-copy h2,
body.dark-mode .pcx-analytics-copy h2 {

    color: #F3F1EC;

}


html.dark-mode .pcx-analytics-copy p,
html[data-theme="dark"] .pcx-analytics-copy p,
body.dark-mode .pcx-analytics-copy p {

    color: #A7B4BA;

}


html.dark-mode .pcx-analytics-metric-value,
html[data-theme="dark"] .pcx-analytics-metric-value,
body.dark-mode .pcx-analytics-metric-value {

    color: #F3F1EC;

}


html.dark-mode .pcx-analytics-bottom,
html[data-theme="dark"] .pcx-analytics-bottom,
body.dark-mode .pcx-analytics-bottom {

    color: #87969D;

}

/* =========================================================
   POWERCORE FOOTER — DARK MODE
   ========================================================= */

html.dark-mode .pc-footer,
html[data-theme="dark"] .pc-footer,
body.dark-mode .pc-footer {

    background: #101619;

    color: #F3F1EC;

}


html.dark-mode .pc-footer-logo,
html[data-theme="dark"] .pc-footer-logo,
body.dark-mode .pc-footer-logo {

    color: #F3F1EC;

}


html.dark-mode .pc-footer-description,
html[data-theme="dark"] .pc-footer-description,
body.dark-mode .pc-footer-description {

    color: #A7B4BA;

}


html.dark-mode .pc-footer-column h3,
html[data-theme="dark"] .pc-footer-column h3,
body.dark-mode .pc-footer-column h3,

html.dark-mode .pc-footer-newsletter h3,
html[data-theme="dark"] .pc-footer-newsletter h3,
body.dark-mode .pc-footer-newsletter h3 {

    color: #F3F1EC;

}


html.dark-mode .pc-footer-emergency strong,
html[data-theme="dark"] .pc-footer-emergency strong,
body.dark-mode .pc-footer-emergency strong {

    color: #F3F1EC;

}


html.dark-mode .pc-footer-newsletter > p,
html[data-theme="dark"] .pc-footer-newsletter > p,
body.dark-mode .pc-footer-newsletter > p {

    color: #A7B4BA;

}


html.dark-mode .pc-footer-newsletter-form input,
html[data-theme="dark"] .pc-footer-newsletter-form input,
body.dark-mode .pc-footer-newsletter-form input {

    color: #F3F1EC;

}

/* =========================================================================
   POWERCORE — HOMEPAGE 2 CREATIVE SECTIONS — DARK MODE FINE-TUNING
   Paste this block at the very end of assets/css/dark.css
   Note: .pcx-hm2 already inherits --pcx-bg / --pcx-text / --pcx-orange /
   etc, which flip automatically in dark mode (see the html.dark-mode
   block earlier in this file), so most of home2 needs no extra rules.
   These only sharpen a few glow/contrast details for dark mode.
   ========================================================================= */

html.dark-mode .pcx-hm2-panel,
html[data-theme="dark"] .pcx-hm2-panel {
    background: linear-gradient(155deg, rgba(255,138,0,.14), #05070a 55%);
    border-color: rgba(255,157,46,.4);
}

html.dark-mode .pcx-hm2-dash::before,
html[data-theme="dark"] .pcx-hm2-dash::before {
    opacity: .8;
}

html.dark-mode .pcx-hm2-pill,
html[data-theme="dark"] .pcx-hm2-pill {
    background: rgba(255,157,46,.06);
}

html.dark-mode .pcx-hm2-hex::after,
html[data-theme="dark"] .pcx-hm2-hex::after {
    background: linear-gradient(200deg, rgba(255,138,0,0) 30%, rgba(255,138,0,.7) 100%);
}

html.dark-mode .pcx-hm2-step-node,
html[data-theme="dark"] .pcx-hm2-step-node {
    box-shadow: 0 0 0 6px var(--pcx-bg), 0 0 34px rgba(255,151,0,.6);
}

/* =========================================================
   POWERCORE HOME 2 HERO — DARK MODE
   ========================================================= */

body.dark-mode .pc-h2-hero,
html.dark-mode .pc-h2-hero,
.dark-mode .pc-h2-hero {
    background: #101619;
    color: #F3F1EC;
}

body.dark-mode .pc-h2-hero-title,
html.dark-mode .pc-h2-hero-title,
.dark-mode .pc-h2-hero-title {
    color: #F3F1EC;
}

body.dark-mode .pc-h2-hero-description,
html.dark-mode .pc-h2-hero-description,
.dark-mode .pc-h2-hero-description {
    color: #B8C2C6;
}

body.dark-mode .pc-h2-floating-part,
html.dark-mode .pc-h2-floating-part,
.dark-mode .pc-h2-floating-part {
    background: rgba(16, 22, 25, 0.78);
}

body.dark-mode .pc-h2-floating-part strong,
html.dark-mode .pc-h2-floating-part strong,
.dark-mode .pc-h2-floating-part strong {
    color: #F3F1EC;
}

body.dark-mode .pc-h2-hero-secondary,
html.dark-mode .pc-h2-hero-secondary,
.dark-mode .pc-h2-hero-secondary {
    color: #202A30;
    background: #FF8A00;
    border-color: #FF8A00;
}

body.dark-mode .pc-h2-hero-secondary:hover,
html.dark-mode .pc-h2-hero-secondary:hover,
.dark-mode .pc-h2-hero-secondary:hover {
    color: #202A30;
    background: #E87500;
    border-color: #E87500;
}

body.dark-mode .pc-h2-metric span,
html.dark-mode .pc-h2-metric span,
.dark-mode .pc-h2-metric span {
    color: #A7B4BA;
}

body.dark-mode .pc-h2-load-meter,
html.dark-mode .pc-h2-load-meter,
.dark-mode .pc-h2-load-meter {
    background: rgba(16, 22, 25, 0.78);
}

body.dark-mode .pc-h2-load-title,
html.dark-mode .pc-h2-load-title,
.dark-mode .pc-h2-load-title {
    color: #A7B4BA;
}

/* =========================================================
   HOME 2 — SECTION 2
   POWER ARCHITECTURE THEME
   ========================================================= */

/* LIGHT MODE */

:root,
html[data-theme="light"] {

    --pc-h2-arch-bg: #202A30;
    --pc-h2-arch-surface: #171E22;

    --pc-h2-arch-text: #F3F1EC;
    --pc-h2-arch-muted: #A7B4BA;

    --pc-h2-arch-orange: #FF8A00;
}
/* =========================================================
   POWERCORE HOME 2 — SECTION 2
   LIGHT MODE TEXT VISIBILITY
   Matches Home2 Hero readability
   ========================================================= */

html:not(.dark-mode) .pc-h2-architecture,
html[data-theme="light"] .pc-h2-architecture {

    --arch-text: #202A30;
    --arch-muted: #596A73;
    --arch-orange: #FF8A00;
    --arch-orange-bright: #E87500;
}


/* Main heading */

html:not(.dark-mode) .pc-h2-arch-intro h2,
html[data-theme="light"] .pc-h2-arch-intro h2 {

    color: #202A30 !important;
}


/* Orange part of heading */

html:not(.dark-mode) .pc-h2-arch-intro h2 span,
html[data-theme="light"] .pc-h2-arch-intro h2 span {

    color: #FF8A00 !important;
}


/* Intro paragraph */

html:not(.dark-mode) .pc-h2-arch-intro p,
html[data-theme="light"] .pc-h2-arch-intro p {

    color: #596A73 !important;
}


/* Technical index */

html:not(.dark-mode) .pc-h2-arch-index,
html[data-theme="light"] .pc-h2-arch-index {

    color: #596A73 !important;
}


html:not(.dark-mode) .pc-h2-arch-index span,
html[data-theme="light"] .pc-h2-arch-index span {

    color: #FF8A00 !important;
}


/* Service / architecture headings */

html:not(.dark-mode) .pc-h2-arch-info h3,
html[data-theme="light"] .pc-h2-arch-info h3 {

    color: #202A30 !important;
}


/* Description text */

html:not(.dark-mode) .pc-h2-arch-info p,
html[data-theme="light"] .pc-h2-arch-info p {

    color: #596A73 !important;
}


/* Orange labels */

html:not(.dark-mode) .pc-h2-arch-label,
html[data-theme="light"] .pc-h2-arch-label {

    color: #FF8A00 !important;
}


/* Numbers */

html:not(.dark-mode) .pc-h2-arch-number,
html[data-theme="light"] .pc-h2-arch-number {

    color: #FF8A00 !important;
}


/* Readout text */

html:not(.dark-mode) .pc-h2-arch-readout strong,
html[data-theme="light"] .pc-h2-arch-readout strong {

    color: #202A30 !important;
}


html:not(.dark-mode) .pc-h2-arch-readout small,
html[data-theme="light"] .pc-h2-arch-readout small {

    color: #FF8A00 !important;
}


/* Timeline heading */

html:not(.dark-mode) .pc-h2-arch-timeline-heading strong,
html[data-theme="light"] .pc-h2-arch-timeline-heading strong {

    color: #596A73 !important;
}


html:not(.dark-mode) .pc-h2-arch-timeline-heading span,
html[data-theme="light"] .pc-h2-arch-timeline-heading span {

    color: #FF8A00 !important;
}


/* Timeline labels */

html:not(.dark-mode) .pc-h2-arch-step div span,
html[data-theme="light"] .pc-h2-arch-step div span {

    color: #202A30 !important;
}


/* Timeline numbers */

html:not(.dark-mode) .pc-h2-arch-step strong,
html[data-theme="light"] .pc-h2-arch-step strong {

    color: #FF8A00 !important;
}


/* =========================================================
   LIGHT MODE — TECHNICAL LINES
   ========================================================= */

html:not(.dark-mode) .pc-h2-arch-line,
html[data-theme="light"] .pc-h2-arch-line {

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(255,138,0,.55) 20%,
            rgba(32,42,48,.12) 50%,
            rgba(255,138,0,.55) 80%,
            transparent
        );
}


html:not(.dark-mode) .pc-h2-arch-timeline,
html[data-theme="light"] .pc-h2-arch-timeline {

    border-top-color:
        rgba(32,42,48,.14);
}


html:not(.dark-mode) .pc-h2-arch-track::before,
html[data-theme="light"] .pc-h2-arch-track::before {

    background:
        rgba(32,42,48,.22);
}


/* =========================================================
   LIGHT MODE — TECHNICAL READOUT
   ========================================================= */

html:not(.dark-mode) .pc-h2-arch-readout,
html[data-theme="light"] .pc-h2-arch-readout {

    background:
        rgba(255,255,255,.88);

    border-left-color:
        rgba(255,138,0,.65);

    box-shadow:
        0 12px 30px rgba(32,42,48,.12);
}

/* DARK MODE */

html.dark-mode,
html[data-theme="dark"] {

    --pc-h2-arch-bg: #101619;
    --pc-h2-arch-surface: #0B1013;

    --pc-h2-arch-text: #F3F1EC;
    --pc-h2-arch-muted: #A7B4BA;

    --pc-h2-arch-orange: #FF9D2E;
}


/* Section */

html.dark-mode .pc-h2-architecture,
html[data-theme="dark"] .pc-h2-architecture {

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(255,157,46,.10),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #0B1013 0%,
            #101619 48%,
            #080B0D 100%
        );
}


/* Keep every important text visible */

html.dark-mode .pc-h2-arch-intro h2,
html[data-theme="dark"] .pc-h2-arch-intro h2,

html.dark-mode .pc-h2-arch-info h3,
html[data-theme="dark"] .pc-h2-arch-info h3,

html.dark-mode .pc-h2-arch-step div span,
html[data-theme="dark"] .pc-h2-arch-step div span,

html.dark-mode .pc-h2-arch-readout strong,
html[data-theme="dark"] .pc-h2-arch-readout strong {

    color: #F3F1EC;
}


html.dark-mode .pc-h2-arch-intro p,
html[data-theme="dark"] .pc-h2-arch-intro p,

html.dark-mode .pc-h2-arch-info p,
html[data-theme="dark"] .pc-h2-arch-info p {

    color: #A7B4BA;
}


/* Orange */

html.dark-mode .pc-h2-arch-index span,
html[data-theme="dark"] .pc-h2-arch-index span,

html.dark-mode .pc-h2-arch-label,
html[data-theme="dark"] .pc-h2-arch-label,

html.dark-mode .pc-h2-arch-step strong,
html[data-theme="dark"] .pc-h2-arch-step strong {

    color: #FF9D2E;
}


/* Dark mode buttons */

html.dark-mode .pc-h2-arch-button-primary,
html[data-theme="dark"] .pc-h2-arch-button-primary {

    background: #FF9D2E;

    color: #101619 !important;
}


html.dark-mode .pc-h2-arch-button-secondary,
html[data-theme="dark"] .pc-h2-arch-button-secondary {

    color: #F3F1EC !important;

    border-color:
        rgba(243,241,236,.28);
}


/* Technical readouts */

html.dark-mode .pc-h2-arch-readout,
html[data-theme="dark"] .pc-h2-arch-readout {

    background:
        rgba(8,11,13,.78);

    border-left-color:
        rgba(255,157,46,.55);
}

/* =========================================================================
   POWERCORE — HOMEPAGE 2 — SECTION 3 GALLERY — DARK MODE
   Paste at the end of assets/css/dark.css
   Scoped to .pcx-hm2-gallery-v* only. Most of it already inherits
   theme-aware --pcx-* tokens automatically — this just sharpens the
   glow/contrast a touch for dark backgrounds.
   ========================================================================= */

html.dark-mode .pcx-hm2-gallery-v-item,
html[data-theme="dark"] .pcx-hm2-gallery-v-item {
    box-shadow: 0 18px 40px rgba(0,0,0,.5);
}

html.dark-mode .pcx-hm2-gallery-v-item:hover,
html[data-theme="dark"] .pcx-hm2-gallery-v-item:hover {
    box-shadow: 0 24px 55px rgba(255,138,0,.4);
}

html.dark-mode .pcx-hm2-gallery-v-item img,
html[data-theme="dark"] .pcx-hm2-gallery-v-item img {
    filter: saturate(.85) brightness(.94);
}

html.dark-mode .pcx-hm2-gallery-v-item:hover img,
html[data-theme="dark"] .pcx-hm2-gallery-v-item:hover img {
    filter: saturate(1) brightness(1);
}

/* =========================================================================
   POWERCORE HOME 2
   STATS + FIELD RESPONSE — DARK MODE
   ========================================================================= */


/* =========================================================
   FIELD SERVICE BACKGROUND
   ========================================================= */

html.dark-mode .pc-h2-field-response,
html[data-theme="dark"] .pc-h2-field-response,
body.dark-mode .pc-h2-field-response {
    background: #101619;
    color: #F3F1EC;
}


/* Technical grid */
html.dark-mode .pc-h2-field-grid,
html[data-theme="dark"] .pc-h2-field-grid,
body.dark-mode .pc-h2-field-grid {
    opacity: .32;
}


/* Heading */
html.dark-mode .pc-h2-field-content h2,
html[data-theme="dark"] .pc-h2-field-content h2,
body.dark-mode .pc-h2-field-content h2 {
    color: #F3F1EC;
}


/* Supporting paragraph */
html.dark-mode .pc-h2-field-content p,
html[data-theme="dark"] .pc-h2-field-content p,
body.dark-mode .pc-h2-field-content p {
    color: #A7B4BA;
}


/* Technical timeline labels */
html.dark-mode .pc-h2-field-stage-label strong,
html[data-theme="dark"] .pc-h2-field-stage-label strong,
body.dark-mode .pc-h2-field-stage-label strong {
    color: #F3F1EC;
}


/* Timeline node */
html.dark-mode .pc-h2-field-stage-node,
html[data-theme="dark"] .pc-h2-field-stage-node,
body.dark-mode .pc-h2-field-stage-node {
    background: #101619;
}


/* Engineer image */
html.dark-mode .pc-h2-field-man img,
html[data-theme="dark"] .pc-h2-field-man img,
body.dark-mode .pc-h2-field-man img {
    filter:
        saturate(.82)
        contrast(1.06)
        brightness(.78);
}


/* =========================================================
   HOME 2 — STATS
   DARK MODE
   ========================================================= */

/*
 * Stats stays ELECTRIC ORANGE in both themes.
 * This keeps it consistent with Home 1 marquee.
 */

html.dark-mode .pc-h2-stats,
html[data-theme="dark"] .pc-h2-stats,
body.dark-mode .pc-h2-stats {

    background: #FF8A00 !important;

    color: #202A30 !important;
}

html:not(.dark-mode) .pc-h2-stats,
html[data-theme="light"] .pc-h2-stats,
body:not(.dark-mode) .pc-h2-stats {
    background: #FF8A00 !important;
}


/* =========================================================
   GRID
   ========================================================= */

html.dark-mode .pc-h2-stats-grid,
html[data-theme="dark"] .pc-h2-stats-grid,
body.dark-mode .pc-h2-stats-grid {

    background-image:
        linear-gradient(
            rgba(32, 42, 48, .09) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(32, 42, 48, .09) 1px,
            transparent 1px
        );

    opacity: .85;
}


/* =========================================================
   WAVEFORM
   ========================================================= */

html.dark-mode .pc-h2-wave-block,
html[data-theme="dark"] .pc-h2-wave-block,
body.dark-mode .pc-h2-wave-block {

    /*
     * GRAPHITE waveform.
     * NEVER white.
     */

    background: rgba(
        32,
        42,
        48,
        .22
    ) !important;

    border-color: rgba(
        32,
        42,
        48,
        .20
    ) !important;

    opacity: .95;
}


/* =========================================================
   ENERGY LINES
   ========================================================= */

html.dark-mode .pc-h2-stats-energy,
html[data-theme="dark"] .pc-h2-stats-energy,
body.dark-mode .pc-h2-stats-energy {

    background: rgba(
        32,
        42,
        48,
        .38
    ) !important;
}


/* =========================================================
   NUMBERS
   ========================================================= */

html.dark-mode .pc-h2-stat-number,
html[data-theme="dark"] .pc-h2-stat-number,
body.dark-mode .pc-h2-stat-number {

    color: #202A30 !important;

    text-shadow: none !important;

    opacity: 1 !important;
}


/* =========================================================
   UNITS
   ========================================================= */

html.dark-mode .pc-h2-stat-unit,
html[data-theme="dark"] .pc-h2-stat-unit,
body.dark-mode .pc-h2-stat-unit {

    color: #202A30 !important;

    opacity: 1 !important;
}


/* =========================================================
   LABELS
   ========================================================= */

html.dark-mode .pc-h2-stat-item small,
html[data-theme="dark"] .pc-h2-stat-item small,
body.dark-mode .pc-h2-stat-item small {

    color: #202A30 !important;

    opacity: 1 !important;
}


/* =========================================================
   DIVIDERS
   ========================================================= */

html.dark-mode .pc-h2-stat-item:not(:last-child)::after,
html[data-theme="dark"] .pc-h2-stat-item:not(:last-child)::after,
body.dark-mode .pc-h2-stat-item:not(:last-child)::after {

    background: rgba(
        32,
        42,
        48,
        .25
    ) !important;
}


html.dark-mode .pc-h2-stat-item:nth-child(3)::before,
html.dark-mode .pc-h2-stat-item:nth-child(4)::before,
html[data-theme="dark"] .pc-h2-stat-item:nth-child(3)::before,
html[data-theme="dark"] .pc-h2-stat-item:nth-child(4)::before,
body.dark-mode .pc-h2-stat-item:nth-child(3)::before,
body.dark-mode .pc-h2-stat-item:nth-child(4)::before {

    background: rgba(
        32,
        42,
        48,
        .20
    ) !important;
}

/* =========================================================
   FIELD SERVICE BUTTON
   ========================================================= */

html.dark-mode .pc-h2-field-button,
html[data-theme="dark"] .pc-h2-field-button,
body.dark-mode .pc-h2-field-button {
    background: #FF9D2E;
    color: #101619;
}


html.dark-mode .pc-h2-field-button:hover,
html[data-theme="dark"] .pc-h2-field-button:hover,
body.dark-mode .pc-h2-field-button:hover {
    background: #FFB14A;
    color: #101619;
}
/* =========================================================
   HOME 2 — FIELD VOICES
   DARK MODE
   ========================================================= */

html.dark-mode .pc-h2-field-voices,
html[data-theme="dark"] .pc-h2-field-voices,
body.dark-mode .pc-h2-field-voices {

    background: #101619 !important;

    color: #F3F1EC !important;
}


/* =========================================================
   GRID
   ========================================================= */

html.dark-mode .pc-h2-voices-grid,
html[data-theme="dark"] .pc-h2-voices-grid,
body.dark-mode .pc-h2-voices-grid {

    background-image:
        linear-gradient(
            rgba(243, 241, 236, .045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(243, 241, 236, .045) 1px,
            transparent 1px
        );

    opacity: .9;
}


/* =========================================================
   ORANGE GLOW
   ========================================================= */

html.dark-mode .pc-h2-voices-glow,
html[data-theme="dark"] .pc-h2-voices-glow,
body.dark-mode .pc-h2-voices-glow {

    background:
        radial-gradient(
            circle,
            rgba(255, 157, 46, .22) 0%,
            rgba(255, 157, 46, .11) 32%,
            rgba(255, 157, 46, 0) 72%
        );

    opacity: 1;
}


/* =========================================================
   INTRO KICKER
   ========================================================= */

html.dark-mode .pc-h2-voices-kicker,
html[data-theme="dark"] .pc-h2-voices-kicker,
body.dark-mode .pc-h2-voices-kicker {

    color: #F3F1EC !important;
}


/* =========================================================
   HEADING
   ========================================================= */

html.dark-mode .pc-h2-voices-intro h2,
html[data-theme="dark"] .pc-h2-voices-intro h2,
body.dark-mode .pc-h2-voices-intro h2 {

    color: #F3F1EC !important;
}


html.dark-mode .pc-h2-voices-intro h2 span,
html[data-theme="dark"] .pc-h2-voices-intro h2 span,
body.dark-mode .pc-h2-voices-intro h2 span {

    color: #FF9D2E !important;

    text-shadow:
        0 0 18px rgba(255, 157, 46, .18);
}


/* =========================================================
   INTRO PARAGRAPH
   ========================================================= */

html.dark-mode .pc-h2-voices-intro p,
html[data-theme="dark"] .pc-h2-voices-intro p,
body.dark-mode .pc-h2-voices-intro p {

    color: #A7B4BA !important;
}


/* =========================================================
   MARQUEE EDGE MASKS
   ========================================================= */

html.dark-mode .pc-h2-voices-marquee::before,
html[data-theme="dark"] .pc-h2-voices-marquee::before,
body.dark-mode .pc-h2-voices-marquee::before {

    background:
        linear-gradient(
            90deg,
            #101619,
            rgba(16, 22, 25, .70),
            transparent
        );
}


html.dark-mode .pc-h2-voices-marquee::after,
html[data-theme="dark"] .pc-h2-voices-marquee::after,
body.dark-mode .pc-h2-voices-marquee::after {

    background:
        linear-gradient(
            270deg,
            #101619,
            rgba(16, 22, 25, .70),
            transparent
        );
}


/* =========================================================
   TESTIMONIAL
   ========================================================= */

html.dark-mode .pc-h2-voice,
html[data-theme="dark"] .pc-h2-voice,
body.dark-mode .pc-h2-voice {

    background:
        rgba(
            22,
            30,
            34,
            .88
        ) !important;

    border-top-color:
        rgba(
            243,
            241,
            236,
            .16
        );

    border-bottom-color:
        rgba(
            243,
            241,
            236,
            .16
        );

    border-left-color:
        rgba(
            243,
            241,
            236,
            .10
        );

    border-right-color:
        rgba(
            243,
            241,
            236,
            .10
        );
}


/* =========================================================
   TESTIMONIAL HOVER
   ========================================================= */

html.dark-mode .pc-h2-voice:hover,
html[data-theme="dark"] .pc-h2-voice:hover,
body.dark-mode .pc-h2-voice:hover {

    background:
        rgba(
            27,
            36,
            40,
            .97
        ) !important;

    border-color:
        rgba(
            255,
            157,
            46,
            .60
        );

    box-shadow:
        0 0 0 1px
        rgba(
            255,
            157,
            46,
            .08
        ),
        0 14px 42px
        rgba(
            255,
            157,
            46,
            .12
        );
}


/* =========================================================
   META
   ========================================================= */

html.dark-mode .pc-h2-voice-type,
html[data-theme="dark"] .pc-h2-voice-type,
body.dark-mode .pc-h2-voice-type {

    color: #A7B4BA !important;
}


/* =========================================================
   NUMBER
   ========================================================= */

html.dark-mode .pc-h2-voice-number,
html[data-theme="dark"] .pc-h2-voice-number,
body.dark-mode .pc-h2-voice-number {

    color: #FF9D2E !important;
}


/* =========================================================
   STARS
   ========================================================= */

html.dark-mode .pc-h2-voice-stars,
html[data-theme="dark"] .pc-h2-voice-stars,
body.dark-mode .pc-h2-voice-stars {

    color: #FF9D2E !important;

    filter:
        drop-shadow(
            0 0 6px
            rgba(255, 157, 46, .38)
        );
}


html.dark-mode .pc-h2-voice-stars span,
html[data-theme="dark"] .pc-h2-voice-stars span,
body.dark-mode .pc-h2-voice-stars span {

    color: #FF9D2E !important;
}


/* =========================================================
   QUOTE
   ========================================================= */

html.dark-mode .pc-h2-voice blockquote,
html[data-theme="dark"] .pc-h2-voice blockquote,
body.dark-mode .pc-h2-voice blockquote {

    color: #F3F1EC !important;
}


/* =========================================================
   PERSON
   ========================================================= */

html.dark-mode .pc-h2-voice-person strong,
html[data-theme="dark"] .pc-h2-voice-person strong,
body.dark-mode .pc-h2-voice-person strong {

    color: #F3F1EC !important;
}


html.dark-mode .pc-h2-voice-person small,
html[data-theme="dark"] .pc-h2-voice-person small,
body.dark-mode .pc-h2-voice-person small {

    color: #A7B4BA !important;
}


/* =========================================================
   INTERNAL LINES
   ========================================================= */

html.dark-mode .pc-h2-voice-top,
html[data-theme="dark"] .pc-h2-voice-top,
body.dark-mode .pc-h2-voice-top {

    border-bottom-color:
        rgba(
            243,
            241,
            236,
            .12
        );
}


html.dark-mode .pc-h2-voice-person,
html[data-theme="dark"] .pc-h2-voice-person,
body.dark-mode .pc-h2-voice-person {

    border-top-color:
        rgba(
            243,
            241,
            236,
            .11
        );
}


/* =========================================================
   SIGNAL
   ========================================================= */

html.dark-mode .pc-h2-voices-signal,
html[data-theme="dark"] .pc-h2-voices-signal,
body.dark-mode .pc-h2-voices-signal {

    background:
        rgba(
            243,
            241,
            236,
            .14
        );
}


/* =========================================================
   BOTTOM LABEL
   ========================================================= */

html.dark-mode .pc-h2-voices-footer-line,
html[data-theme="dark"] .pc-h2-voices-footer-line,
body.dark-mode .pc-h2-voices-footer-line {

    color: #A7B4BA !important;
}

/* =========================================================================
   POWERCORE — HOMEPAGE 2 — POWER RESTORATION SLIDER — DARK MODE
   Paste at the end of assets/css/dark.css
   Scoped to .pcx-hm2-restore* only. Text/heading already ride the
   theme-aware --pcx-* tokens automatically — this just deepens the
   "before" side and sharpens the glow for dark backgrounds.
   ========================================================================= */

html.dark-mode .pcx-hm2-restore-before,
html[data-theme="dark"] .pcx-hm2-restore-before {
    filter: grayscale(1) brightness(.32) contrast(1.1);
}

html.dark-mode .pcx-hm2-restore-compare,
html[data-theme="dark"] .pcx-hm2-restore-compare {
    box-shadow: 0 25px 60px rgba(0,0,0,.55);
    border-color: rgba(255,157,46,.25);
}

html.dark-mode .pcx-hm2-restore-spark,
html[data-theme="dark"] .pcx-hm2-restore-spark {
    opacity: 1.15;
}
/* =========================================================
   POWERCORE HOME 2
   FINAL CTA — DARK MODE
   ========================================================= */

html.dark-mode .pc-h2-final-cta,
html[data-theme="dark"] .pc-h2-final-cta,
body.dark-mode .pc-h2-final-cta {

    background: #101619;

    color: #F3F1EC;

}


html.dark-mode .pc-h2-cta-overlay,
html[data-theme="dark"] .pc-h2-cta-overlay,
body.dark-mode .pc-h2-cta-overlay {

    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .10),
            rgba(0, 0, 0, .22)
        );
}


html.dark-mode .pc-h2-cta-overlay,
html[data-theme="dark"] .pc-h2-cta-overlay,
body.dark-mode .pc-h2-cta-overlay {

    background:

        linear-gradient(
            90deg,
            rgba(7, 10, 12, .58) 0%,
            rgba(7, 10, 12, .38) 40%,
            rgba(7, 10, 12, .34) 65%,
            rgba(7, 10, 12, .60) 100%
        ),

        linear-gradient(
            180deg,
            rgba(7, 10, 12, .24),
            rgba(7, 10, 12, .52)
        );

}

html:not(.dark-mode) .pc-h2-cta-title,
html[data-theme="light"] .pc-h2-cta-title,
body:not(.dark-mode) .pc-h2-cta-title {
    color: #202A30;
}

html:not(.dark-mode) .pc-h2-cta-description,
html[data-theme="light"] .pc-h2-cta-description,
body:not(.dark-mode) .pc-h2-cta-description {
    color: #596A73;
}

html:not(.dark-mode) .pc-h2-cta-status,
html[data-theme="light"] .pc-h2-cta-status,
body:not(.dark-mode) .pc-h2-cta-status,
html:not(.dark-mode) .pc-h2-cta-bottom,
html[data-theme="light"] .pc-h2-cta-bottom,
body:not(.dark-mode) .pc-h2-cta-bottom {
    color: #202A30;
}


html.dark-mode .pc-h2-cta-grid,
html[data-theme="dark"] .pc-h2-cta-grid,
body.dark-mode .pc-h2-cta-grid {

    opacity: .30;

}


html.dark-mode .pc-h2-cta-title,
html[data-theme="dark"] .pc-h2-cta-title,
body.dark-mode .pc-h2-cta-title {

    color: #F3F1EC;

}


html.dark-mode .pc-h2-cta-title span,
html[data-theme="dark"] .pc-h2-cta-title span,
body.dark-mode .pc-h2-cta-title span {

    color: #FF9D2E;

}


html.dark-mode .pc-h2-cta-description,
html[data-theme="dark"] .pc-h2-cta-description,
body.dark-mode .pc-h2-cta-description {

    color: #A7B4BA;

}


html.dark-mode .pc-h2-cta-kicker,
html[data-theme="dark"] .pc-h2-cta-kicker,
body.dark-mode .pc-h2-cta-kicker {

    color: #FF9D2E;

}


html.dark-mode .pc-h2-cta-kicker-line,
html[data-theme="dark"] .pc-h2-cta-kicker-line,
body.dark-mode .pc-h2-cta-kicker-line {

    background:
        linear-gradient(
            90deg,
            transparent,
            #FF9D2E
        );

}


html.dark-mode .pc-h2-cta-kicker-line:last-child,
html[data-theme="dark"] .pc-h2-cta-kicker-line:last-child,
body.dark-mode .pc-h2-cta-kicker-line:last-child {

    background:
        linear-gradient(
            90deg,
            #FF9D2E,
            transparent
        );

}


html.dark-mode .pc-h2-cta-button,
html[data-theme="dark"] .pc-h2-cta-button,
body.dark-mode .pc-h2-cta-button {

    background: #FF9D2E;

    color: #202A30;

}


html.dark-mode .pc-h2-cta-button:hover,
html[data-theme="dark"] .pc-h2-cta-button:hover,
body.dark-mode .pc-h2-cta-button:hover {

    background: #FFB14A;

    box-shadow:
        0 0 22px rgba(255, 157, 46, .48),
        0 0 60px rgba(255, 157, 46, .25);

}


html.dark-mode .pc-h2-cta-status,
html[data-theme="dark"] .pc-h2-cta-status,
body.dark-mode .pc-h2-cta-status {

    color: #A7B4BA;

}


html.dark-mode .pc-h2-cta-status-dot,
html[data-theme="dark"] .pc-h2-cta-status-dot,
body.dark-mode .pc-h2-cta-status-dot {

    background: #FF9D2E;

    box-shadow:
        0 0 8px rgba(255, 157, 46, .95),
        0 0 20px rgba(255, 157, 46, .58);

}


html.dark-mode .pc-h2-cta-bottom,
html[data-theme="dark"] .pc-h2-cta-bottom,
body.dark-mode .pc-h2-cta-bottom {

    color: #89979D;

}


html.dark-mode .pc-h2-cta-bottom-line,
html[data-theme="dark"] .pc-h2-cta-bottom-line,
body.dark-mode .pc-h2-cta-bottom-line {

    background:
        linear-gradient(
            90deg,
            rgba(255, 157, 46, .04),
            rgba(255, 157, 46, .65),
            rgba(255, 157, 46, .04)
        );

}


html.dark-mode .pc-h2-cta-marker::before,
html.dark-mode .pc-h2-cta-marker::after,
html[data-theme="dark"] .pc-h2-cta-marker::before,
html[data-theme="dark"] .pc-h2-cta-marker::after,
body.dark-mode .pc-h2-cta-marker::before,
body.dark-mode .pc-h2-cta-marker::after {

    background: #FF9D2E;

}

/* =========================================================
   POWERCORE — DARK / LIGHT THEME
   File: assets/css/dark.css
   ========================================================= */


/* =========================================================
   LIGHT MODE
   ========================================================= */

:root,
html[data-theme="light"] {

    --bg-primary: #F7F5F1;
    --surface: #FFFFFF;

    --text-primary: #202A30;
    --text-secondary: #596A73;

    --accent: #FF8A00;
    --accent-hover: #E87500;

    --button-text: #FFFFFF;

    --border-color: rgba(32, 42, 48, 0.14);

    --control-bg: rgba(32, 42, 48, 0.035);

    --accent-soft: rgba(255, 138, 0, 0.10);
}


/* =========================================================
   DARK MODE
   ========================================================= */

html[data-theme="dark"],
html.dark-mode {

    --bg-primary: #101619;
    --surface: #151D21;

    --text-primary: #F3F1EC;
    --text-secondary: #A7B4BA;

    --accent: #FF9D2E;
    --accent-hover: #FFB14A;

    --button-text: #101619;

    --border-color: rgba(243, 241, 236, 0.14);

    --control-bg: rgba(243, 241, 236, 0.05);

    --accent-soft: rgba(255, 157, 46, 0.13);
}


/* =========================================================
   DARK PAGE
   ========================================================= */

html[data-theme="dark"] body,
html.dark-mode body {

    background: #101619;
    color: #F3F1EC;
}


/* =========================================================
   DARK HERO
   ========================================================= */

html[data-theme="dark"] .pc-products-hero-overlay,
html.dark-mode .pc-products-hero-overlay {

    background:
        linear-gradient(
            180deg,
            rgba(4, 8, 10, 0.58),
            rgba(4, 8, 10, 0.84)
        );
}


/* =========================================================
   DARK CONTENT
   ========================================================= */

html[data-theme="dark"] .pc-products-catalogue,
html.dark-mode .pc-products-catalogue {

    background: #101619;
}


html[data-theme="dark"] .pc-products-filter,
html.dark-mode .pc-products-filter,

html[data-theme="dark"] .pc-products-mobile-filter-bar,
html.dark-mode .pc-products-mobile-filter-bar,

html[data-theme="dark"] .pc-product-card,
html.dark-mode .pc-product-card,

html[data-theme="dark"] .pc-products-no-results,
html.dark-mode .pc-products-no-results {

    background: #151D21;
    color: #F3F1EC;
}


/* =========================================================
   DARK PRODUCT IMAGE
   ========================================================= */

html[data-theme="dark"] .pc-product-image,
html.dark-mode .pc-product-image {

    background: #0B1013;
}


/* =========================================================
   DARK SECONDARY BUTTON
   ========================================================= */

html[data-theme="dark"] .pc-products-hero .pc-products-btn-secondary,
html.dark-mode .pc-products-hero .pc-products-btn-secondary {

    background: var(--accent);
    border-color: var(--accent);
    color: #202A30;
}

html[data-theme="dark"] .pc-products-hero .pc-products-btn-secondary:hover,
html.dark-mode .pc-products-hero .pc-products-btn-secondary:hover {

    background: #FFB14A;
    border-color: #FFB14A;
    color: #202A30;
}


/* =========================================================
   DARK MOBILE FILTER BUTTON
   ========================================================= */

html[data-theme="dark"] .pc-products-filter-trigger,
html.dark-mode .pc-products-filter-trigger {

    background: #101619;
    color: #F3F1EC;
    border-color: rgba(243, 241, 236, 0.18);
}


/* =========================================================
   DARK PRODUCT OUTLINE BUTTON
   ========================================================= */

html[data-theme="dark"] .pc-product-btn-outline,
html.dark-mode .pc-product-btn-outline {

    color: #F3F1EC;
    border-color: rgba(243, 241, 236, 0.18);
}


html[data-theme="dark"] .pc-product-btn-outline:hover,
html.dark-mode .pc-product-btn-outline:hover {

    color: #FFB14A;
    border-color: #FFB14A;
    background: rgba(255, 157, 46, 0.10);
}


/* =========================================================
   DARK SELECTION
   ========================================================= */

html[data-theme="dark"] ::selection,
html.dark-mode ::selection {

    background: #FF9D2E;
    color: #101619;
}


/* =========================================================
   DARK SCROLLBAR
   ========================================================= */

html[data-theme="dark"]::-webkit-scrollbar,
html.dark-mode::-webkit-scrollbar {

    width: 9px;
}


html[data-theme="dark"]::-webkit-scrollbar-track,
html.dark-mode::-webkit-scrollbar-track {

    background: #101619;
}


html[data-theme="dark"]::-webkit-scrollbar-thumb,
html.dark-mode::-webkit-scrollbar-thumb {

    background: #39464B;
}



html[data-theme="dark"]::-webkit-scrollbar-thumb:hover,
html.dark-mode::-webkit-scrollbar-thumb:hover {

    background: #FF9D2E;
}

/* =========================================================
   POWERCORE
   1–5 kVA PAGE
   LIGHT / DARK THEME
   ========================================================= */


/* =========================================================
   LIGHT MODE VARIABLES
   ========================================================= */

:root,
html[data-theme="light"] {

    --bg-primary: #F7F5F1;

    --surface: #FFFFFF;

    --text-primary: #202A30;

    --text-secondary: #596A73;

    --accent: #FF8A00;

    --accent-hover: #E87500;

    --button-text: #FFFFFF;

    --border-color: rgba(
        32,
        42,
        48,
        0.14
    );

    --accent-soft: rgba(
        255,
        138,
        0,
        0.10
    );

    --control-bg: rgba(
        32,
        42,
        48,
        0.035
    );

    --image-bg: #DDD9D1;

    --filter-scrollbar: rgba(
        89,
        106,
        115,
        0.42
    );

    --toolbar-bg: #FFFFFF;

    --toolbar-text: #202A30;

    --toolbar-muted: #596A73;

    --toolbar-border: rgba(
        32,
        42,
        48,
        0.14
    );

    --toolbar-control: #F7F5F1;
}


/* =========================================================
   DARK MODE VARIABLES
   ========================================================= */

html[data-theme="dark"],
html.dark-mode {

    --bg-primary: #101619;

    --surface: #151D21;

    --text-primary: #F3F1EC;

    --text-secondary: #A7B4BA;

    --accent: #FF9D2E;

    --accent-hover: #FFB14A;

    --button-text: #101619;

    --border-color: rgba(
        243,
        241,
        236,
        0.14
    );

    --accent-soft: rgba(
        255,
        157,
        46,
        0.13
    );

    --control-bg: rgba(
        243,
        241,
        236,
        0.055
    );

    --image-bg: #0B1013;

    --filter-scrollbar: rgba(
        167,
        180,
        186,
        0.42
    );

    --toolbar-bg: #0D1316;

    --toolbar-text: #F3F1EC;

    --toolbar-muted: #A7B4BA;

    --toolbar-border: rgba(
        243,
        241,
        236,
        0.15
    );

    --toolbar-control: #151D21;
}


/* =========================================================
   DARK BODY
   ========================================================= */

html[data-theme="dark"] body,
html.dark-mode body {

    background: #101619;

    color: #F3F1EC;
}


/* =========================================================
   DARK TOOLBAR
   ========================================================= */

html[data-theme="dark"] .pc-capacity-toolbar,
html.dark-mode .pc-capacity-toolbar {

    background: #0D1316;

    color: #F3F1EC;

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        );
}

html[data-theme="dark"] .pc-capacity-toolbar-brand,
html.dark-mode .pc-capacity-toolbar-brand {

    color: #F3F1EC;
}

html[data-theme="dark"] .pc-capacity-back,
html.dark-mode .pc-capacity-back {

    color: #A7B4BA;
}

html[data-theme="dark"] .pc-capacity-back:hover,
html.dark-mode .pc-capacity-back:hover {

    color: #FF9D2E;
}

html[data-theme="dark"] .pc-capacity-control,
html.dark-mode .pc-capacity-control {

    background: #151D21;

    color: #F3F1EC;

    border-color:
        rgba(
            243,
            241,
            236,
            0.15
        );
}


/* =========================================================
   DARK HERO
   ========================================================= */

html[data-theme="dark"] .pc-products-hero-overlay,
html.dark-mode .pc-products-hero-overlay {

    background:
        linear-gradient(
            180deg,
            rgba(4, 8, 10, 0.60),
            rgba(4, 8, 10, 0.86)
        );
}


/* =========================================================
   DARK CATALOGUE
   ========================================================= */

html[data-theme="dark"] .pc-products-catalogue,
html.dark-mode .pc-products-catalogue {

    background: #101619;
}


/* =========================================================
   DARK FILTER
   ========================================================= */

html[data-theme="dark"] .pc-products-filter,
html.dark-mode .pc-products-filter {

    background: #151D21 !important;

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        ) !important;
}

html[data-theme="dark"] .pc-products-filter-head,
html.dark-mode .pc-products-filter-head {

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        ) !important;
}

html[data-theme="dark"] .pc-products-filter-head h2,
html.dark-mode .pc-products-filter-head h2 {

    color: #F3F1EC !important;
}

html[data-theme="dark"] .pc-products-filter-head p,
html.dark-mode .pc-products-filter-head p {

    color: #A7B4BA !important;
}

html[data-theme="dark"] .pc-products-filter-head span,
html.dark-mode .pc-products-filter-head span {

    color: #FF9D2E !important;
}

html[data-theme="dark"] .pc-products-filter-label,
html.dark-mode .pc-products-filter-label {

    color: #A7B4BA !important;
}

html[data-theme="dark"] .pc-products-filter label,
html.dark-mode .pc-products-filter label {

    color: #F3F1EC !important;
}

html[data-theme="dark"] .pc-products-filter label span,
html.dark-mode .pc-products-filter label span {

    color: #F3F1EC !important;
}

html[data-theme="dark"] .pc-products-filter label:hover,
html.dark-mode .pc-products-filter label:hover {

    color: #FFB14A !important;
}

html[data-theme="dark"] .pc-products-filter-group,
html.dark-mode .pc-products-filter-group {

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        ) !important;
}

html[data-theme="dark"] .pc-products-filter-bottom span,
html.dark-mode .pc-products-filter-bottom span {

    color: #A7B4BA !important;
}

html[data-theme="dark"] .pc-products-filter-bottom button,
html.dark-mode .pc-products-filter-bottom button {

    color: #FF9D2E !important;
}

html[data-theme="dark"] .pc-products-filter-close,
html.dark-mode .pc-products-filter-close {

    background: #101619;

    color: #F3F1EC;

    border-color:
        rgba(
            243,
            241,
            236,
            0.15
        );
}


/* =========================================================
   DARK MOBILE FILTER BAR
   ========================================================= */

html[data-theme="dark"] .pc-products-mobile-filter-bar,
html.dark-mode .pc-products-mobile-filter-bar {

    background: #151D21 !important;

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        ) !important;
}

html[data-theme="dark"] .pc-products-mobile-filter-bar strong,
html.dark-mode .pc-products-mobile-filter-bar strong {

    color: #F3F1EC !important;
}

html[data-theme="dark"] .pc-products-filter-trigger,
html.dark-mode .pc-products-filter-trigger {

    background: #101619 !important;

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.18
        ) !important;
}


/* =========================================================
   DARK RESULTS
   ========================================================= */

html[data-theme="dark"] .pc-products-results-head h2,
html.dark-mode .pc-products-results-head h2 {

    color: #F3F1EC !important;
}

html[data-theme="dark"] .pc-products-results-head p,
html.dark-mode .pc-products-results-head p {

    color: #A7B4BA !important;
}


/* =========================================================
   DARK PRODUCT CARDS
   ========================================================= */

html[data-theme="dark"] .pc-product-card,
html.dark-mode .pc-product-card {

    background: #151D21 !important;

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        );
}

html[data-theme="dark"] .pc-product-card h4,
html.dark-mode .pc-product-card h4 {

    color: #F3F1EC !important;
}

html[data-theme="dark"] .pc-product-card p,
html.dark-mode .pc-product-card p {

    color: #A7B4BA !important;
}

html[data-theme="dark"] .pc-product-btn-outline,
html.dark-mode .pc-product-btn-outline {

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.18
        );
}

html[data-theme="dark"] .pc-product-btn-outline:hover,
html.dark-mode .pc-product-btn-outline:hover {

    color: #FFB14A !important;

    border-color: #FFB14A;

    background:
        rgba(
            255,
            157,
            46,
            0.10
        );
}


/* =========================================================
   DARK NO RESULTS
   ========================================================= */

html[data-theme="dark"] .pc-products-no-results,
html.dark-mode .pc-products-no-results {

    background: #151D21 !important;

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        );
}

html[data-theme="dark"] .pc-products-no-results h3,
html.dark-mode .pc-products-no-results h3 {

    color: #F3F1EC !important;
}

html[data-theme="dark"] .pc-products-no-results p,
html.dark-mode .pc-products-no-results p {

    color: #A7B4BA !important;
}


/* =========================================================
   DARK BOTTOM NAV
   ========================================================= */

html[data-theme="dark"] .pc-capacity-bottom-nav,
html.dark-mode .pc-capacity-bottom-nav {

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        );
}


/* =========================================================
   DARK SCROLLBAR
   ========================================================= */

html[data-theme="dark"] .pc-products-filter::-webkit-scrollbar-thumb,
html.dark-mode .pc-products-filter::-webkit-scrollbar-thumb {

    background: rgba(
        167,
        180,
        186,
        0.42
    );
}

html[data-theme="dark"] .pc-products-filter::-webkit-scrollbar-thumb:hover,
html.dark-mode .pc-products-filter::-webkit-scrollbar-thumb:hover {

    background: #FF9D2E;
}

/* =========================================================
   POWERCORE
   DARK MODE
========================================================= */

html.pc-dark {
    color-scheme: dark;

    --pc-bg: #101619;
    --pc-surface: #171F23;
    --pc-surface-2: #20292D;

    --pc-text: #F3F1EC;
    --pc-text-soft: #C2CBD0;
    --pc-text-muted: #9CA9AE;

    --pc-border: rgba(243, 241, 236, 0.14);
    --pc-border-strong: rgba(243, 241, 236, 0.28);

    --pc-orange: #FF9D2E;
    --pc-orange-hover: #FFB14A;

    --pc-black: #0B1012;

    --pc-shadow:
        0 20px 60px rgba(0, 0, 0, 0.32);
}


/* =========================================================
   BODY
========================================================= */

html.pc-dark body {
    background: var(--pc-bg);
    color: var(--pc-text);
}


/* =========================================================
   TOOLBAR
========================================================= */

html.pc-dark .pc-catalog-toolbar {
    background: #12191C;
    border-color: var(--pc-border);
}

html.pc-dark .pc-catalog-back {
    color: var(--pc-text);
}

html.pc-dark .pc-catalog-back:hover {
    color: var(--pc-orange);
}

html.pc-dark .pc-control-btn,
html.pc-dark .pc-mobile-filter-trigger {
    background: #171F23;
    color: var(--pc-text);

    border-color: var(--pc-border-strong);
}

html.pc-dark .pc-control-btn:hover,
html.pc-dark .pc-mobile-filter-trigger:hover {
    color: var(--pc-orange);
    border-color: var(--pc-orange);
}


/* =========================================================
   HERO
========================================================= */

html.pc-dark .pc-products-hero {
    background: #0B1012;
}

html.pc-dark .pc-products-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(8, 12, 14, 0.95),
            rgba(8, 12, 14, 0.78),
            rgba(8, 12, 14, 0.58)
        );
}

html.pc-dark .pc-products-hero-content h1 {
    color: #FFFFFF;
}

html.pc-dark .pc-products-hero-content p {
    color: #E0E5E6;
}


/* =========================================================
   FILTER
========================================================= */

html.pc-dark .pc-products-filter {
    background: #171F23;
    border-color: var(--pc-border);

    color: var(--pc-text);
}

html.pc-dark .pc-filter-mobile-head h2,
html.pc-dark .pc-filter-group legend {
    color: #F3F1EC;
}

html.pc-dark .pc-filter-kicker {
    color: var(--pc-orange);
}

html.pc-dark .pc-filter-check {
    color: #C2CBD0;
}

html.pc-dark .pc-filter-check:hover {
    color: var(--pc-orange);
}

html.pc-dark .pc-filter-check input:checked ~ span:last-child {
    color: #FFFFFF;
}

html.pc-dark .pc-checkmark {
    border-color: #7E8B91;
}

html.pc-dark .pc-filter-reset {
    color: #F3F1EC;
    border-color: var(--pc-border-strong);
}

html.pc-dark .pc-filter-reset:hover {
    color: var(--pc-orange);
    border-color: var(--pc-orange);
}

html.pc-dark .pc-filter-close {
    color: #F3F1EC;
    border-color: var(--pc-border-strong);
}


/* =========================================================
   RESULTS
========================================================= */

html.pc-dark .pc-products-results-head {
    border-color: var(--pc-border);
}

html.pc-dark .pc-products-results-head h2 {
    color: #F3F1EC;
}

html.pc-dark .pc-products-results-head p {
    color: #C2CBD0;
}

html.pc-dark .pc-results-count {
    color: #9CA9AE;
}

html.pc-dark .pc-results-count strong {
    color: #FFFFFF;
}


/* =========================================================
   PRODUCT CARDS
========================================================= */

html.pc-dark .pc-product-card {
    background: #171F23;

    border-color:
        var(--pc-border);
}

html.pc-dark .pc-product-card:hover {
    border-color:
        rgba(255, 157, 46, 0.55);

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.3);
}

html.pc-dark .pc-product-image {
    background: #E7E5DF;
}

html.pc-dark .pc-product-meta small {
    color: #9CA9AE;
}

html.pc-dark .pc-product-content h3,
html.pc-dark .pc-product-content h3 a {
    color: #F3F1EC;
}

html.pc-dark .pc-product-content h3 a:hover {
    color: var(--pc-orange);
}

html.pc-dark .pc-product-content p {
    color: #C2CBD0;
}

html.pc-dark .pc-product-btn-outline {
    background: transparent;
    color: #F3F1EC;

    border-color:
        rgba(243, 241, 236, 0.28);
}

html.pc-dark .pc-product-btn-outline:hover {
    color: var(--pc-orange);
    border-color: var(--pc-orange);
}


/* =========================================================
   EMPTY STATE
========================================================= */

html.pc-dark .pc-products-empty {
    background: #171F23;
    border-color: var(--pc-border);
}

html.pc-dark .pc-products-empty h3 {
    color: #F3F1EC;
}

html.pc-dark .pc-products-empty p {
    color: #C2CBD0;
}


/* =========================================================
   MOBILE BACKDROP
========================================================= */

html.pc-dark .pc-filter-backdrop {
    background:
        rgba(0, 0, 0, 0.75);
}


/* =========================================================
   SCROLLBAR
========================================================= */

html.pc-dark .pc-products-filter {
    scrollbar-color:
        #59666C
        transparent;
}


/* =========================================================
   DARK MODE BUTTON
========================================================= */

html.pc-dark #themeToggle i {
    transform: rotate(180deg);
}

/* =========================================================
   POWERCORE 21–50 KVA
   PAGE-ONLY DARK MODE
========================================================= */


/* =========================================================
   DARK PAGE
========================================================= */

html[data-theme="dark"] body.pc21-page,
html.dark-mode body.pc21-page,
html.pc-dark body.pc21-page {

    background: #101619;

    color: #F3F1EC;
}


/* =========================================================
   DARK CATALOGUE
========================================================= */

html[data-theme="dark"] body.pc21-page .pc-products-catalogue,
html.dark-mode body.pc21-page .pc-products-catalogue,
html.pc-dark body.pc21-page .pc-products-catalogue {

    background: #101619 !important;
}


/* =========================================================
   DARK FILTER
========================================================= */

html[data-theme="dark"] body.pc21-page .pc-products-filter,
html.dark-mode body.pc21-page .pc-products-filter,
html.pc-dark body.pc21-page .pc-products-filter {

    background: #151D21 !important;

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        ) !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-filter-head,
html.dark-mode body.pc21-page
.pc-products-filter-head,
html.pc-dark body.pc21-page
.pc-products-filter-head {

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        ) !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-filter-head h2,
html.dark-mode body.pc21-page
.pc-products-filter-head h2,
html.pc-dark body.pc21-page
.pc-products-filter-head h2 {

    color: #F3F1EC !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-filter-head > div > span,
html.dark-mode body.pc21-page
.pc-products-filter-head > div > span,
html.pc-dark body.pc21-page
.pc-products-filter-head > div > span {

    color: #FF9D2E !important;
}


/* =========================================================
   DARK FILTER GROUPS
========================================================= */

html[data-theme="dark"] body.pc21-page
.pc-products-filter-group,
html.dark-mode body.pc21-page
.pc-products-filter-group,
html.pc-dark body.pc21-page
.pc-products-filter-group {

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        ) !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-filter-label,
html.dark-mode body.pc21-page
.pc-products-filter-label,
html.pc-dark body.pc21-page
.pc-products-filter-label {

    color: #F3F1EC !important;
}


html[data-theme="dark"] body.pc21-page
.pc-filter-option,
html.dark-mode body.pc21-page
.pc-filter-option,
html.pc-dark body.pc21-page
.pc-filter-option {

    color: #A7B4BA !important;
}


html[data-theme="dark"] body.pc21-page
.pc-filter-option:hover,
html.dark-mode body.pc21-page
.pc-filter-option:hover,
html.pc-dark body.pc21-page
.pc-filter-option:hover {

    color: #F3F1EC !important;
}


/* =========================================================
   DARK CHECKBOX
========================================================= */

html[data-theme="dark"] body.pc21-page
.pc-filter-option input,
html.dark-mode body.pc21-page
.pc-filter-option input,
html.pc-dark body.pc21-page
.pc-filter-option input {

    background: #101619 !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.28
        ) !important;
}


html[data-theme="dark"] body.pc21-page
.pc-filter-option input:checked,
html.dark-mode body.pc21-page
.pc-filter-option input:checked,
html.pc-dark body.pc21-page
.pc-filter-option input:checked {

    background: #FF9D2E !important;

    border-color: #FF9D2E !important;
}


/* =========================================================
   DARK CLEAR ALL
========================================================= */

html[data-theme="dark"] body.pc21-page
.pc-products-filter-bottom span,
html.dark-mode body.pc21-page
.pc-products-filter-bottom span,
html.pc-dark body.pc21-page
.pc-products-filter-bottom span {

    color: #A7B4BA !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-filter-bottom button,
html.dark-mode body.pc21-page
.pc-products-filter-bottom button,
html.pc-dark body.pc21-page
.pc-products-filter-bottom button {

    color: #FF9D2E !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-filter-bottom button:hover,
html.dark-mode body.pc21-page
.pc-products-filter-bottom button:hover,
html.pc-dark body.pc21-page
.pc-products-filter-bottom button:hover {

    color: #FFB14A !important;
}


/* =========================================================
   DARK RESULTS
========================================================= */

html[data-theme="dark"] body.pc21-page
.pc-products-results-head h2,
html.dark-mode body.pc21-page
.pc-products-results-head h2,
html.pc-dark body.pc21-page
.pc-products-results-head h2 {

    color: #F3F1EC !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-results-head > div > p,
html.dark-mode body.pc21-page
.pc-products-results-head > div > p,
html.pc-dark body.pc21-page
.pc-products-results-head > div > p {

    color: #A7B4BA !important;
}


html[data-theme="dark"] body.pc21-page
#desktopResultCount,
html.dark-mode body.pc21-page
#desktopResultCount,
html.pc-dark body.pc21-page
#desktopResultCount {

    color: #A7B4BA !important;
}


/* =========================================================
   DARK PRODUCT CARDS
========================================================= */

html[data-theme="dark"] body.pc21-page
.pc-product-card,
html.dark-mode body.pc21-page
.pc-product-card,
html.pc-dark body.pc21-page
.pc-product-card {

    background: #151D21 !important;

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        ) !important;
}


html[data-theme="dark"] body.pc21-page
.pc-product-image,
html.dark-mode body.pc21-page
.pc-product-image,
html.pc-dark body.pc21-page
.pc-product-image {

    background: #0B1013 !important;
}


html[data-theme="dark"] body.pc21-page
.pc-product-card h4,
html.dark-mode body.pc21-page
.pc-product-card h4,
html.pc-dark body.pc21-page
.pc-product-card h4 {

    color: #F3F1EC !important;
}


html[data-theme="dark"] body.pc21-page
.pc-product-card h4 a,
html.dark-mode body.pc21-page
.pc-product-card h4 a,
html.pc-dark body.pc21-page
.pc-product-card h4 a {

    color: #F3F1EC !important;
}


html[data-theme="dark"] body.pc21-page
.pc-product-card h4 a:hover,
html.dark-mode body.pc21-page
.pc-product-card h4 a:hover,
html.pc-dark body.pc21-page
.pc-product-card h4 a:hover {

    color: #FF9D2E !important;
}


html[data-theme="dark"] body.pc21-page
.pc-product-card-body > p,
html.dark-mode body.pc21-page
.pc-product-card-body > p,
html.pc-dark body.pc21-page
.pc-product-card-body > p {

    color: #A7B4BA !important;
}


html[data-theme="dark"] body.pc21-page
.pc-product-meta span:last-child,
html.dark-mode body.pc21-page
.pc-product-meta span:last-child,
html.pc-dark body.pc21-page
.pc-product-meta span:last-child {

    color: #A7B4BA !important;
}


/* =========================================================
   DARK ENQUIRE NOW
========================================================= */

html[data-theme="dark"] body.pc21-page
.pc-product-btn-primary,
html.dark-mode body.pc21-page
.pc-product-btn-primary,
html.pc-dark body.pc21-page
.pc-product-btn-primary {

    background: #FF9D2E !important;

    color: #101619 !important;

    border-color: #FF9D2E !important;
}


html[data-theme="dark"] body.pc21-page
.pc-product-btn-primary:hover,
html.dark-mode body.pc21-page
.pc-product-btn-primary:hover,
html.pc-dark body.pc21-page
.pc-product-btn-primary:hover {

    background: #FFB14A !important;

    border-color: #FFB14A !important;

    color: #101619 !important;
}


/* =========================================================
   DARK BOOK A SERVICE
========================================================= */

html[data-theme="dark"] body.pc21-page
.pc-product-btn-outline,
html.dark-mode body.pc21-page
.pc-product-btn-outline,
html.pc-dark body.pc21-page
.pc-product-btn-outline {

    background: transparent !important;

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.24
        ) !important;
}


html[data-theme="dark"] body.pc21-page
.pc-product-btn-outline:hover,
html.dark-mode body.pc21-page
.pc-product-btn-outline:hover,
html.pc-dark body.pc21-page
.pc-product-btn-outline:hover {

    background: #F3F1EC !important;

    color: #101619 !important;

    border-color: #F3F1EC !important;
}


/* =========================================================
   DARK MOBILE FILTER BAR
========================================================= */

html[data-theme="dark"] body.pc21-page
.pc-products-mobile-filter-bar,
html.dark-mode body.pc21-page
.pc-products-mobile-filter-bar,
html.pc-dark body.pc21-page
.pc-products-mobile-filter-bar {

    background: #151D21 !important;

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        ) !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-mobile-filter-info strong,
html.dark-mode body.pc21-page
.pc-products-mobile-filter-info strong,
html.pc-dark body.pc21-page
.pc-products-mobile-filter-info strong {

    color: #F3F1EC !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-filter-trigger,
html.dark-mode body.pc21-page
.pc-products-filter-trigger,
html.pc-dark body.pc21-page
.pc-products-filter-trigger {

    background: #F3F1EC !important;

    color: #101619 !important;

    border-color: #F3F1EC !important;
}


/* =========================================================
   DARK NO RESULTS
========================================================= */

html[data-theme="dark"] body.pc21-page
.pc-products-no-results,
html.dark-mode body.pc21-page
.pc-products-no-results,
html.pc-dark body.pc21-page
.pc-products-no-results {

    background: #151D21 !important;

    color: #F3F1EC !important;

    border-color:
        rgba(
            243,
            241,
            236,
            0.14
        ) !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-no-results h3,
html.dark-mode body.pc21-page
.pc-products-no-results h3,
html.pc-dark body.pc21-page
.pc-products-no-results h3 {

    color: #F3F1EC !important;
}


html[data-theme="dark"] body.pc21-page
.pc-products-no-results p,
html.dark-mode body.pc21-page
.pc-products-no-results p,
html.pc-dark body.pc21-page
.pc-products-no-results p {

    color: #A7B4BA !important;
}


/* =========================================================
   DARK FILTER SCROLLBAR
========================================================= */

html[data-theme="dark"] body.pc21-page
.pc-products-filter::-webkit-scrollbar-thumb,
html.dark-mode body.pc21-page
.pc-products-filter::-webkit-scrollbar-thumb,
html.pc-dark body.pc21-page
.pc-products-filter::-webkit-scrollbar-thumb {

    background:
        rgba(
            167,
            180,
            186,
            0.42
        );
}


html[data-theme="dark"] body.pc21-page
.pc-products-filter::-webkit-scrollbar-thumb:hover,
html.dark-mode body.pc21-page
.pc-products-filter::-webkit-scrollbar-thumb:hover,
html.pc-dark body.pc21-page
.pc-products-filter::-webkit-scrollbar-thumb:hover {

    background: #FF9D2E;
}

/* =========================================================
   POWERCORE PRODUCT DETAILS
   PAGE-ONLY DARK MODE
   Scope: body.pcd-page
========================================================= */


/* =========================================================
   PAGE
========================================================= */

html.dark-mode body.pcd-page,
html[data-theme="dark"] body.pcd-page {

    background: #101619;

    color: #F3F1EC;

}


/* =========================================================
   HERO
========================================================= */

html.dark-mode body.pcd-page .pcd-hero,
html[data-theme="dark"] body.pcd-page .pcd-hero {

    background: #101619;

}


html.dark-mode body.pcd-page .pcd-back,
html[data-theme="dark"] body.pcd-page .pcd-back {

    color: #F3F1EC;

}


html.dark-mode body.pcd-page .pcd-back:hover,
html[data-theme="dark"] body.pcd-page .pcd-back:hover {

    color: #FF9D2E;

}


html.dark-mode body.pcd-page .pcd-product-meta span,
html[data-theme="dark"] body.pcd-page .pcd-product-meta span {

    color: #89979D;

}


html.dark-mode body.pcd-page .pcd-product-meta span:first-child,
html[data-theme="dark"] body.pcd-page .pcd-product-meta span:first-child {

    color: #FF9D2E;

}


html.dark-mode body.pcd-page .pcd-hero-content h1,
html[data-theme="dark"] body.pcd-page .pcd-hero-content h1,
html.dark-mode body.pcd-page .pcd-hero-content h2,
html[data-theme="dark"] body.pcd-page .pcd-hero-content h2 {

    color: #F3F1EC;

}


html.dark-mode body.pcd-page .pcd-hero-description,
html[data-theme="dark"] body.pcd-page .pcd-hero-description {

    color: #A7B4BA;

}


/* =========================================================
   DARK BUTTONS
========================================================= */

html.dark-mode body.pcd-page .pcd-btn-primary,
html[data-theme="dark"] body.pcd-page .pcd-btn-primary {

    background: #FF9D2E;

    border-color: #FF9D2E;

    color: #101619;

}


html.dark-mode body.pcd-page .pcd-btn-primary:hover,
html[data-theme="dark"] body.pcd-page .pcd-btn-primary:hover {

    background: #FFB14A;

    border-color: #FFB14A;

    color: #101619;

}


html.dark-mode body.pcd-page .pcd-btn-secondary,
html[data-theme="dark"] body.pcd-page .pcd-btn-secondary {

    background: transparent;

    color: #F3F1EC;

    border-color:
        rgba(
            243,
            241,
            236,
            .25
        );

}


html.dark-mode body.pcd-page .pcd-btn-secondary:hover,
html[data-theme="dark"] body.pcd-page .pcd-btn-secondary:hover {

    background: #F3F1EC;

    color: #101619;

    border-color: #F3F1EC;

}


/* =========================================================
   IMAGE
========================================================= */

html.dark-mode body.pcd-page .pcd-image-frame,
html[data-theme="dark"] body.pcd-page .pcd-image-frame {

    background: #E7E5DF;

    border-color:
        rgba(
            243,
            241,
            236,
            .14
        );

}


html.dark-mode body.pcd-page .pcd-image-caption span,
html[data-theme="dark"] body.pcd-page .pcd-image-caption span {

    color: #89979D;

}


html.dark-mode body.pcd-page .pcd-image-caption span:first-child,
html[data-theme="dark"] body.pcd-page .pcd-image-caption span:first-child {

    color: #F3F1EC;

}


/* =========================================================
   QUICK INFORMATION
========================================================= */

html.dark-mode body.pcd-page .pcd-quick-section,
html[data-theme="dark"] body.pcd-page .pcd-quick-section {

    background: #151D21;

    border-color:
        rgba(
            243,
            241,
            236,
            .13
        );

}


html.dark-mode body.pcd-page .pcd-quick-item,
html[data-theme="dark"] body.pcd-page .pcd-quick-item {

    border-color:
        rgba(
            243,
            241,
            236,
            .13
        );

}


html.dark-mode body.pcd-page .pcd-quick-item span,
html[data-theme="dark"] body.pcd-page .pcd-quick-item span {

    color: #FF9D2E;

}


html.dark-mode body.pcd-page .pcd-quick-item strong,
html[data-theme="dark"] body.pcd-page .pcd-quick-item strong {

    color: #F3F1EC;

}


/* =========================================================
   COMMON DARK SECTIONS
========================================================= */

html.dark-mode body.pcd-page .pcd-overview,
html[data-theme="dark"] body.pcd-page .pcd-overview,
html.dark-mode body.pcd-page .pcd-applications,
html[data-theme="dark"] body.pcd-page .pcd-applications,
html.dark-mode body.pcd-page .pcd-service,
html[data-theme="dark"] body.pcd-page .pcd-service,
html.dark-mode body.pcd-page .pcd-suggestions,
html[data-theme="dark"] body.pcd-page .pcd-suggestions {

    background: #101619;

}


html.dark-mode body.pcd-page .pcd-highlights,
html[data-theme="dark"] body.pcd-page .pcd-highlights,
html.dark-mode body.pcd-page .pcd-information,
html[data-theme="dark"] body.pcd-page .pcd-information,
html.dark-mode body.pcd-page .pcd-back-products,
html[data-theme="dark"] body.pcd-page .pcd-back-products {

    background: #151D21;

}


/* =========================================================
   SECTION TEXT
========================================================= */

html.dark-mode body.pcd-page .pcd-section-intro h2,
html[data-theme="dark"] body.pcd-page .pcd-section-intro h2,
html.dark-mode body.pcd-page .pcd-service-grid h2,
html[data-theme="dark"] body.pcd-page .pcd-service-grid h2,
html.dark-mode body.pcd-page .pcd-section-head-row h2,
html[data-theme="dark"] body.pcd-page .pcd-section-head-row h2,
html.dark-mode body.pcd-page .pcd-back-products h2,
html[data-theme="dark"] body.pcd-page .pcd-back-products h2 {

    color: #F3F1EC;

}


html.dark-mode body.pcd-page .pcd-section-intro > p,
html[data-theme="dark"] body.pcd-page .pcd-section-intro > p {

    color: #A7B4BA;

}


html.dark-mode body.pcd-page .pcd-section-kicker,
html[data-theme="dark"] body.pcd-page .pcd-section-kicker {

    color: #FF9D2E;

}


/* =========================================================
   OVERVIEW
========================================================= */

html.dark-mode body.pcd-page .pcd-overview-number,
html[data-theme="dark"] body.pcd-page .pcd-overview-number {

    border-color: #FF9D2E;

}


html.dark-mode body.pcd-page .pcd-overview-number strong,
html[data-theme="dark"] body.pcd-page .pcd-overview-number strong {

    color: #F3F1EC;

}


html.dark-mode body.pcd-page .pcd-overview-number span,
html[data-theme="dark"] body.pcd-page .pcd-overview-number span {

    color: #FF9D2E;

}


html.dark-mode body.pcd-page .pcd-overview-copy p,
html[data-theme="dark"] body.pcd-page .pcd-overview-copy p {

    color: #A7B4BA;

}


html.dark-mode body.pcd-page .pcd-overview-copy .pcd-lead,
html[data-theme="dark"] body.pcd-page .pcd-overview-copy .pcd-lead {

    color: #F3F1EC;

}


/* =========================================================
   LINES
========================================================= */

html.dark-mode body.pcd-page .pcd-highlight-list,
html[data-theme="dark"] body.pcd-page .pcd-highlight-list,
html.dark-mode body.pcd-page .pcd-highlight,
html[data-theme="dark"] body.pcd-page .pcd-highlight,
html.dark-mode body.pcd-page .pcd-application-list,
html[data-theme="dark"] body.pcd-page .pcd-application-list,
html.dark-mode body.pcd-page .pcd-application,
html[data-theme="dark"] body.pcd-page .pcd-application,
html.dark-mode body.pcd-page .pcd-info-table,
html[data-theme="dark"] body.pcd-page .pcd-info-table,
html.dark-mode body.pcd-page .pcd-info-row,
html[data-theme="dark"] body.pcd-page .pcd-info-row {

    border-color:
        rgba(
            243,
            241,
            236,
            .13
        );

}


/* =========================================================
   HIGHLIGHTS
========================================================= */

html.dark-mode body.pcd-page .pcd-index,
html[data-theme="dark"] body.pcd-page .pcd-index {

    color: #FF9D2E;

}


html.dark-mode body.pcd-page .pcd-highlight h3,
html[data-theme="dark"] body.pcd-page .pcd-highlight h3 {

    color: #F3F1EC;

}


html.dark-mode body.pcd-page .pcd-highlight p,
html[data-theme="dark"] body.pcd-page .pcd-highlight p {

    color: #A7B4BA;

}


/* =========================================================
   APPLICATIONS
========================================================= */

html.dark-mode body.pcd-page .pcd-application > span,
html[data-theme="dark"] body.pcd-page .pcd-application > span {

    color: #FF9D2E;

}


html.dark-mode body.pcd-page .pcd-application h3,
html[data-theme="dark"] body.pcd-page .pcd-application h3 {

    color: #F3F1EC;

}


html.dark-mode body.pcd-page .pcd-application p,
html[data-theme="dark"] body.pcd-page .pcd-application p {

    color: #A7B4BA;

}


/* =========================================================
   INFORMATION
========================================================= */

html.dark-mode body.pcd-page .pcd-info-row span,
html[data-theme="dark"] body.pcd-page .pcd-info-row span {

    color: #89979D;

}


html.dark-mode body.pcd-page .pcd-info-row strong,
html[data-theme="dark"] body.pcd-page .pcd-info-row strong {

    color: #F3F1EC;

}


/* =========================================================
   SERVICE
========================================================= */

html.dark-mode body.pcd-page .pcd-service-copy p,
html[data-theme="dark"] body.pcd-page .pcd-service-copy p {

    color: #A7B4BA;

}


html.dark-mode body.pcd-page .pcd-text-link,
html[data-theme="dark"] body.pcd-page .pcd-text-link {

    color: #F3F1EC;

}


html.dark-mode body.pcd-page .pcd-text-link:hover,
html[data-theme="dark"] body.pcd-page .pcd-text-link:hover {

    color: #FF9D2E;

}


/* =========================================================
   SUGGESTED PRODUCTS
========================================================= */

html.dark-mode body.pcd-page .pcd-suggestion,
html[data-theme="dark"] body.pcd-page .pcd-suggestion {

    background: #151D21;

    border-color:
        rgba(
            243,
            241,
            236,
            .13
        );

}


html.dark-mode body.pcd-page .pcd-suggestion:hover,
html[data-theme="dark"] body.pcd-page .pcd-suggestion:hover {

    border-color:
        rgba(
            255,
            157,
            46,
            .55
        );

    box-shadow:
        0 20px 45px
        rgba(
            0,
            0,
            0,
            .30
        );

}


html.dark-mode body.pcd-page .pcd-suggestion-image,
html[data-theme="dark"] body.pcd-page .pcd-suggestion-image {

    background: #E7E5DF;

}


html.dark-mode body.pcd-page .pcd-suggestion-meta span,
html[data-theme="dark"] body.pcd-page .pcd-suggestion-meta span {

    color: #FF9D2E;

}


html.dark-mode body.pcd-page .pcd-suggestion-meta span:last-child,
html[data-theme="dark"] body.pcd-page .pcd-suggestion-meta span:last-child {

    color: #89979D;

}


html.dark-mode body.pcd-page .pcd-suggestion-body h3,
html[data-theme="dark"] body.pcd-page .pcd-suggestion-body h3 {

    color: #F3F1EC;

}


html.dark-mode body.pcd-page .pcd-suggestion-body p,
html[data-theme="dark"] body.pcd-page .pcd-suggestion-body p {

    color: #A7B4BA;

}


html.dark-mode body.pcd-page .pcd-view-all,
html[data-theme="dark"] body.pcd-page .pcd-view-all {

    color: #F3F1EC;

}


/* =========================================================
   CTA
========================================================= */

html.dark-mode body.pcd-page .pcd-cta,
html[data-theme="dark"] body.pcd-page .pcd-cta {

    background: #080D10;

}


html.dark-mode body.pcd-page .pcd-cta h2,
html[data-theme="dark"] body.pcd-page .pcd-cta h2 {

    color: #F3F1EC;

}


html.dark-mode body.pcd-page .pcd-cta p,
html[data-theme="dark"] body.pcd-page .pcd-cta p {

    color: #A7B4BA;

}


html.dark-mode body.pcd-page .pcd-cta .pcd-btn-secondary,
html[data-theme="dark"] body.pcd-page .pcd-cta .pcd-btn-secondary {

    color: #F3F1EC;

}


/* =========================================================
   BACK TO PRODUCTS
========================================================= */

html.dark-mode body.pcd-page .pcd-back-products > div > span,
html[data-theme="dark"] body.pcd-page .pcd-back-products > div > span {

    color: #FF9D2E;

}


/* =========================================================
   MOBILE DARK MODE
========================================================= */

@media (max-width: 767px) {

    html.dark-mode body.pcd-page .pcd-quick-item,
    html[data-theme="dark"] body.pcd-page .pcd-quick-item {

        border-color:
            rgba(
                243,
                241,
                236,
                .13
            );

    }

}
/* =========================================================
   POWERCORE CONTACT PAGE — DARK MODE
   ALL SELECTORS SCOPED TO .pc-contact-page
   ========================================================= */

html.dark-mode .pc-contact-page,
html[data-theme="dark"] .pc-contact-page,
body.dark-mode .pc-contact-page {

    --pcc-bg: #101619;
    --pcc-bg-alt: #151D21;

    --pcc-text: #F3F1EC;
    --pcc-muted: #A7B4BA;

    --pcc-line:
        rgba(243,241,236,.13);

    --pcc-soft:
        rgba(255,157,46,.13);

    --pcc-orange:
        #FF9D2E;

    --pcc-orange-hover:
        #FFB14A;

    --pcc-emergency:
        #D9655E;
}


/* =========================================================
   06 — EMERGENCY DISPATCH BEACON (DARK)
   ========================================================= */

html.dark-mode .pce-beacon,
html[data-theme="dark"] .pce-beacon,
body.dark-mode .pce-beacon {

    background:
        #0C1215;
}

html.dark-mode .pce-beacon-grid,
html[data-theme="dark"] .pce-beacon-grid,
body.dark-mode .pce-beacon-grid {

    opacity: .75;
}

html.dark-mode .pce-beacon-pod,
html[data-theme="dark"] .pce-beacon-pod,
body.dark-mode .pce-beacon-pod {

    background:
        var(--pcc-bg-alt);

    border-color:
        rgba(255,157,46,.26);

    box-shadow:
        0 12px 32px rgba(0,0,0,.55),
        0 0 20px rgba(255,157,46,.10);
}

html.dark-mode .pce-beacon-channel,
html[data-theme="dark"] .pce-beacon-channel,
body.dark-mode .pce-beacon-channel {

    background:
        #141B1F;
}

html.dark-mode .pce-beacon-channel:hover,
html[data-theme="dark"] .pce-beacon-channel:hover,
body.dark-mode .pce-beacon-channel:hover {

    background:
        #1A2328;
}


/* =========================================================
   GLOBAL CONTACT PAGE
   ========================================================= */

html.dark-mode .pcc-page,
html[data-theme="dark"] .pcc-page,
body.dark-mode .pcc-page {

    background:
        #101619;

    color:
        #F3F1EC;
}


/* =========================================================
   TEXT
   ========================================================= */

html.dark-mode .pcc-section-heading h2,
html[data-theme="dark"] .pcc-section-heading h2,
body.dark-mode .pcc-section-heading h2,

html.dark-mode .pcc-support-copy h2,
html[data-theme="dark"] .pcc-support-copy h2,
body.dark-mode .pcc-support-copy h2,

html.dark-mode .pcc-area-copy h2,
html[data-theme="dark"] .pcc-area-copy h2,
body.dark-mode .pcc-area-copy h2 {

    color:
        #F3F1EC;
}


html.dark-mode .pcc-section-heading p,
html[data-theme="dark"] .pcc-section-heading p,
body.dark-mode .pcc-section-heading p,

html.dark-mode .pcc-support-copy > p,
html[data-theme="dark"] .pcc-support-copy > p,
body.dark-mode .pcc-support-copy > p,

html.dark-mode .pcc-area-copy > p,
html[data-theme="dark"] .pcc-area-copy > p,
body.dark-mode .pcc-area-copy > p {

    color:
        #A7B4BA;
}


/* =========================================================
   INFO
   ========================================================= */

html.dark-mode .pcc-info-item h3,
html[data-theme="dark"] .pcc-info-item h3,
body.dark-mode .pcc-info-item h3 {

    color:
        #F3F1EC;
}


html.dark-mode .pcc-info-item p,
html[data-theme="dark"] .pcc-info-item p,
body.dark-mode .pcc-info-item p {

    color:
        #A7B4BA;
}


html.dark-mode .pcc-info-item a,
html[data-theme="dark"] .pcc-info-item a,
body.dark-mode .pcc-info-item a,

html.dark-mode .pcc-info-item > div:last-child > span,
html[data-theme="dark"] .pcc-info-item > div:last-child > span,
body.dark-mode .pcc-info-item > div:last-child > span {

    color:
        #F3F1EC;
}


/* =========================================================
   SUPPORT
   ========================================================= */

html.dark-mode .pcc-support,
html[data-theme="dark"] .pcc-support,
body.dark-mode .pcc-support {

    background:
        #151D21;
}


html.dark-mode .pcc-support-list strong,
html[data-theme="dark"] .pcc-support-list strong,
body.dark-mode .pcc-support-list strong {

    color:
        #F3F1EC;
}


html.dark-mode .pcc-image-frame,
html[data-theme="dark"] .pcc-image-frame,
body.dark-mode .pcc-image-frame {

    background:
        #0B1013;
}


/* =========================================================
   FORM
   ========================================================= */

html.dark-mode .pcc-form,
html[data-theme="dark"] .pcc-form,
body.dark-mode .pcc-form {

    background:
        #151D21;

    border-color:
        rgba(243,241,236,.13);

    box-shadow:
        0 25px 80px
        rgba(0,0,0,.32);
}


html.dark-mode .pcc-field label,
html[data-theme="dark"] .pcc-field label,
body.dark-mode .pcc-field label {

    color:
        #F3F1EC;
}


html.dark-mode .pcc-field input,
html.dark-mode .pcc-field select,
html.dark-mode .pcc-field textarea,

html[data-theme="dark"] .pcc-field input,
html[data-theme="dark"] .pcc-field select,
html[data-theme="dark"] .pcc-field textarea,

body.dark-mode .pcc-field input,
body.dark-mode .pcc-field select,
body.dark-mode .pcc-field textarea {

    background:
        #101619;

    color:
        #F3F1EC;

    border-color:
        rgba(243,241,236,.17);
}


html.dark-mode .pcc-field input::placeholder,
html.dark-mode .pcc-field textarea::placeholder,

html[data-theme="dark"] .pcc-field input::placeholder,
html[data-theme="dark"] .pcc-field textarea::placeholder,

body.dark-mode .pcc-field input::placeholder,
body.dark-mode .pcc-field textarea::placeholder {

    color:
        #A7B4BA;
}


html.dark-mode .pcc-field input:focus,
html.dark-mode .pcc-field select:focus,
html.dark-mode .pcc-field textarea:focus,

html[data-theme="dark"] .pcc-field input:focus,
html[data-theme="dark"] .pcc-field select:focus,
html[data-theme="dark"] .pcc-field textarea:focus,

body.dark-mode .pcc-field input:focus,
body.dark-mode .pcc-field select:focus,
body.dark-mode .pcc-field textarea:focus {

    border-color:
        #FF9D2E;

    box-shadow:
        0 0 0 3px
        rgba(255,157,46,.12);
}


/* =========================================================
   INVALID FORM FIELDS
   ========================================================= */

html.dark-mode .pcc-field.is-invalid label,
html[data-theme="dark"] .pcc-field.is-invalid label,
body.dark-mode .pcc-field.is-invalid label {

    color:
        #D9655E;
}


html.dark-mode .pcc-field.is-invalid input,
html.dark-mode .pcc-field.is-invalid select,
html.dark-mode .pcc-field.is-invalid textarea,

html[data-theme="dark"] .pcc-field.is-invalid input,
html[data-theme="dark"] .pcc-field.is-invalid select,
html[data-theme="dark"] .pcc-field.is-invalid textarea,

body.dark-mode .pcc-field.is-invalid input,
body.dark-mode .pcc-field.is-invalid select,
body.dark-mode .pcc-field.is-invalid textarea {

    border-color:
        #D9655E !important;

    box-shadow:
        0 0 0 3px
        rgba(217,101,94,.11);
}


html.dark-mode .pcc-error,
html[data-theme="dark"] .pcc-error,
body.dark-mode .pcc-error {

    color:
        #D9655E;
}


/* =========================================================
   FORM SUCCESS
   ========================================================= */

html.dark-mode .pcc-form-success,
html[data-theme="dark"] .pcc-form-success,
body.dark-mode .pcc-form-success {

    background:
        rgba(255,157,46,.10);

    color:
        #F3F1EC;

    border-color:
        rgba(255,157,46,.35);
}


/* =========================================================
   SERVICE AREA
   ========================================================= */

html.dark-mode .pcc-area,
html[data-theme="dark"] .pcc-area,
body.dark-mode .pcc-area {

    background:
        #101619;
}


html.dark-mode .pcc-area-details strong,
html[data-theme="dark"] .pcc-area-details strong,
body.dark-mode .pcc-area-details strong {

    color:
        #F3F1EC;
}


html.dark-mode .pcc-area-details p,
html[data-theme="dark"] .pcc-area-details p,
body.dark-mode .pcc-area-details p {

    color:
        #A7B4BA;
}


html.dark-mode .pcc-map-frame,
html[data-theme="dark"] .pcc-map-frame,
body.dark-mode .pcc-map-frame {

    background:
        #151D21;
}


/* =========================================================
   FINAL
   ========================================================= */

html.dark-mode .pcc-final,
html[data-theme="dark"] .pcc-final,
body.dark-mode .pcc-final {

    background:
        #151D21;
}


html.dark-mode .pcc-final h2,
html[data-theme="dark"] .pcc-final h2,
body.dark-mode .pcc-final h2 {

    color:
        #F3F1EC;
}


html.dark-mode .pcc-final p,
html[data-theme="dark"] .pcc-final p,
body.dark-mode .pcc-final p {

    color:
        #A7B4BA;
}


/* =========================================================
   SECONDARY BUTTON
   ========================================================= */

html.dark-mode .pcc-secondary-btn,
html[data-theme="dark"] .pcc-secondary-btn,
body.dark-mode .pcc-secondary-btn {

    color:
        #F3F1EC;

    border-color:
        rgba(243,241,236,.18);
}


html.dark-mode .pcc-secondary-btn:hover,
html[data-theme="dark"] .pcc-secondary-btn:hover,
body.dark-mode .pcc-secondary-btn:hover {

    color:
        #FF9D2E;

    border-color:
        #FF9D2E;
}
.pc-contact-page .pc-contact-network {
    background: #101619;
    color: #F3F1EC;
}

.pc-contact-page .pc-contact-network-header h2 {
    color: #F3F1EC;
}

.pc-contact-page .pc-contact-network-header p {
    color: #A7B4BA;
}

.pc-contact-page .pc-contact-map-wrap {
    border-color: rgba(255, 157, 46, 0.45);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}

.pc-contact-page .pc-contact-map-wrap::after {
    border-color: rgba(255, 157, 46, 0.18);
    box-shadow: inset 0 0 35px rgba(255, 157, 46, 0.08);
}
/* =========================================================
   POWERCORE ABOUT PAGE
   DARK MODE — PAGE SCOPED ONLY
   ========================================================= */

html.dark-mode .pca-page,
html[data-theme="dark"] .pca-page,
body.dark-mode .pca-page {

    --pca-bg: #101619;
    --pca-bg-alt: #171E21;

    --pca-graphite: #F3F1EC;
    --pca-muted: #A7B4BA;

    --pca-orange: #FF9D2E;
    --pca-orange-hover: #FFB14A;

    --pca-line:
        rgba(243, 241, 236, .16);

    background: #101619;

    color: #F3F1EC;
}


/* HERO */

html.dark-mode .pca-page .pca-hero,
html[data-theme="dark"] .pca-page .pca-hero,
body.dark-mode .pca-page .pca-hero {

    background: #101619;
}


/* OVERVIEW */

html.dark-mode .pca-page .pca-overview,
html[data-theme="dark"] .pca-page .pca-overview,
body.dark-mode .pca-page .pca-overview {

    background: #101619;

    color: #F3F1EC;
}


html.dark-mode .pca-page .pca-section h2,
html[data-theme="dark"] .pca-page .pca-section h2,
body.dark-mode .pca-page .pca-section h2 {

    color: #F3F1EC;
}


html.dark-mode .pca-page .pca-overview-copy > p,
html[data-theme="dark"] .pca-page .pca-overview-copy > p,
body.dark-mode .pca-page .pca-overview-copy > p {

    color: #A7B4BA;
}


html.dark-mode .pca-page .pca-capabilities strong,
html[data-theme="dark"] .pca-page .pca-capabilities strong,
body.dark-mode .pca-page .pca-capabilities strong {

    color: #F3F1EC;
}


html.dark-mode .pca-page .pca-capabilities small,
html[data-theme="dark"] .pca-page .pca-capabilities small,
body.dark-mode .pca-page .pca-capabilities small {

    color: #A7B4BA;
}


html.dark-mode .pca-page .pca-image-frame,
html[data-theme="dark"] .pca-page .pca-image-frame,
body.dark-mode .pca-page .pca-image-frame {

    background: #171E21;

    border-color:
        rgba(255, 157, 46, .4);

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


html.dark-mode .pca-page .pca-image-frame img,
html[data-theme="dark"] .pca-page .pca-image-frame img,
body.dark-mode .pca-page .pca-image-frame img {

    filter:
        saturate(.9)
        contrast(1.04);
}


/* PURPOSE */

html.dark-mode .pca-page .pca-purpose,
html[data-theme="dark"] .pca-page .pca-purpose,
body.dark-mode .pca-page .pca-purpose {

    background: #0B1012;
}


html.dark-mode .pca-page .pca-purpose-heading p,
html[data-theme="dark"] .pca-page .pca-purpose-heading p,
body.dark-mode .pca-page .pca-purpose-heading p {

    color: #A7B4BA;
}


/* CARDS */

html.dark-mode .pca-page .pca-purpose-card,
html[data-theme="dark"] .pca-page .pca-purpose-card,
body.dark-mode .pca-page .pca-purpose-card {

    background:
        linear-gradient(
            145deg,
            #1A2327,
            #101619
        );

    border-color:
        rgba(255, 157, 46, .5);

    box-shadow:
        0 0 0 1px
        rgba(255, 157, 46, .05),

        0 0 40px
        rgba(255, 157, 46, .07),

        inset 0 0 35px
        rgba(255, 157, 46, .025);
}


html.dark-mode .pca-page .pca-purpose-card h3,
html[data-theme="dark"] .pca-page .pca-purpose-card h3,
body.dark-mode .pca-page .pca-purpose-card h3 {

    color: #F3F1EC;
}


html.dark-mode .pca-page .pca-purpose-card p,
html[data-theme="dark"] .pca-page .pca-purpose-card p,
body.dark-mode .pca-page .pca-purpose-card p {

    color: #A7B4BA;
}


html.dark-mode .pca-page .pca-card-kicker,
html[data-theme="dark"] .pca-page .pca-card-kicker,
body.dark-mode .pca-page .pca-card-kicker {

    color: #FF9D2E;
}


html.dark-mode .pca-page .pca-card-number,
html[data-theme="dark"] .pca-page .pca-card-number,
body.dark-mode .pca-page .pca-card-number {

    color: #FF9D2E;
}


/* CENTER COLLISION */

html.dark-mode .pca-page .pca-collision-core,
html[data-theme="dark"] .pca-page .pca-collision-core,
body.dark-mode .pca-page .pca-collision-core {

    background: #101619;

    border-color:
        rgba(255, 157, 46, .65);

    box-shadow:
        0 0 40px
        rgba(255, 157, 46, .24);
}

/* =========================================================
   POWERCORE ABOUT
   TEAM + PROCESS — DARK MODE
   ========================================================= */


/* =========================================================
   TEAM
   ========================================================= */

html.dark-mode .pca-team,
body.dark-mode .pca-team,
html.dark .pca-team,
body.dark .pca-team {

    background: #101619;
    color: #f3f1ec;
}


html.dark-mode .pca-team-grid,
body.dark-mode .pca-team-grid,
html.dark .pca-team-grid,
body.dark .pca-team-grid {

    opacity: .28;

    background-image:
        linear-gradient(
            rgba(243, 241, 236, .045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(243, 241, 236, .045) 1px,
            transparent 1px
        );
}


html.dark-mode .pca-team-heading p,
body.dark-mode .pca-team-heading p,
html.dark .pca-team-heading p,
body.dark .pca-team-heading p {

    color: #a7b4ba;
}


html.dark-mode .pca-team-hint,
body.dark-mode .pca-team-hint,
html.dark .pca-team-hint,
body.dark .pca-team-hint {

    color: #a7b4ba;
}


/* =========================================================
   TEAM CARDS
   ========================================================= */

html.dark-mode .pca-team-front,
body.dark-mode .pca-team-front,
html.dark .pca-team-front,
body.dark .pca-team-front {

    background: #101619;
}


html.dark-mode .pca-team-back,
body.dark-mode .pca-team-back,
html.dark .pca-team-back,
body.dark .pca-team-back {

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(255, 157, 46, .14),
            transparent 32%
        ),
        #101619;
}


html.dark-mode .pca-team-back p,
body.dark-mode .pca-team-back p,
html.dark .pca-team-back p,
body.dark .pca-team-back p {

    color: #a7b4ba;
}


/* =========================================================
   PROCESS
   ========================================================= */

html.dark-mode .pca-process,
body.dark-mode .pca-process,
html.dark .pca-process,
body.dark .pca-process {

    background: #101619;
    color: #f3f1ec;
}


html.dark-mode .pca-process-heading p,
body.dark-mode .pca-process-heading p,
html.dark .pca-process-heading p,
body.dark .pca-process-heading p {

    color: #a7b4ba;
}


html.dark-mode .pca-process-node h3,
body.dark-mode .pca-process-node h3,
html.dark .pca-process-node h3,
body.dark .pca-process-node h3 {

    color: #f3f1ec;
}


html.dark-mode .pca-process-node p,
body.dark-mode .pca-process-node p,
html.dark .pca-process-node p,
body.dark .pca-process-node p {

    color: #a7b4ba;
}


html.dark-mode .pca-process-node-core,
body.dark-mode .pca-process-node-core,
html.dark .pca-process-node-core,
body.dark .pca-process-node-core {

    background: #101619;
}


html.dark-mode .pca-process-footer p,
body.dark-mode .pca-process-footer p,
html.dark .pca-process-footer p,
body.dark .pca-process-footer p {

    color: #c4cdd1;
}


/* =========================================================
   DARK MODE — ORANGE
   ========================================================= */

html.dark-mode .pca-team-heading h2 em,
body.dark-mode .pca-team-heading h2 em,
html.dark .pca-team-heading h2 em,
body.dark .pca-team-heading h2 em,

html.dark-mode .pca-process-heading h2 em,
body.dark-mode .pca-process-heading h2 em,
html.dark .pca-process-heading h2 em,
body.dark .pca-process-heading h2 em {

    color: #ff9d2e;
}

/* =========================================================
   POWERCORE ABOUT — SECTIONS 6–9 DARK MODE
   ========================================================= */


/* SECTION 6 */

html.dark .pca6-why,
body.dark .pca6-why,
.dark-mode .pca6-why {
    background: #101619;
    color: #F3F1EC;
}

html.dark .pca6-grid-bg,
body.dark .pca6-grid-bg,
.dark-mode .pca6-grid-bg {
    opacity: .5;
    background-image:
        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );
}

html.dark .pca6-intro p,
body.dark .pca6-intro p,
.dark-mode .pca6-intro p,
html.dark .pca6-item-body p,
body.dark .pca6-item-body p,
.dark-mode .pca6-item-body p {
    color: #A7B4BA;
}

html.dark .pca6-item,
body.dark .pca6-item,
.dark-mode .pca6-item {
    border-color: rgba(243,241,236,.14);
}


/* SECTION 7 */

html.dark .pca7-stats,
body.dark .pca7-stats,
.dark-mode .pca7-stats {
    background: #0D1215;
    color: #F3F1EC;
}

html.dark .pca7-heading p,
body.dark .pca7-heading p,
.dark-mode .pca7-heading p {
    color: #A7B4BA;
}


/* SECTION 8 */

html.dark .pca8-commitment,
body.dark .pca8-commitment,
.dark-mode .pca8-commitment {
    background: #101619;
    color: #F3F1EC;
}

html.dark .pca8-pattern,
body.dark .pca8-pattern,
.dark-mode .pca8-pattern {
    opacity: .3;
}

html.dark .pca8-copy > p,
body.dark .pca8-copy > p,
.dark-mode .pca8-copy > p {
    color: #A7B4BA;
}


/* SECTION 9 */

html.dark .pca9-cta,
body.dark .pca9-cta,
.dark-mode .pca9-cta {
    background: #090E11;
    color: #F3F1EC;
}

html.dark .pca9-content > p,
body.dark .pca9-content > p,
.dark-mode .pca9-content > p {
    color: #A7B4BA;
}

html.dark .pca9-btn-secondary,
body.dark .pca9-btn-secondary,
.dark-mode .pca9-btn-secondary {
    color: #202A30;
}

/* =========================================================
   POWERCORE — AMC PLANS PAGE
   Dark-mode refinements (variables already switch in styles.css
   via html[data-theme="dark"] / html.dark-mode). This file only
   adds the extra touches needed so every AMC element stays
   fully legible and on-brand once dark mode is active.
   ========================================================= */

html.dark-mode .amc-hero-bg,
html[data-theme="dark"] .amc-hero-bg {
    background:
        linear-gradient(180deg, rgba(10,14,16,.62), rgba(10,14,16,.85) 60%, rgba(10,14,16,.97)),
    url("../images/about.hero.jpg") center / cover no-repeat;
}

html.dark-mode .amc-why-card,
html[data-theme="dark"] .amc-why-card,
html.dark-mode .amc-plan,
html[data-theme="dark"] .amc-plan,
html.dark-mode .amc-faq-item,
html[data-theme="dark"] .amc-faq-item {
    background: var(--amc-surface);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .5);
}

html.dark-mode .amc-plan-popular,
html[data-theme="dark"] .amc-plan-popular {
    background: linear-gradient(180deg, rgba(255, 157, 46, .12), var(--amc-surface) 45%);
}

html.dark-mode .amc-plan-badge,
html[data-theme="dark"] .amc-plan-badge,
html.dark-mode .amc-btn-primary,
html[data-theme="dark"] .amc-btn-primary {
    color: #101619;
}

html.dark-mode .amc-coverage-frame img,
html[data-theme="dark"] .amc-coverage-frame img {
    filter: brightness(.92) saturate(1.05);
}

html.dark-mode .amc-hero-grid,
html[data-theme="dark"] .amc-hero-grid {
    opacity: .35;
}

html.dark-mode .amc-step-num,
html[data-theme="dark"] .amc-step-num {
    box-shadow: 0 0 0 6px var(--amc-bg), 0 0 18px rgba(255, 157, 46, .25);
}

html.dark-mode .amc-faq-cta,
html[data-theme="dark"] .amc-faq-cta {
    background: linear-gradient(160deg, #0B1013, #151D21);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .55);
}

/* Ensure every paragraph / soft-text keeps AA contrast on dark surfaces */
html.dark-mode .amc-page p,
html[data-theme="dark"] .amc-page p {
    color: var(--amc-text-soft);
}

/* =========================================================
   POWERCORE — SERVICE AREA PAGE
   Dark-mode refinements. Variables already switch in styles.css
   via html[data-theme="dark"] / html.dark-mode; this file only
   fine-tunes surfaces/photos so everything stays legible.
   Scoped to .sva- classes only — no global selectors.
   ========================================================= */

html.dark-mode .sva-hero-bg,
html[data-theme="dark"] .sva-hero-bg {
    background:
        linear-gradient(180deg, rgba(10,14,16,.62), rgba(10,14,16,.86) 60%, rgba(10,14,16,.97)),
        url("../images/h1.3.jpg") center / cover no-repeat;
}

html.dark-mode .sva-hero-grid,
html[data-theme="dark"] .sva-hero-grid {
    opacity: .35;
}

html.dark-mode .sva-chip,
html[data-theme="dark"] .sva-chip,
html.dark-mode .sva-flip-front,
html[data-theme="dark"] .sva-flip-front,
html.dark-mode .sva-quote-card,
html[data-theme="dark"] .sva-quote-card,
html.dark-mode .sva-nexus-tag,
html[data-theme="dark"] .sva-nexus-tag,
html.dark-mode .sva-wall-stat,
html[data-theme="dark"] .sva-wall-stat,
html.dark-mode .sva-wall-stage,
html[data-theme="dark"] .sva-wall-stage {
    background: var(--sva-surface);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .5);
}

html.dark-mode .sva-flip-back,
html[data-theme="dark"] .sva-flip-back {
    background: linear-gradient(160deg, #0B1013, #151D21);
}

html.dark-mode .sva-nexus-tag,
html[data-theme="dark"] .sva-nexus-tag {
    border-color: rgba(255, 157, 46, .30);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .45), 0 0 20px rgba(255, 157, 46, .12);
}

html.dark-mode .sva-nexus,
html[data-theme="dark"] .sva-nexus,
html.dark-mode .sva-wall,
html[data-theme="dark"] .sva-wall {
    background: var(--sva-bg);
}

/* Section 4 / 5 — hotter electric glow on dark */
html.dark-mode .sva-nexus-glow-a,
html[data-theme="dark"] .sva-nexus-glow-a,
html.dark-mode .sva-wall-glow-a,
html[data-theme="dark"] .sva-wall-glow-a {
    filter: blur(74px);
}

html.dark-mode .sva-wall-bar,
html[data-theme="dark"] .sva-wall-bar {
    background: linear-gradient(180deg, #FFD9A0, #FF9D2E 42%, #FF8A00);
    box-shadow: 0 0 26px rgba(255, 157, 46, .8), inset 0 1px 0 rgba(255, 255, 255, .45);
}

html.dark-mode .sva-btn-primary,
html[data-theme="dark"] .sva-btn-primary,
html.dark-mode .sva-nexus-core-label,
html[data-theme="dark"] .sva-nexus-core-label {
    color: #101619;
}

html.dark-mode .sva-cta-panel,
html[data-theme="dark"] .sva-cta-panel {
    background: linear-gradient(160deg, #0B1013, #171F24);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .55);
}

/* Keep body copy on dark surfaces comfortably legible */
html.dark-mode .sva-page p,
html[data-theme="dark"] .sva-page p {
    color: var(--sva-text-soft);
}

html.dark-mode{
    --bg:#101619;
    --bg2:#161d20;
    --txt:#F3F1EC;
    --muted:#A7B4BA;
    --line:rgba(243,241,236,.13);
    --white:#F3F1EC;
}

html.dark-mode .pc-nav{
    background:rgba(16,22,25,.95);
}

html.dark-mode .pc-links>a,
html.dark-mode .pc-drop>button,
html.dark-mode .pc-controls button{
    color:#f3f1ec;
}

html.dark-mode .pc-drop>div{
    background:#151c1f;
    border-color:#ffffff18;
}

html.dark-mode .mobile{
    background:#101619;
}

html.dark-mode .mobile-links>a,
html.dark-mode .mobile-links summary,
html.dark-mode .mobile-head button{
    color:#f3f1ec;
}

html.dark-mode .marquee,
html.dark-mode .solutions{
    background:#101619;
}

html.dark-mode .tile{
    border-color:#ffffff18;
}

html.dark-mode .service p{
    color:#a7b4ba;
}

/* =========================================================
   POWERCORE HOMEPAGE 1
   SECTION 04 + 05 REDESIGN
   DARK MODE
   ========================================================= */


/* ---------------------------------------------------------
   SECTION 04 — POWER CAPACITY
   --------------------------------------------------------- */

html.dark-mode .pcx04-capacity,
html[data-theme="dark"] .pcx04-capacity{

    background:
        radial-gradient(
            circle at 68% 48%,
            rgba(255,157,46,.13),
            transparent 30%
        ),
        #101619;

    color:#F3F1EC;
}


html.dark-mode .pcx04-capacity-grid,
html[data-theme="dark"] .pcx04-capacity-grid{

    opacity:.38;

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


html.dark-mode .pcx04-capacity-glow,
html[data-theme="dark"] .pcx04-capacity-glow{

    opacity:.22;
}


html.dark-mode .pcx04-capacity-copy h2,
html[data-theme="dark"] .pcx04-capacity-copy h2{

    color:#F3F1EC;
}


html.dark-mode .pcx04-capacity-copy p,
html[data-theme="dark"] .pcx04-capacity-copy p{

    color:#A7B4BA;
}


html.dark-mode .pcx04-capacity-link,
html[data-theme="dark"] .pcx04-capacity-link{

    color:#F3F1EC;
}


html.dark-mode .pcx04-node-ring,
html[data-theme="dark"] .pcx04-node-ring{

    background:#101619;
}


html.dark-mode .pcx04-capacity-node,
html[data-theme="dark"] .pcx04-capacity-node{

    color:#F3F1EC;
}


html.dark-mode .pcx04-capacity-node::before,
html[data-theme="dark"] .pcx04-capacity-node::before{

    border-color:rgba(243,241,236,.17);
}


html.dark-mode .pcx04-capacity-node:hover::before,
html[data-theme="dark"] .pcx04-capacity-node:hover::before{

    border-color:#FF9D2E;

    background:
        rgba(255,157,46,.075);

    box-shadow:
        0 0 35px rgba(255,157,46,.16);
}


html.dark-mode .pcx04-capacity-node small,
html[data-theme="dark"] .pcx04-capacity-node small{

    color:#C2CBD0;
}


html.dark-mode .pcx04-power-label,
html[data-theme="dark"] .pcx04-power-label{

    background:
        rgba(16,22,25,.92);

    color:#F3F1EC;
}


html.dark-mode .pcx04-power-readout strong,
html[data-theme="dark"] .pcx04-power-readout strong{

    color:#F3F1EC;
}


html.dark-mode .pcx04-power-readout small,
html[data-theme="dark"] .pcx04-power-readout small{

    color:#C2CBD0;
}


html.dark-mode .pcx04-generator,
html[data-theme="dark"] .pcx04-generator{

    background:#080D10;

    border-color:
        rgba(255,157,46,.72);

    box-shadow:
        0 25px 75px rgba(0,0,0,.55),
        0 0 55px rgba(255,157,46,.16);
}


html.dark-mode .pcx04-generator-overlay,
html[data-theme="dark"] .pcx04-generator-overlay{

    background:
        linear-gradient(
            180deg,
            rgba(8,13,16,.05),
            rgba(8,13,16,.18) 45%,
            rgba(8,13,16,.82)
        );
}


html.dark-mode .pcx04-capacity-foot,
html[data-theme="dark"] .pcx04-capacity-foot{

    color:#A7B4BA;
}


/* ---------------------------------------------------------
   SECTION 05 — OUR PROCESS
   --------------------------------------------------------- */

html.dark-mode .pcx05-process,
html[data-theme="dark"] .pcx05-process{

    background:
        radial-gradient(
            circle at 55% 48%,
            rgba(255,157,46,.14),
            transparent 34%
        ),
        #101619;

    color:#F3F1EC;
}


html.dark-mode .pcx05-process-grid,
html[data-theme="dark"] .pcx05-process-grid{

    opacity:.38;

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


html.dark-mode .pcx05-process-glow,
html[data-theme="dark"] .pcx05-process-glow{

    background:
        rgba(255,157,46,.16);
}


html.dark-mode .pcx05-process-intro h2,
html[data-theme="dark"] .pcx05-process-intro h2{

    color:#F3F1EC;
}


html.dark-mode .pcx05-process-intro p,
html[data-theme="dark"] .pcx05-process-intro p{

    color:#A7B4BA;
}


html.dark-mode .pcx05-process-node,
html[data-theme="dark"] .pcx05-process-node{

    color:#F3F1EC;
}


html.dark-mode .pcx05-node-icon,
html[data-theme="dark"] .pcx05-node-icon{

    background:#101619;

    border-color:#FF9D2E;

    box-shadow:
        0 0 0 7px rgba(255,157,46,.055),
        0 0 30px rgba(255,157,46,.18);
}


html.dark-mode .pcx05-node-icon svg,
html[data-theme="dark"] .pcx05-node-icon svg{

    stroke:#FF9D2E;
}


html.dark-mode .pcx05-process-node:hover .pcx05-node-icon,
html[data-theme="dark"] .pcx05-process-node:hover .pcx05-node-icon{

    background:#FF9D2E;

    box-shadow:
        0 0 0 10px rgba(255,157,46,.10),
        0 0 42px rgba(255,157,46,.55);
}


html.dark-mode .pcx05-node-content h3,
html[data-theme="dark"] .pcx05-node-content h3{

    color:#F3F1EC;
}


html.dark-mode .pcx05-node-content p,
html[data-theme="dark"] .pcx05-node-content p{

    color:#A7B4BA;
}


html.dark-mode .pcx05-process-footer,
html[data-theme="dark"] .pcx05-process-footer{

    border-top-color:
        rgba(243,241,236,.13);
}


html.dark-mode .pcx05-process-footer strong,
html[data-theme="dark"] .pcx05-process-footer strong{

    color:#F3F1EC;
}


html.dark-mode .pcx05-process-footer p,
html[data-theme="dark"] .pcx05-process-footer p{

    color:#A7B4BA;
}


html.dark-mode .pcx05-process-footer a,
html[data-theme="dark"] .pcx05-process-footer a{

    color:#F3F1EC;
}


/* Brighter dark-mode glow */

html.dark-mode .pcx04-power-orbit,
html[data-theme="dark"] .pcx04-power-orbit{

    border-color:
        rgba(255,157,46,.34);
}


html.dark-mode .pcx04-capacity-line,
html[data-theme="dark"] .pcx04-capacity-line{

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,157,46,.42) 5%,
            #FF9D2E 20%,
            rgba(255,157,46,.72) 50%,
            #FF9D2E 80%,
            rgba(255,157,46,.42) 95%,
            transparent
        );

    box-shadow:
        0 0 18px rgba(255,157,46,.62);
}


html.dark-mode .pcx05-energy-wave::before,
html[data-theme="dark"] .pcx05-energy-wave::before{

    border-top-color:#FF9D2E;

    box-shadow:
        0 -2px 15px rgba(255,157,46,.8),
        0 0 32px rgba(255,157,46,.32);
}


html.dark-mode .pcx05-energy-wave::after,
html[data-theme="dark"] .pcx05-energy-wave::after{

    border-top-color:
        rgba(255,157,46,.28);
}

/* =========================================================
   POWERCORE 404
   THEME VARIABLES ONLY
   ========================================================= */


/* =========================================================
   LIGHT MODE
   SAME POWERCORE THEME
   ========================================================= */

:root,
html[data-theme="light"] {

    --pc404-bg:
        #F7F5F1;

    --pc404-text:
        #202A30;

    --pc404-muted:
        #596A73;

    --pc404-accent:
        #FF8A00;

    --pc404-accent-hover:
        #E87500;

    --pc404-button-text:
        #202A30;

    --pc404-border:
        rgba(
            32,
            42,
            48,
            .14
        );

    --pc404-border-strong:
        rgba(
            32,
            42,
            48,
            .24
        );

    --pc404-control-bg:
        rgba(
            32,
            42,
            48,
            .035
        );

    --pc404-grid-line:
        rgba(
            32,
            42,
            48,
            .055
        );

    --pc404-center-glow:
        rgba(
            255,
            138,
            0,
            .10
        );

    --pc404-side-glow:
        rgba(
            255,
            138,
            0,
            .055
        );

    --pc404-glow-color:
        rgba(
            255,
            138,
            0,
            .09
        );

    --pc404-accent-glow:
        rgba(
            255,
            138,
            0,
            .42
        );

    --pc404-accent-glow-soft:
        rgba(
            255,
            138,
            0,
            .20
        );

    --pc404-number:
        #202A30;

    --pc404-shadow-number:
        rgba(
            32,
            42,
            48,
            .045
        );

    --pc404-number-glow:
        rgba(
            255,
            138,
            0,
            .16
        );

    --pc404-ring:
        rgba(
            255,
            138,
            0,
            .45
        );

    --pc404-ring-soft:
        rgba(
            255,
            138,
            0,
            .08
        );

    --pc404-ring-faint:
        rgba(
            255,
            138,
            0,
            .12
        );

}


/* =========================================================
   DARK MODE
   SAME POWERCORE THEME
   ========================================================= */

html.dark-mode,
html[data-theme="dark"] {

    --pc404-bg:
        #101619;

    --pc404-text:
        #F3F1EC;

    --pc404-muted:
        #A7B4BA;

    --pc404-accent:
        #FF9D2E;

    --pc404-accent-hover:
        #FFB14A;

    --pc404-button-text:
        #202A30;

    --pc404-border:
        rgba(
            243,
            241,
            236,
            .13
        );

    --pc404-border-strong:
        rgba(
            243,
            241,
            236,
            .22
        );

    --pc404-control-bg:
        rgba(
            243,
            241,
            236,
            .045
        );

    --pc404-grid-line:
        rgba(
            243,
            241,
            236,
            .035
        );

    --pc404-center-glow:
        rgba(
            255,
            157,
            46,
            .13
        );

    --pc404-side-glow:
        rgba(
            255,
            157,
            46,
            .07
        );

    --pc404-glow-color:
        rgba(
            255,
            157,
            46,
            .13
        );

    --pc404-accent-glow:
        rgba(
            255,
            157,
            46,
            .55
        );

    --pc404-accent-glow-soft:
        rgba(
            255,
            157,
            46,
            .26
        );

    --pc404-number:
        #F3F1EC;

    --pc404-shadow-number:
        rgba(
            243,
            241,
            236,
            .035
        );

    --pc404-number-glow:
        rgba(
            255,
            157,
            46,
            .24
        );

    --pc404-ring:
        rgba(
            255,
            157,
            46,
            .58
        );

    --pc404-ring-soft:
        rgba(
            255,
            157,
            46,
            .10
        );

    --pc404-ring-faint:
        rgba(
            255,
            157,
            46,
            .16
        );

}

/* ================================================================
   POWERCORE — COMING SOON
   DARK MODE ONLY
   ================================================================ */


html.pc-dark body.pc-coming-body {

    background: #101619;

}


html.pc-dark .pc-coming-page {

    --coming-bg: #101619;

    --coming-text: #F3F1EC;

    --coming-muted: #A7B4BA;

    --coming-line:
        rgba(243, 241, 236, .13);

    --coming-panel:
        rgba(20, 27, 30, .72);

    background:
        radial-gradient(
            circle at 76% 50%,
            rgba(255, 138, 0, .13),
            transparent 25%
        ),

        #101619;

    color: #F3F1EC;

}


/* ================================================================
   GRID
   ================================================================ */

html.pc-dark .pc-coming-grid {

    opacity: .55;

    background-image:

        linear-gradient(
            rgba(243, 241, 236, .035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(243, 241, 236, .035) 1px,
            transparent 1px
        );

}


/* ================================================================
   CONTROLS
   ================================================================ */

html.pc-dark .pc-coming-control {

    background:
        rgba(16, 22, 25, .82);

    color: #F3F1EC;

    border-color:
        rgba(243, 241, 236, .16);

}


html.pc-dark .pc-coming-control:hover {

    color: #FF9D2E;

    border-color: #FF9D2E;

    background:
        rgba(255, 138, 0, .06);

}


/* ================================================================
   COPY
   ================================================================ */

html.pc-dark .pc-coming-kicker {

    color: #A7B4BA;

}


html.pc-dark .pc-coming-title {

    color: #F3F1EC;

}


html.pc-dark .pc-coming-title span {

    color: #FF9D2E;

    text-shadow:
        0 0 25px
        rgba(255, 157, 46, .22),

        0 0 70px
        rgba(255, 157, 46, .10);

}


html.pc-dark .pc-coming-description {

    color: #A7B4BA;

}


/* ================================================================
   STATUS
   ================================================================ */

html.pc-dark .pc-coming-status-top,
html.pc-dark .pc-coming-status-bottom {

    color: #A7B4BA;

}


html.pc-dark .pc-coming-status-top strong {

    color: #FF9D2E;

}


html.pc-dark .pc-coming-progress {

    background:
        rgba(243, 241, 236, .10);

}


/* ================================================================
   META
   ================================================================ */

html.pc-dark .pc-coming-meta span {

    color: #A7B4BA;

}


html.pc-dark .pc-coming-meta i {

    color: #FF9D2E;

}


/* ================================================================
   TECH LABELS
   ================================================================ */

html.pc-dark .pc-coming-tech {

    background:
        rgba(16, 22, 25, .68);

    border-left-color:
        #FF9D2E;

}


html.pc-dark .pc-coming-tech small {

    color: #A7B4BA;

}


html.pc-dark .pc-coming-tech strong {

    color: #F3F1EC;

}


/* ================================================================
   CORE
   ================================================================ */

html.pc-dark .pc-coming-core::after {

    background:
        radial-gradient(
            circle at 40% 35%,
            #FFB14A,
            #FF9D2E 28%,
            #9B4900 58%,
            #101619 74%
        );

}


html.pc-dark .pc-coming-core-inner {

    background:
        rgba(10, 14, 16, .92);

    border-color:
        rgba(255, 177, 74, .65);

}


html.pc-dark .pc-coming-core-inner i {

    color: #FF9D2E;

}


/* ================================================================
   BOTTOM
   ================================================================ */

html.pc-dark .pc-coming-bottom {

    color: #A7B4BA;

    border-top-color:
        rgba(243, 241, 236, .12);

}


html.pc-dark .pc-coming-bottom i {

    color: #FF9D2E;

}


/* ================================================================
   GLOWS
   ================================================================ */

html.pc-dark .pc-coming-glow-one {

    background:
        rgba(255, 138, 0, .18);

}


html.pc-dark .pc-coming-glow-two {

    background:
        rgba(255, 138, 0, .10);

}


/* ================================================================
   RINGS
   ================================================================ */

html.pc-dark .pc-coming-ring {

    border-color:
        rgba(255, 157, 46, .32);

}


html.pc-dark .ring-two {

    border-color:
        rgba(255, 157, 46, .44);

}


html.pc-dark .ring-three {

    border-color:
        rgba(255, 157, 46, .60);

}


/* ================================================================
   RTL + DARK COMBINATION
   ================================================================ */

html.pc-dark[dir="rtl"] .pc-coming-tech {

    border-left: 0;

    border-right:
        2px solid
        #FF9D2E;

}