/**
 * VRPA — Corporate Color System (site-wide)
 * Single palette: corporate var(--vrpa-black), ink var(--vrpa-black), white, cool neutral and muted gold var(--vrpa-yellow).
 * Design-only. Preserves structure, content, PageBuilder and icon artwork.
 * This stylesheet loads LAST on public pages; all rules are scoped to VRPA site components.
 */
:root{
  --vrpa-corporate:var(--vrpa-black);
  --vrpa-corporate-dark:var(--vrpa-black);
  --vrpa-corporate-deep:var(--vrpa-black);
  --vrpa-ink:var(--vrpa-black);
  --vrpa-subtle:var(--vrpa-gray-700);
  --vrpa-canvas:var(--vrpa-white);
  --vrpa-line:var(--vrpa-gray-100);
  --vrpa-accent:var(--vrpa-yellow);
  --vrpa-accent-hover:var(--vrpa-yellow);
  --blue:var(--vrpa-black);
  --gold:var(--vrpa-yellow);
  --vh26-teal:var(--vrpa-black);
  --vh26-ink:var(--vrpa-black);
  --vh26-gold:var(--vrpa-yellow);
  --vh26-line:var(--vrpa-gray-100);
  --vrpa-liquid-turquoise:var(--vrpa-gray-300);
  --vrpa-liquid-gold:var(--vrpa-yellow);
}
html{scroll-behavior:smooth}
body:not(.home){--blue:var(--vrpa-black);--gold:var(--vrpa-yellow);--panel:var(--vrpa-white)}
body.vrpa-corporate ::selection,
body ::selection{background:var(--vrpa-yellow)!important;color:var(--vrpa-black)!important}
body.vrpa-corporate ::-moz-selection{background:var(--vrpa-yellow)!important;color:var(--vrpa-black)!important}
body.vrpa-corporate input,
body.vrpa-corporate select,
body.vrpa-corporate textarea{accent-color:var(--vrpa-yellow)}
#brx-header .vrpa-nav{border-bottom-color:var(--vrpa-gray-100)}
body:not(.home):not(.vrpa-dark) #brx-header .vrpa-nav{background:color-mix(in srgb, var(--vrpa-white) 97.0%, transparent)!important}
body:not(.home):not(.vrpa-dark) #brx-header .vrpa-links a,
body:not(.home):not(.vrpa-dark) #brx-header .vrpa-mega-group>summary{color:var(--vrpa-black)}
body:not(.home) #brx-header :is(.vrpa-links a,.vrpa-mega-group>summary):hover,
body:not(.home) #brx-header .vrpa-mega-group[open]>summary{color:var(--vrpa-black)}
#brx-header .vrpa-mega-panel{border-color:var(--vrpa-gray-100)}
#brx-header .vrpa-mega-panel aside{background:var(--vrpa-white)}
#brx-header .vrpa-mega-panel a{color:var(--vrpa-black)}
#brx-header .vrpa-mega-panel a:hover{color:var(--vrpa-black)}
body:not(.home) .vrpa-btn-dark{background:var(--vrpa-black);color:var(--vrpa-white);border-color:var(--vrpa-black)}
body:not(.home) .vrpa-btn-dark:hover{background:var(--vrpa-gray-800);border-color:var(--vrpa-gray-800)}
body:not(.home) .vrpa-btn-outline{border-color:var(--vrpa-gray-300);color:var(--vrpa-black)}
body:not(.home) .vrpa-btn-outline:hover{background:var(--vrpa-white);color:var(--vrpa-black)}
body:not(.home) #brx-footer .vrpa-footer-col a:hover{color:var(--vrpa-black)}
/* Homepage: remove mixed pink/turquoise/purple light fields without flattening the artwork */
body.home{
  --bg:var(--vrpa-black);
  --ink:var(--vrpa-white);
  --muted:var(--vrpa-gray-200);
  --line:var(--vrpa-gray-800);
  --blue:var(--vrpa-yellow);
  --gold:var(--vrpa-yellow);
  --panel:var(--vrpa-black);
  background:var(--vrpa-black);
}
body.home #brx-header .vrpa-nav{
  background:color-mix(in srgb, var(--vrpa-black) 95.0%, transparent)!important;
  border-bottom:1px solid color-mix(in srgb, var(--vrpa-gray-100) 16.0%, transparent)!important;
  box-shadow:0 5px 18px color-mix(in srgb, var(--vrpa-black) 12.0%, transparent);
  -webkit-backdrop-filter:blur(9px) saturate(105%);
  backdrop-filter:blur(9px) saturate(105%);
}
body.home .vrpa-hero{
  background:radial-gradient(ellipse 58% 65% at 85% 35%,color-mix(in srgb, var(--vrpa-gray-800) 26.0%, transparent),transparent 85%),linear-gradient(125deg,var(--vrpa-black) 0%,var(--vrpa-black) 100%)!important;
}
body.home .vrpa-hero::before{
  background:radial-gradient(circle,color-mix(in srgb, var(--vrpa-gray-300) 17.0%, transparent),transparent 70%)!important;
  filter:blur(44px);
}
body.home .vrpa-hero::after{
  background:radial-gradient(circle,color-mix(in srgb, var(--vrpa-yellow) 15.0%, transparent),transparent 70%)!important;
  filter:blur(44px);
}
body.home .vrpa-hero>.vrpa-shell{
  background:linear-gradient(139deg,color-mix(in srgb, var(--vrpa-black) 85.0%, transparent),color-mix(in srgb, var(--vrpa-black) 90.0%, transparent) 62%,color-mix(in srgb, var(--vrpa-black) 84.0%, transparent))!important;
  border-color:color-mix(in srgb, var(--vrpa-gray-100) 19.0%, transparent)!important;
  box-shadow:0 22px 55px color-mix(in srgb, var(--vrpa-black) 22.0%, transparent),inset 0 1px 0 color-mix(in srgb, var(--vrpa-white) 4.5%, transparent);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
body.home .vrpa-hero>.vrpa-shell::before{
  background:radial-gradient(ellipse,color-mix(in srgb, var(--vrpa-yellow) 10.0%, transparent),transparent 75%)!important;
  filter:blur(30px);
}
body.home .vrpa-hero .vrpa-pill{
  border-color:color-mix(in srgb, var(--vrpa-yellow) 38.0%, transparent);
  background:color-mix(in srgb, var(--vrpa-white) 4.0%, transparent);
  color:var(--vrpa-gray-100);
  box-shadow:none;
}
body.home .vrpa-hero .vrpa-pill::before{
  background:var(--vrpa-yellow);
  box-shadow:none;
}
body.home .vrpa-btn-dark{
  background:var(--vrpa-yellow);
  border-color:var(--vrpa-yellow);
  color:var(--vrpa-black);
  box-shadow:none;
}
body.home .vrpa-btn-dark:hover{
  background:var(--vrpa-yellow);
  border-color:var(--vrpa-yellow);
  color:var(--vrpa-black);
  box-shadow:0 8px 24px color-mix(in srgb, var(--vrpa-yellow) 13.0%, transparent);
}
body.home .vrpa-btn-outline{
  background:transparent;
  border-color:var(--vrpa-gray-600);
  color:var(--vrpa-gray-100);
}
body.home .vrpa-section{background:var(--vrpa-black)}
body.home :is(#solutions,#industries){
  background:radial-gradient(ellipse 70% 55% at 90% 0%,color-mix(in srgb, var(--vrpa-gray-700) 10.0%, transparent),transparent 80%),var(--vrpa-black)!important;
}
body.home .vrpa-card,
body.home #industries .vrpa-card{
  background:linear-gradient(148deg,color-mix(in srgb, var(--vrpa-white) 6.5%, transparent),color-mix(in srgb, var(--vrpa-white) 1.5%, transparent))!important;
  border-color:color-mix(in srgb, var(--vrpa-gray-200) 20.0%, transparent);
}
body.home .vrpa-card-icon{
  background:color-mix(in srgb, var(--vrpa-gray-100) 9.0%, transparent)!important;
  border-color:color-mix(in srgb, var(--vrpa-gray-100) 23.0%, transparent);
  color:var(--vrpa-yellow);
  box-shadow:none;
}
body.home .vrpa-card-icon svg{filter:none}
body.home .vrpa-card:hover .vrpa-card-icon{
  background:color-mix(in srgb, var(--vrpa-gray-100) 14.0%, transparent)!important;
  border-color:color-mix(in srgb, var(--vrpa-yellow) 55.0%, transparent);
  box-shadow:none;
}
body.home .vrpa-panel{
  color:var(--vrpa-yellow);
  background:linear-gradient(130deg,var(--vrpa-black),var(--vrpa-black))!important;
  border-color:color-mix(in srgb, var(--vrpa-gray-100) 20.0%, transparent);
}
body.home #contact{
  background:radial-gradient(ellipse 52% 70% at 86% 45%,color-mix(in srgb, var(--vrpa-yellow) 7.0%, transparent),transparent 83%),var(--vrpa-black)!important;
}
body.home #brx-footer,
body.home #brx-footer .vrpa-footer{
  background:var(--vrpa-black);
  color:var(--vrpa-gray-300);
}
/* Homepage editorial sections: white/neutral, monochrome icons and muted gold details */
body.home .vh26-section{--vh26-ink:var(--vrpa-black);--vh26-muted:var(--vrpa-gray-700);--vh26-teal:var(--vrpa-black);color:var(--vrpa-black);background:var(--vrpa-white)}
body.home :is(.vh26-flow,.vh26-read){background:var(--vrpa-white)!important}
body.home .vh26-trust{background:var(--vrpa-white)!important;border-color:var(--vrpa-gray-100)}
body.home .vh26-trust-item{background:var(--vrpa-white);border-color:var(--vrpa-gray-100)}
body.home .vh26-trust-item:hover{border-color:var(--vrpa-gray-200)}
body.home .vh26-trust-item img{filter:grayscale(1);opacity:.8}
body.home .vh26-trust-item .vh26-wordmark{color:var(--vrpa-black)}
body.home .vh26-section .vh26-icon{
  background:var(--vrpa-gray-100);
  color:var(--vrpa-black);
  border:1px solid var(--vrpa-gray-100);
}
body.home .vh26-case-card,
body.home .vh26-flow-step,
body.home .vh26-read-card,
body.home .vh26-value-card,
body.home .vh26-faq-card{
  border-color:var(--vrpa-gray-100);
}
body.home :is(.vh26-case-link,.vh26-read-link){color:var(--vrpa-black)!important}
body.home .vh26-case-card:hover,
body.home .vh26-read-card:hover{border-color:var(--vrpa-gray-200)}
body.home .vh26-statement{background:var(--vrpa-black);color:var(--vrpa-white)}
body.home .vh26-statement .vh26-statement-btn{background:var(--vrpa-yellow);color:var(--vrpa-black)}
/* About Us: convert black-only microsite to same corporate palette */
.va-page{
  --va-ink:var(--vrpa-black);
  --va-ink-2:var(--vrpa-gray-800);
  --va-muted:var(--vrpa-gray-700);
  --va-line:var(--vrpa-gray-100);
  --va-soft:var(--vrpa-white);
  --va-gold:var(--vrpa-yellow);
  color:var(--vrpa-black);
}
.va-page .va-hero{background:var(--vrpa-white);border-color:var(--vrpa-gray-100)}
.va-page :is(.va-h1,.va-h2,.va-h3){color:var(--vrpa-black)}
.va-page .va-eyebrow{color:var(--vrpa-gray-800)}
.va-page .va-eyebrow::before{background:var(--vrpa-yellow)}
.va-page .va-h1 span,.va-page .va-h2 span{color:var(--vrpa-black)}
.va-page .va-btn-primary{background:var(--vrpa-black);border-color:var(--vrpa-black);color:var(--vrpa-white)}
.va-page .va-btn-primary:hover{background:var(--vrpa-gray-800);border-color:var(--vrpa-gray-800)}
.va-page .va-btn-ghost{background:transparent;color:var(--vrpa-black);border-color:var(--vrpa-gray-200)}
.va-page .va-btn-ghost:hover{color:var(--vrpa-black);border-color:var(--vrpa-black)}
.va-page .va-hero-visual{background:var(--vrpa-black);border-color:var(--vrpa-black);color:var(--vrpa-white)}
.va-page .va-brand-icon{background:var(--vrpa-white)}
.va-page .va-workflow-item{border-color:color-mix(in srgb, var(--vrpa-gray-100) 24.0%, transparent)}
.va-page .va-workflow-name{color:var(--vrpa-white)}
.va-page .va-page-nav{background:var(--vrpa-white);border-color:var(--vrpa-gray-100)}
.va-page .va-nav-link:hover{color:var(--vrpa-black)}
.va-page .va-cta-section{background:var(--vrpa-black);color:var(--vrpa-white)}
.va-page .va-cta-section :is(.va-h1,.va-h2,.va-h3){color:var(--vrpa-white)}
/* Training: remove seafoam / success-green icon tiles; preserve meaning by text */
.vtr-page{
  --ink:var(--vrpa-black);
  --navy:var(--vrpa-black);
  --deep:var(--vrpa-black);
  --muted:var(--vrpa-gray-700);
  --line:var(--vrpa-gray-100);
  --soft:var(--vrpa-white);
  --gold:var(--vrpa-yellow);
  color:var(--vrpa-black);
}
.vtr-page .vtr-hero{
  background:radial-gradient(ellipse at 82% 14%,color-mix(in srgb, var(--vrpa-gray-700) 25.0%, transparent),transparent 55%),linear-gradient(125deg,var(--vrpa-black),var(--vrpa-black))!important;
}
.vtr-page .vtr-board{background:var(--vrpa-white);border-color:var(--vrpa-gray-100)}
.vtr-page :is(.vtr-board-icon,.vtr-board-row-icon,.vtr-icon){
  background:var(--vrpa-gray-100);
  color:var(--vrpa-black);
  border:1px solid var(--vrpa-gray-100);
}
.vtr-page .vtr-board-row{border-color:var(--vrpa-gray-100)}
.vtr-page .vtr-board-row:last-child>svg,
.vtr-page .vtr-course-result strong{color:var(--vrpa-black)}
.vtr-page .vtr-course-tags span{background:var(--vrpa-white);color:var(--vrpa-gray-700);border-color:var(--vrpa-gray-100)}
.vtr-page .vtr-course:hover{border-color:var(--vrpa-gray-200)}
.vtr-page .vtr-cta{background:var(--vrpa-black)}
.vtr-page .vtr-cta-mark{border-color:color-mix(in srgb, var(--vrpa-gray-100) 24.0%, transparent)}
.vtr-page .vtr-cta-mark::before{border-color:color-mix(in srgb, var(--vrpa-gray-100) 25.0%, transparent)}
.vtr-page .vtr-cta-mark>div{background:color-mix(in srgb, var(--vrpa-gray-100) 9.0%, transparent)}
.vtr-page .vtr-cta footer{border-color:color-mix(in srgb, var(--vrpa-gray-100) 25.0%, transparent)}
.vtr-page :is(.vtr-soft,.vtr-muted-section){background:var(--vrpa-white)}
/* Resources: same navy and single-tone icons (no colored icon category variants) */
.vrc-page{
  --vrc-ink:var(--vrpa-black);
  --vrc-muted:var(--vrpa-gray-700);
  --vrc-gold:var(--vrpa-yellow);
  --vrc-border:var(--vrpa-gray-100);
}
.vrc-page .vrc-hero{background:var(--vrpa-black)}
.vrc-page .vrc-hero::before{
  background:radial-gradient(ellipse at 92% 17%,color-mix(in srgb, var(--vrpa-gray-600) 15.0%, transparent),transparent 62%);
}
.vrc-page .vrc-path-panel{
  background:linear-gradient(140deg,var(--vrpa-gray-800),var(--vrpa-black));
  border-color:var(--vrpa-gray-700);
}
.vrc-page :is(.vrc-card-symbol,.vrc-card-symbol.gold,.vrc-card-symbol.slate){
  background:var(--vrpa-gray-100);
  color:var(--vrpa-black);
  border:1px solid var(--vrpa-gray-100);
}
.vrc-page .vrc-filter-button.is-active{background:var(--vrpa-black);border-color:var(--vrpa-black);color:var(--vrpa-white)}
.vrc-page .vrc-button-dark{background:var(--vrpa-black)}
.vrc-page .vrc-button-dark:hover{background:var(--vrpa-gray-800)}
.vrc-page .vrc-step-num{background:var(--vrpa-black)}
.vrc-page .vrc-feature-main{background:linear-gradient(135deg,var(--vrpa-black),var(--vrpa-black))}
.vrc-page .vrc-cta{background:var(--vrpa-white)}
/* Support: hero and contact panel use corporate navy; icons follow monochrome design */
.vsc-page{
  --vsc-navy:var(--vrpa-black);
  --vsc-ink:var(--vrpa-black);
  --vsc-muted:var(--vrpa-gray-700);
  --vsc-gold:var(--vrpa-yellow);
  --vsc-icon-ink:var(--vrpa-black);
  --vsc-icon-bg:var(--vrpa-gray-100);
  --vsc-icon-line:var(--vrpa-gray-100);
  --vsc-canvas:var(--vrpa-white);
}
.vsc-page .vsc-hero{
  background:radial-gradient(ellipse 60% 75% at 88% 12%,color-mix(in srgb, var(--vrpa-gray-600) 18.0%, transparent),transparent 78%),linear-gradient(116deg,var(--vrpa-black),var(--vrpa-black))!important;
}
.vsc-page .vsc-contact-panel{
  background:radial-gradient(ellipse at 98% 0%,color-mix(in srgb, var(--vrpa-gray-600) 15.0%, transparent),transparent 70%),var(--vrpa-black);
}
.vsc-page :is(.vsc-card-icon,.vsc-card-icon-2,.vsc-card-icon-3,.vsc-card-icon-4,.vsc-category-icon,.vsc-check-icon,.vsc-board-state,.vsc-board-state-3,.vsc-board-state-4,.vsc-faq-toggle,.vsc-resource-link>span){
  background:var(--vrpa-gray-100);
  color:var(--vrpa-black);
  border-color:var(--vrpa-gray-100);
}
.vsc-page .vsc-board-header .vsc-board-brand>span{background:var(--vrpa-black)}
.vsc-page .vsc-priority-head{background:var(--vrpa-black)}
/* Journal, solution catalog, and shared native PageBuilder components */
.vrpa-blog,.vrpa-article{
  --vrp-navy:var(--vrpa-black);
  --vrp-gold:var(--vrpa-yellow);
  --vrp-ink:var(--vrpa-black);
  --vrp-line:var(--vrpa-gray-100);
}
.vrpa-mega-panel{border-color:var(--vrpa-gray-100)}
.vrpa-mega-panel aside{background:var(--vrpa-white)}
.vrpa-mega-panel :is(a:hover,.vrpa-mega-eyebrow){color:var(--vrpa-black)}
body:not(.home) .vrpa-card-icon{background:var(--vrpa-gray-100);color:var(--vrpa-black);border-color:var(--vrpa-gray-100)}
/* Cohesive focus treatment and reduced-motion friendliness */
:where(.va-page,.vtr-page,.vrc-page,.vsc-page,.vh26-section,.vrpa-mega-panel) :is(a,button,summary,input,select):focus-visible{
  outline:2px solid var(--vrpa-yellow);
  outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){
  body.home .vrpa-hero::before,
  body.home .vrpa-hero::after{filter:none}
}

/* Existing dark-mode toggle: retain readable header / navigation without reintroducing green */
body.vrpa-dark:not(.home){
  --bg:var(--vrpa-black);
  --ink:var(--vrpa-gray-100);
  --muted:var(--vrpa-gray-200);
  --line:var(--vrpa-gray-800);
  --panel:var(--vrpa-black);
  --blue:var(--vrpa-yellow);
  --gold:var(--vrpa-yellow);
}
body.vrpa-dark:not(.home) #brx-header .vrpa-nav{
  background:color-mix(in srgb, var(--vrpa-black) 97.0%, transparent)!important;
  border-bottom-color:var(--vrpa-gray-800);
}
body.vrpa-dark:not(.home) #brx-header .vrpa-links a,
body.vrpa-dark:not(.home) #brx-header .vrpa-mega-group>summary{color:var(--vrpa-gray-100)}
body.vrpa-dark:not(.home) #brx-header .vrpa-links a:hover,
body.vrpa-dark:not(.home) #brx-header .vrpa-mega-group[open]>summary{color:var(--vrpa-yellow)}
body.vrpa-dark:not(.home) #brx-header .vrpa-mega-panel{background:var(--vrpa-white);color:var(--vrpa-black)}
body.vrpa-dark:not(.home) #brx-header .vrpa-mega-panel a{color:var(--vrpa-black)}