/**
 * VRPA — Premium Corporate Homepage (12 Nov 2026)
 * Scoped to body.home. Overrides legacy Liquid/Art/Corporate CSS loaded before it.
 * Art direction: architectural white, charcoal and restrained warm-gold accents.
 */
html body.home {
  --bg:var(--vrpa-white)!important;
  --ink:var(--vrpa-black)!important;
  --muted:var(--vrpa-gray-800)!important;
  --line:var(--vrpa-gray-200)!important;
  --panel:var(--vrpa-white)!important;
  --blue:var(--vrpa-yellow)!important;
  --gold:var(--vrpa-yellow)!important;
  --vh26-ink:var(--vrpa-black)!important;
  --vh26-teal:var(--vrpa-black)!important;
  --vh26-gold:var(--vrpa-yellow)!important;
  --vh26-line:var(--vrpa-gray-200)!important;
  --vrpa-accent:var(--vrpa-yellow)!important;
  color:var(--vrpa-black)!important;
  background:var(--vrpa-white)!important;
  color-scheme:light;
}
html body.home ::selection{background:var(--vrpa-gray-200)!important;color:var(--vrpa-black)!important}
html body.home :is(#brx-header,#brx-content,#brx-footer) {scroll-margin-top:76px}
html body.home :is(#brx-content h1,#brx-content h2,#brx-content h3) {text-wrap:balance}
html body.home .vrpa-shell{max-width:1200px}
html body.home a:focus-visible,
html body.home button:focus-visible,
html body.home summary:focus-visible {outline:2px solid var(--vrpa-yellow)!important;outline-offset:4px}

/* Navigation: crisp white, no dark-gradient shell or distracting glow. */
html body.home #brx-header .vrpa-nav {
  height:78px!important;
  min-height:78px!important;
  background:color-mix(in srgb, var(--vrpa-white) 98.0%, transparent)!important;
  border-bottom:1px solid var(--vrpa-gray-200)!important;
  box-shadow:0 6px 22px color-mix(in srgb, var(--vrpa-black) 3.5%, transparent)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body.home #brx-header .vrpa-nav-inner{max-width:1280px!important;gap:22px!important}
html body.home #brx-header .vrpa-logo,
html body.home #brx-header .vrpa-logo *,
html body.home #brx-header .vrpa-links a,
html body.home #brx-header .vrpa-mega-desktop>a,
html body.home #brx-header .vrpa-mega-desktop summary {color:var(--vrpa-black)!important}
html body.home #brx-header .vrpa-logo .vrpa-official-full-logo{filter:none!important}
html body.home #brx-header .vrpa-mega-desktop summary:hover,
html body.home #brx-header .vrpa-mega-desktop>a:hover {color:var(--vrpa-yellow)!important}
html body.home #brx-header .vrpa-mega-panel,
html body.home #brx-header .vrpa-mega-mobile>nav {
  background:var(--vrpa-white)!important;color:var(--vrpa-black)!important;
  border:1px solid var(--vrpa-gray-200)!important;
  box-shadow:0 18px 45px color-mix(in srgb, var(--vrpa-black) 9.0%, transparent)!important
}
html body.home #brx-header .vrpa-mega-panel aside{background:var(--vrpa-gray-100)!important}
html body.home #brx-header .vrpa-mega-panel aside p{color:var(--vrpa-gray-700)!important}
html body.home #brx-header .vrpa-mega-panel a,
html body.home #brx-header .vrpa-mega-mobile a {color:var(--vrpa-black)!important}
html body.home #brx-header .vrpa-mega-panel a:hover,
html body.home #brx-header .vrpa-mega-mobile a:hover {color:var(--vrpa-yellow)!important}
html body.home #brx-header .vrpa-actions .vrpa-btn {
  background:var(--vrpa-black)!important;
  color:var(--vrpa-white)!important;
  border-color:var(--vrpa-black)!important;
  border-radius:8px!important;
  box-shadow:none!important;
  font-weight:750!important;
}
html body.home #brx-header .vrpa-actions .vrpa-btn:hover{background:var(--vrpa-gray-800)!important;transform:none!important}
html body.home #brx-header .vrpa-lang-trigger{
  border:1px solid var(--vrpa-gray-200)!important;color:var(--vrpa-black)!important;
  background:var(--vrpa-white)!important;border-radius:8px!important;
  box-shadow:none!important
}
html body.home #brx-header .vrpa-lang-panel{background:var(--vrpa-white)!important;color:var(--vrpa-black)!important;border-color:var(--vrpa-gray-200)!important}
html body.home #brx-header .vrpa-lang-search-wrap{background:var(--vrpa-white)!important}

/* Editorial hero: text left, product architecture artwork right, whitespace disciplined. */
html body.home .vrpa-hero {
  padding:86px 0 74px!important;
  min-height:0!important;
  background:var(--vrpa-white)!important;
  color:var(--vrpa-black)!important;
  text-align:left!important;
  overflow:hidden!important;
}
html body.home .vrpa-hero::before,
html body.home .vrpa-hero::after,
html body.home .vrpa-hero>.vrpa-shell::before,
html body.home .vrpa-hero>.vrpa-shell::after {
  content:none!important;
  display:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body.home .vrpa-hero>.vrpa-shell{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1fr)!important;
  gap:0 46px!important;
  align-items:center!important;
  text-align:left!important;
  margin:0 auto!important;
  padding:32px 26px!important;
  width:100%!important;
  max-width:1260px!important;
  min-height:0!important;
  background:none!important;
  color:var(--vrpa-black)!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body.home .vrpa-hero>.vrpa-shell>.vrpa-pill{
  grid-column:1;grid-row:1;
  justify-self:start!important;
  margin:0 0 18px!important;
  padding:8px 13px!important;
  border:1px solid var(--vrpa-gray-200)!important;
  border-radius:7px!important;
  background:var(--vrpa-white)!important;
  color:var(--vrpa-yellow)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  line-height:1.4!important;
  box-shadow:none!important
}
html body.home .vrpa-hero .vrpa-pill::before{display:none!important}
html body.home .vrpa-hero .vrpa-dot{background:var(--vrpa-yellow)!important;box-shadow:none!important}
html body.home .vrpa-hero h1{
  grid-column:1;grid-row:2;
  max-width:625px!important;
  font-size:clamp(42px,4.35vw,66px)!important;
  line-height:1.19!important;
  letter-spacing:-.055em!important;
  font-weight:800!important;
  margin:0 0 22px!important;
  color:var(--vrpa-black)!important;
  text-align:left!important;
  text-shadow:none!important;
}
html body.home .vrpa-hero h1 em{
  display:block!important;
  color:var(--vrpa-yellow)!important;
  font-style:normal!important;
  text-shadow:none!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
}
html body.home .vrpa-hero>.vrpa-shell>.brxe-text-basic:not(.vrpa-pill) {
  grid-column:1;grid-row:3;
  max-width:565px!important;
  color:var(--vrpa-gray-700)!important;
  font-size:17px!important;
  line-height:1.85!important;
  text-align:left!important;
  margin:0 0 28px!important;
  font-weight:400!important;
}
html body.home .vrpa-hero .vrpa-cta{
  grid-column:1;grid-row:4;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
  flex-wrap:wrap!important;
}
html body.home .vrpa-hero .vrpa-cta .vrpa-btn{
  min-height:51px!important;
  border-radius:8px!important;
  box-shadow:none!important;
  padding:12px 23px!important;
  font-weight:800!important;
  font-size:13px!important;
  letter-spacing:0!important;
  transition:background-color .16s,border-color .16s!important
}
html body.home .vrpa-hero .vrpa-btn-dark{
  background:var(--vrpa-black)!important;border-color:var(--vrpa-black)!important;color:var(--vrpa-white)!important
}
html body.home .vrpa-hero .vrpa-btn-dark:hover{background:var(--vrpa-gray-800)!important;border-color:var(--vrpa-gray-800)!important;transform:none!important}
html body.home .vrpa-hero .vrpa-btn-outline{
  background:var(--vrpa-white)!important;border-color:var(--vrpa-gray-200)!important;color:var(--vrpa-black)!important
}
html body.home .vrpa-hero .vrpa-btn-outline:hover{border-color:var(--vrpa-yellow)!important;background:var(--vrpa-white)!important;transform:none!important}
html body.home .vrpa-hero .vrpa-under{
  grid-column:2;grid-row:1 / span 4;
  margin:0!important;padding:0!important;
  width:100%!important;max-width:none!important;
  border:0!important;border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important
}
html body.home .vrpa-hero .vrpa-window{
  background:var(--vrpa-black)!important;
  border:1px solid var(--vrpa-black)!important;
  border-radius:16px!important;
  box-shadow:0 24px 56px color-mix(in srgb, var(--vrpa-black) 14.0%, transparent)!important;
  color:var(--vrpa-gray-300)!important;
  overflow:hidden!important
}
html body.home .vrpa-hero .vrpa-windowbar{
  padding:15px 20px!important;
  color:var(--vrpa-gray-500)!important;
  background:var(--vrpa-black)!important;
  border-bottom:1px solid var(--vrpa-gray-800)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.05em!important
}
html body.home .vrpa-hero .vrpa-windowcontent{padding:0!important;display:block!important;background:transparent!important}
html body.home .vrpa-hero .vrpa-window-graphic{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:clamp(215px,23vw,336px)!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-color:var(--vrpa-black)!important;
  filter:grayscale(.46) saturate(.6)!important;
  margin:0!important
}
html body.home .vrpa-hero .vrpa-windowtext{display:none!important}

/* Shared content rhythm. */
html body.home #brx-content .vrpa-section{
  padding:78px 0!important;
  border-top:1px solid var(--vrpa-gray-200)!important;
  color:var(--vrpa-black)!important;
  background:var(--vrpa-white)!important
}
html body.home #brx-content .vh26-section{
  padding:78px 0!important;
  background:var(--vrpa-white)!important;
  color:var(--vrpa-black)!important;
}
html body.home #brx-content :is(#framework,#solutions,#industries,#about,#approach,#delivery){background:var(--vrpa-white)!important}
html body.home #brx-content :is(#connected-architecture,#why-vrpa,#industries,#insights){background:var(--vrpa-white)!important}
html body.home #brx-content :is(#framework,#ai,#solutions,#industries,#about,#approach,#delivery,#contact) .vrpa-shell{
  max-width:1200px!important
}
html body.home #brx-content :is(.vrpa-section,.vh26-section) :is(h2,.vh26-title){
  color:var(--vrpa-black)!important;
  font-size:clamp(30px,3.25vw,44px)!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:-.04em!important;
  text-shadow:none!important;
  margin-bottom:15px!important;
  text-wrap:balance
}
html body.home #brx-content :is(.vrpa-section,.vh26-section) :is(.vrpa-lead,.vh26-lead){
  max-width:810px!important;
  font-size:16px!important;
  color:var(--vrpa-gray-800)!important;
  line-height:1.9!important;
  margin:0 0 34px!important
}
html body.home #brx-content :is(.vrpa-section,.vh26-section) :is(.vrpa-eyebrow,.vh26-eyebrow){
  color:var(--vrpa-yellow)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  margin-bottom:13px!important;
}
html body.home #brx-content .vrpa-cards{gap:16px!important;align-items:stretch!important}
html body.home #brx-content .vrpa-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-height:230px!important;
  padding:28px!important;
  border:1px solid var(--vrpa-gray-200)!important;
  border-radius:12px!important;
  background:var(--vrpa-white)!important;
  color:var(--vrpa-black)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:border-color .18s,box-shadow .18s!important;
  isolation:auto!important
}
html body.home #brx-content .vrpa-card::before{display:none!important}
html body.home #brx-content .vrpa-card:hover{
  background:var(--vrpa-white)!important;
  border-color:var(--vrpa-yellow)!important;
  box-shadow:0 14px 36px color-mix(in srgb, var(--vrpa-black) 5.5%, transparent)!important;
  transform:none!important;
}
html body.home #brx-content .vrpa-card h3,
html body.home #brx-content .vrpa-card .brxe-heading{
  font-size:19px!important;
  font-weight:800!important;
  color:var(--vrpa-black)!important;
  letter-spacing:-.02em!important;
  margin:0 0 9px!important;
  line-height:1.4!important
}
html body.home #brx-content .vrpa-card .brxe-text-basic:last-child{
  color:var(--vrpa-gray-700)!important;
  font-size:14px!important;
  line-height:1.78!important;
  font-weight:400!important
}
html body.home #brx-content .vrpa-card-icon{
  width:48px!important;
  height:48px!important;
  margin:0 0 20px!important;
  background:var(--vrpa-white)!important;
  color:var(--vrpa-yellow)!important;
  border:1px solid var(--vrpa-gray-100)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}
html body.home #brx-content .vrpa-card-icon::before{display:none!important}
html body.home #brx-content .vrpa-card-icon svg{
  width:23px!important;height:23px!important;
  stroke-width:1.75!important;
  filter:none!important;
  transform:none!important
}
html body.home #brx-content .vrpa-card:hover .vrpa-card-icon{
  transform:none!important;background:var(--vrpa-white)!important;
  border-color:var(--vrpa-yellow)!important;box-shadow:none!important
}
html body.home #brx-content #industries .vrpa-card{min-height:210px!important}
html body.home #brx-content .vh26-section .vh26-icon{
  background:var(--vrpa-white)!important;
  border:1px solid var(--vrpa-gray-100)!important;
  color:var(--vrpa-yellow)!important;
  border-radius:10px!important;
  box-shadow:none!important
}
html body.home #brx-content .vh26-section .vh26-icon svg{
  filter:none!important;stroke-width:1.8!important
}
html body.home #brx-content :is(.vh26-trust-item,.vh26-flow-step,.vh26-case-card,.vh26-read-card,.vh26-faq-card){
  border-radius:12px!important;
  border-color:var(--vrpa-gray-200)!important;
  box-shadow:none!important;
  background:var(--vrpa-white)!important
}
html body.home #brx-content :is(.vh26-flow-step,.vh26-case-card,.vh26-read-card,.vh26-faq-card){
  padding:25px!important
}
html body.home #brx-content :is(.vh26-flow-step,.vh26-case-card,.vh26-read-card) h3{
  color:var(--vrpa-black)!important;
  font-size:18px!important;
  font-weight:800!important
}
html body.home #brx-content :is(.vh26-flow-step,.vh26-case-card,.vh26-read-card,.vh26-faq-card) p{
  font-size:14px!important;color:var(--vrpa-gray-700)!important;line-height:1.8!important
}
html body.home #brx-content :is(.vh26-flow-step,.vh26-case-card,.vh26-read-card):hover{
  border-color:var(--vrpa-yellow)!important;transform:none!important;box-shadow:0 12px 30px color-mix(in srgb, var(--vrpa-black) 5.0%, transparent)!important
}
html body.home #brx-content .vh26-value-card{
  padding:20px 18px 22px 0!important;
  border-top:2px solid var(--vrpa-yellow)!important
}
html body.home #brx-content .vh26-value-card h3{color:var(--vrpa-black)!important;font-size:18px!important}
html body.home #brx-content .vh26-value-card p{color:var(--vrpa-gray-700)!important}
html body.home #brx-content .vh26-trust{
  padding:22px 0!important;
  border-top:1px solid var(--vrpa-gray-200)!important;
  border-bottom:1px solid var(--vrpa-gray-200)!important;
  background:var(--vrpa-white)!important
}
html body.home #brx-content .vh26-trust-item{
  min-height:65px!important;padding:10px 14px!important;
  border-color:var(--vrpa-gray-100)!important;
}
html body.home #brx-content .vh26-trust-item img{
  filter:none!important;
  opacity:1!important;
  max-height:40px!important;
  object-fit:contain!important
}
html body.home #brx-content .vh26-trust-item .vh26-wordmark{
  color:var(--vrpa-black)!important
}
html body.home #brx-content .vh26-trust-caption{
  font-size:11px!important;
  font-weight:800!important;
  color:var(--vrpa-gray-700)!important
}
html body.home #brx-content .vh26-flow-index,
html body.home #brx-content .vh26-case-card .vh26-tag{
  color:var(--vrpa-yellow)!important
}
html body.home #brx-content :is(.vh26-case-link,.vh26-read-link){
  color:var(--vrpa-yellow)!important;
  font-weight:800!important
}
html body.home #brx-content .vh26-case-card{min-height:314px!important}
html body.home #brx-content .vh26-read-card{min-height:267px!important}
html body.home #brx-content .vh26-flow-step{min-height:225px!important}
html body.home #brx-content .vh26-faq-card h3{font-size:17px!important;color:var(--vrpa-black)!important}
html body.home #brx-content .vh26-faq-card{border-radius:10px!important}
html body.home #brx-content .vh26-faq-grid{gap:14px!important}

/* Existing dark architectural flow diagrams kept as isolated figures. */
html body.home #brx-content :is(#brxe-vxframeworkg,#brxe-vxaig,#brxe-vxdeliveryg)::before{
  border-radius:12px!important;
  margin:1px 0 13px!important;
  filter:grayscale(.62) saturate(.55)!important
}
html body.home #brx-content .vrpa-home-artwork img{
  border-radius:12px!important;
  border-color:var(--vrpa-gray-200)!important;
  background:var(--vrpa-black)!important;
  box-shadow:none!important;
  filter:grayscale(.55) saturate(.6)!important
}
html body.home #brx-content .vrpa-home-artwork img:hover{border-color:var(--vrpa-yellow)!important}
html body.home #brx-content #about .vrpa-panel{
  background-color:var(--vrpa-black)!important;
  border:1px solid var(--vrpa-black)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  color:var(--vrpa-gray-100)!important
}
html body.home #brx-content #about .vrpa-btn,
html body.home #brx-content #contact .vrpa-btn{
  background:var(--vrpa-black)!important;color:var(--vrpa-white)!important;border:1px solid var(--vrpa-black)!important;
  border-radius:8px!important;box-shadow:none!important
}
html body.home #brx-content #approach .vrpa-point{
  color:var(--vrpa-black)!important;
  background:var(--vrpa-white)!important;
  border:1px solid var(--vrpa-gray-200)!important;
  border-radius:9px!important;
}
html body.home #brx-content #approach .vrpa-point span{
  color:var(--vrpa-yellow)!important
}

/* One dark editorial break: AI, then a deliberate dark contact/footer finish. */
html body.home #brx-content #ai{
  background:var(--vrpa-black)!important;
  color:var(--vrpa-gray-100)!important;
  border-color:var(--vrpa-black)!important
}
html body.home #brx-content #ai :is(h2,.vrpa-lead,.vrpa-eyebrow){
  color:var(--vrpa-gray-100)!important
}
html body.home #brx-content #ai .vrpa-eyebrow{color:var(--vrpa-yellow)!important}
html body.home #brx-content #ai .vrpa-lead{color:var(--vrpa-gray-300)!important}
html body.home #brx-content #ai .vrpa-card{
  background:var(--vrpa-black)!important;
  border-color:var(--vrpa-gray-800)!important;
  color:var(--vrpa-white)!important
}
html body.home #brx-content #ai .vrpa-card h3{color:var(--vrpa-white)!important}
html body.home #brx-content #ai .vrpa-card .brxe-text-basic:last-child{color:var(--vrpa-gray-300)!important}
html body.home #brx-content #ai .vrpa-card-icon{
  background:var(--vrpa-gray-800)!important;
  border-color:var(--vrpa-gray-800)!important;
  color:var(--vrpa-yellow)!important
}
html body.home #brx-content #contact{
  background:var(--vrpa-black)!important;
  color:var(--vrpa-white)!important;
  border:0!important;
  padding:84px 0!important
}
html body.home #brx-content #contact :is(h2,.vrpa-lead,.vrpa-eyebrow){color:var(--vrpa-white)!important}
html body.home #brx-content #contact .vrpa-lead{color:var(--vrpa-gray-300)!important}
html body.home #brx-content #contact .vrpa-cta a{background:var(--vrpa-yellow)!important;color:var(--vrpa-black)!important;border:1px solid var(--vrpa-yellow)!important;border-radius:8px!important}
html body.home #brx-content .vh26-statement{
  background:var(--vrpa-black)!important;
  color:var(--vrpa-white)!important;
  padding:51px 0!important;
}
html body.home #brx-content .vh26-statement h2{color:var(--vrpa-white)!important;font-size:clamp(24px,2.6vw,35px)!important}
html body.home #brx-content .vh26-statement p{color:var(--vrpa-gray-300)!important}
html body.home #brx-content .vh26-statement .vh26-statement-btn{
  background:var(--vrpa-yellow)!important;
  border-color:var(--vrpa-yellow)!important;
  color:var(--vrpa-black)!important;
  border-radius:8px!important
}

/* Footer on homepage: charcoal rather than green-tinted navy. Other pages remain unchanged. */
html body.home #brx-footer,
html body.home #brx-footer .vrpa-footer{
  background:var(--vrpa-black)!important;
  color:var(--vrpa-gray-300)!important;
  border-color:var(--vrpa-gray-800)!important
}
html body.home #brx-footer .vrpa-footer-pitch{
  background:var(--vrpa-black)!important;
  border-color:var(--vrpa-gray-800)!important;
  border-radius:12px!important;
  box-shadow:none!important
}
html body.home #brx-footer .vrpa-footer-pitch-btn{
  background:var(--vrpa-yellow)!important;
  border:1px solid var(--vrpa-yellow)!important;
  border-radius:8px!important;
  color:var(--vrpa-black)!important
}
html body.home #brx-footer .vrpa-sitecol a{color:var(--vrpa-gray-300)!important}
html body.home #brx-footer .vrpa-sitecol a:hover{color:var(--vrpa-yellow)!important}
html body.home #brx-footer .vrpa-sitecol h4{color:var(--vrpa-white)!important}
html body.home #brx-footer .vrpa-footer-brand-v2 .vrpa-footer-intro,
html body.home #brx-footer .vrpa-footer-brand-v2 .vrpa-footer-address{color:var(--vrpa-gray-300)!important}
html body.home #brx-footer .vrpa-bottom{border-color:var(--vrpa-gray-800)!important;color:var(--vrpa-gray-500)!important}
html body.home #brx-footer .vrpa-footer-logo{background:var(--vrpa-white)!important;border-radius:8px!important;padding:11px 15px!important}

/* A11y, responsive spacing, predictable card grids */
@media (max-width:1100px){
  html body.home .vrpa-hero>.vrpa-shell{gap:0 25px!important;padding:24px 25px!important}
  html body.home .vrpa-hero h1{font-size:clamp(40px,4.8vw,56px)!important}
  html body.home #brx-content .vrpa-section,
  html body.home #brx-content .vh26-section{padding:66px 0!important}
}
@media (max-width:850px){
  html body.home .vrpa-hero{padding:42px 0 55px!important}
  html body.home .vrpa-hero>.vrpa-shell{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    max-width:690px!important;
    padding:30px 26px!important
  }
  html body.home .vrpa-hero h1{font-size:clamp(38px,6.2vw,59px)!important}
  html body.home .vrpa-hero .vrpa-under{margin-top:36px!important}
  html body.home .vrpa-hero>.vrpa-shell>.vrpa-pill{align-self:flex-start!important}
  html body.home .vrpa-hero .vrpa-window-graphic{height:clamp(215px,33vw,340px)!important}
  html body.home #brx-content .vrpa-cards{gap:14px!important}
}
@media (max-width:640px){
  html body.home .vrpa-hero{padding:28px 0 41px!important}
  html body.home .vrpa-hero>.vrpa-shell{padding:25px 20px!important}
  html body.home .vrpa-hero h1{
    font-size:clamp(36px,9.5vw,48px)!important;
    line-height:1.25!important;margin-bottom:16px!important
  }
  html body.home .vrpa-hero>.vrpa-shell>.brxe-text-basic:not(.vrpa-pill){
    font-size:15px!important;line-height:1.78!important;margin-bottom:25px!important
  }
  html body.home .vrpa-hero .vrpa-cta{gap:9px!important}
  html body.home .vrpa-hero .vrpa-btn{width:auto!important;min-width:0!important}
  html body.home .vrpa-hero .vrpa-window{border-radius:11px!important}
  html body.home .vrpa-hero .vrpa-under{margin-top:27px!important}
  html body.home .vrpa-hero .vrpa-window-graphic{
    background-image:url('/wp-content/mu-plugins/vrpa-home-art-20261112/hero-connected-mobile.svg')!important;
    width:100%!important;max-width:none!important;
    height:auto!important;aspect-ratio:430 / 500!important
  }
  html body.home #brx-content :is(.vrpa-section,.vh26-section){padding:51px 0!important}
  html body.home #brx-content :is(.vrpa-section,.vh26-section) :is(h2,.vh26-title){font-size:30px!important;line-height:1.35!important}
  html body.home #brx-content :is(.vrpa-section,.vh26-section) :is(.vrpa-lead,.vh26-lead){font-size:15px!important}
  html body.home #brx-content .vrpa-card{padding:22px!important;min-height:0!important}
  html body.home #brx-content .vrpa-card h3{font-size:18px!important}
  html body.home #brx-content .vh26-trust-list{gap:9px!important}
  html body.home #brx-content #ai{padding:58px 0!important}
  html body.home #brx-content #contact{padding:58px 0!important}
  html body.home #brx-content .vh26-statement{padding:43px 0!important}
}
@media (prefers-reduced-motion:reduce){
  html body.home *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* === VRPA HOMEPAGE | Dark editorial, Quick-style content hierarchy ============
 * Design direction: strong hero, restrained partner strip, solution showcase,
 * connected-systems artwork, clear technology stories and decisive CTA.
 * The layout and copy remain VRPA-owned; no Quick assets or claims are copied.
 * Brand restriction: ONLY var(--vrpa-*) from DESIGN_SYSTEM.md.
 * Homepage ONLY; shared white header and dark footer stay consistent with TH/EN.
 * =========================================================================== */
html body.home{
  background:var(--vrpa-black)!important;
}
html body.home #brx-content{
  background:var(--vrpa-black)!important;
  color:var(--vrpa-white)!important;
}
/* Large editorial hero: crisp black and white with a controlled yellow accent. */
html body.home .vrpa-hero{
  background:var(--vrpa-black)!important;
  color:var(--vrpa-white)!important;
  border-bottom:1px solid var(--vrpa-gray-700)!important;
  padding:clamp(72px,8vw,124px) 0 clamp(72px,8vw,120px)!important;
}
html body.home .vrpa-hero>.vrpa-shell{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  gap:22px clamp(28px,5vw,82px)!important;
  max-width:1270px!important;
  padding:20px 38px!important;
  background:transparent!important;
  color:var(--vrpa-white)!important;
}
html body.home .vrpa-hero>.vrpa-shell>.vrpa-pill{
  background:color-mix(in srgb,var(--vrpa-white) 6%,transparent)!important;
  color:var(--vrpa-gray-300)!important;
  border:1px solid var(--vrpa-gray-700)!important;
  letter-spacing:.14em!important;
  padding:8px 14px!important;
  border-radius:100px!important;
}
html body.home .vrpa-hero h1{
  max-width:700px!important;
  color:var(--vrpa-white)!important;
  font-size:clamp(47px,5.05vw,76px)!important;
  font-weight:820!important;
  line-height:1.16!important;
  letter-spacing:-.061em!important;
}
html body.home .vrpa-hero h1 em{
  color:var(--vrpa-yellow)!important;
  font-weight:inherit!important;
  -webkit-text-fill-color:var(--vrpa-yellow)!important;
}
html body.home .vrpa-hero>.vrpa-shell>.brxe-text-basic:not(.vrpa-pill){
  color:var(--vrpa-gray-300)!important;
  max-width:575px!important;
  font-size:17px!important;
  line-height:1.9!important;
  margin:0 0 24px!important;
}
html body.home .vrpa-hero .vrpa-cta{
  justify-content:flex-start!important;
  margin-top:0!important;
}
html body.home .vrpa-hero .vrpa-btn-dark,
html body.home .vrpa-hero .vrpa-cta .vrpa-btn-dark{
  background:var(--vrpa-yellow)!important;
  color:var(--vrpa-black)!important;
  border:1px solid var(--vrpa-yellow)!important;
  box-shadow:none!important;
}
html body.home .vrpa-hero .vrpa-btn-dark:hover{
  background:var(--vrpa-white)!important;
  color:var(--vrpa-black)!important;
  border-color:var(--vrpa-white)!important;
}
html body.home .vrpa-hero .vrpa-btn-outline{
  background:transparent!important;
  border:1px solid var(--vrpa-gray-500)!important;
  color:var(--vrpa-white)!important;
}
html body.home .vrpa-hero .vrpa-btn-outline:hover{
  border-color:var(--vrpa-yellow)!important;
  background:color-mix(in srgb,var(--vrpa-white) 6%,transparent)!important;
  color:var(--vrpa-white)!important;
}
html body.home .vrpa-hero .vrpa-under{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
}
html body.home .vrpa-hero .vrpa-window{
  width:100%!important;
  background:var(--vrpa-gray-800)!important;
  border:1px solid var(--vrpa-gray-700)!important;
  border-radius:16px!important;
  box-shadow:0 25px 55px color-mix(in srgb,var(--vrpa-black) 25%,transparent)!important;
}
html body.home .vrpa-hero .vrpa-windowbar{
  background:var(--vrpa-gray-800)!important;
  border-bottom:1px solid var(--vrpa-gray-700)!important;
  color:var(--vrpa-gray-300)!important;
  padding:14px 19px!important;
}
html body.home .vrpa-hero .vrpa-windowcontent,
html body.home .vrpa-hero .vrpa-window-graphic{
  background-color:var(--vrpa-black)!important;
}
html body.home .vrpa-hero .vrpa-window-graphic{
  min-height:260px!important;
  filter:none!important;
}
/* Partner / product wordmarks: a light pause after the dark hero. */
html body.home #brx-content .vh26-trust{
  background:var(--vrpa-white)!important;
  color:var(--vrpa-black)!important;
  border-block:1px solid var(--vrpa-gray-200)!important;
  padding:30px 0!important;
}
html body.home #brx-content .vh26-trust-caption{
  color:var(--vrpa-gray-600)!important;
  letter-spacing:.1em!important;
}
html body.home #brx-content .vh26-trust-item{
  background:var(--vrpa-gray-50)!important;
  border:1px solid var(--vrpa-gray-200)!important;
  border-radius:10px!important;
  min-height:68px!important;
}
html body.home #brx-content .vh26-trust-item .vh26-wordmark{
  color:var(--vrpa-black)!important;
}
/* Shared dark storytelling surfaces. */
html body.home #brx-content .vrpa-section,
html body.home #brx-content .vh26-section{
  background:var(--vrpa-black)!important;
  color:var(--vrpa-white)!important;
  border-color:var(--vrpa-gray-700)!important;
  padding:clamp(75px,8vw,115px) 0!important;
}
html body.home #brx-content :is(#framework,#solutions,#about,#approach,#delivery,#industries,#connected-architecture){
  background:var(--vrpa-black)!important;
  color:var(--vrpa-white)!important;
}
html body.home #brx-content :is(.vrpa-section,.vh26-section) :is(h2,.vh26-title){
  color:var(--vrpa-white)!important;
  font-size:clamp(34px,3.65vw,51px)!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.046em!important;
}
html body.home #brx-content :is(.vrpa-section,.vh26-section) :is(.vrpa-lead,.vh26-lead){
  color:var(--vrpa-gray-300)!important;
  font-size:16px!important;
  line-height:1.9!important;
  max-width:845px!important;
}
html body.home #brx-content :is(.vrpa-section,.vh26-section) :is(.vrpa-eyebrow,.vh26-eyebrow){
  color:var(--vrpa-yellow)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
}
html body.home #brx-content :is(.vrpa-section,.vh26-section) :is(.vrpa-eyebrow,.vh26-eyebrow)::before{
  content:"";
  display:block;
  width:23px;
  height:2px;
  flex:0 0 23px;
  background:var(--vrpa-yellow);
}
html body.home #brx-content .vrpa-shell{
  max-width:1210px!important;
}
/* Product gallery / industries: Quick-inspired visual rhythm, VRPA content. */
html body.home #brx-content .vrpa-cards{
  gap:18px!important;
  align-items:stretch!important;
}
html body.home #brx-content .vrpa-card,
html body.home #brx-content #industries .vrpa-card,
html body.home #brx-content #ai .vrpa-card{
  position:relative!important;
  background:var(--vrpa-gray-800)!important;
  border:1px solid var(--vrpa-gray-700)!important;
  color:var(--vrpa-white)!important;
  border-radius:14px!important;
  padding:clamp(26px,2.55vw,37px)!important;
  min-height:248px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body.home #brx-content .vrpa-card:hover,
html body.home #brx-content #industries .vrpa-card:hover{
  background:var(--vrpa-gray-800)!important;
  border-color:var(--vrpa-yellow)!important;
  box-shadow:0 14px 30px color-mix(in srgb,var(--vrpa-black) 20%,transparent)!important;
  transform:none!important;
}
html body.home #brx-content .vrpa-card h3,
html body.home #brx-content .vrpa-card .brxe-heading,
html body.home #brx-content #ai .vrpa-card h3{
  color:var(--vrpa-white)!important;
  font-size:21px!important;
  line-height:1.38!important;
}
html body.home #brx-content .vrpa-card .brxe-text-basic:last-child,
html body.home #brx-content #ai .vrpa-card .brxe-text-basic:last-child{
  color:var(--vrpa-gray-300)!important;
}
html body.home #brx-content .vrpa-card-icon,
html body.home #brx-content #ai .vrpa-card-icon{
  background:var(--vrpa-gray-700)!important;
  border:1px solid var(--vrpa-gray-600)!important;
  color:var(--vrpa-yellow)!important;
  width:54px!important;
  height:54px!important;
  border-radius:13px!important;
}
html body.home #brx-content .vrpa-card:hover .vrpa-card-icon{
  border-color:var(--vrpa-yellow)!important;
  background:var(--vrpa-gray-700)!important;
}
/* Connected architecture journey: distinct but restrained. */
html body.home #brx-content .vh26-flow{
  background:var(--vrpa-black)!important;
}
html body.home #brx-content .vh26-flow-step,
html body.home #brx-content .vh26-faq-card{
  background:var(--vrpa-gray-800)!important;
  color:var(--vrpa-white)!important;
  border-color:var(--vrpa-gray-700)!important;
  border-radius:14px!important;
}
html body.home #brx-content .vh26-flow-step h3{
  color:var(--vrpa-white)!important;
}
html body.home #brx-content .vh26-flow-step p,
html body.home #brx-content .vh26-flow-note{
  color:var(--vrpa-gray-300)!important;
}
html body.home #brx-content .vh26-flow-index{
  color:var(--vrpa-yellow)!important;
}
html body.home #brx-content .vh26-section .vh26-icon{
  background:var(--vrpa-gray-700)!important;
  border:1px solid var(--vrpa-gray-600)!important;
  color:var(--vrpa-yellow)!important;
}
/* Give the reader relief between dark sections; aligned with Quick's editorial bands. */
html body.home #brx-content :is(.vh26-value,.vh26-cases,.vh26-read,.vh26-faq){
  background:var(--vrpa-white)!important;
  color:var(--vrpa-black)!important;
  border-color:var(--vrpa-gray-200)!important;
}
html body.home #brx-content :is(.vh26-value,.vh26-cases,.vh26-read,.vh26-faq) :is(.vh26-title,h2,h3){
  color:var(--vrpa-black)!important;
}
html body.home #brx-content :is(.vh26-value,.vh26-cases,.vh26-read,.vh26-faq) :is(.vh26-lead,p){
  color:var(--vrpa-gray-700)!important;
}
html body.home #brx-content :is(.vh26-value,.vh26-cases,.vh26-read,.vh26-faq) :is(.vh26-eyebrow,.vh26-case-link,.vh26-read-link){
  color:var(--vrpa-gray-800)!important;
}
html body.home #brx-content :is(.vh26-value,.vh26-cases,.vh26-read,.vh26-faq) :is(.vh26-case-card,.vh26-read-card,.vh26-faq-card){
  background:var(--vrpa-white)!important;
  color:var(--vrpa-black)!important;
  border:1px solid var(--vrpa-gray-200)!important;
  box-shadow:none!important;
}
html body.home #brx-content :is(.vh26-value,.vh26-cases,.vh26-read,.vh26-faq) .vh26-icon{
  background:var(--vrpa-gray-100)!important;
  color:var(--vrpa-black)!important;
  border-color:var(--vrpa-gray-200)!important;
}
html body.home #brx-content :is(.vh26-cases,.vh26-read) :is(.vh26-case-link,.vh26-read-link){
  color:var(--vrpa-black)!important;
  text-underline-offset:5px!important;
}
html body.home #brx-content :is(.vh26-cases,.vh26-read) :is(.vh26-case-card,.vh26-read-card):hover{
  border-color:var(--vrpa-yellow)!important;
}
html body.home #brx-content .vh26-value-card{border-top:3px solid var(--vrpa-yellow)!important;}
html body.home #brx-content .vh26-value-card h3{color:var(--vrpa-black)!important}
html body.home #brx-content .vh26-value-card p{color:var(--vrpa-gray-700)!important}
/* About / process / delivery: readable dark interface with structured process rows. */
html body.home #brx-content #about .vrpa-panel{
  background:var(--vrpa-gray-800)!important;
  color:var(--vrpa-white)!important;
  border:1px solid var(--vrpa-gray-700)!important;
  border-radius:15px!important;
}
html body.home #brx-content #approach .vrpa-point{
  background:var(--vrpa-gray-800)!important;
  color:var(--vrpa-white)!important;
  border-color:var(--vrpa-gray-700)!important;
  border-radius:11px!important;
}
html body.home #brx-content #approach .vrpa-point span{color:var(--vrpa-yellow)!important}
html body.home #brx-content #ai{
  background:var(--vrpa-gray-800)!important;
}
html body.home #brx-content #ai .vrpa-card{
  background:var(--vrpa-black)!important;
}
html body.home #brx-content #ai :is(h2,.vrpa-lead,.vrpa-eyebrow){
  color:var(--vrpa-white)!important;
}
html body.home #brx-content #ai .vrpa-lead{color:var(--vrpa-gray-300)!important}
/* Flow diagrams are VRPA owned and already built with brand tokens. */
html body.home #brx-content :is(#brxe-vxframeworkg,#brxe-vxaig,#brxe-vxdeliveryg)::before,
html body.home #brx-content .vrpa-home-artwork img,
html body.home .vrpa-hero .vrpa-window-graphic{
  filter:none!important;
}
html body.home #brx-content .vrpa-home-artwork img{
  border:1px solid var(--vrpa-gray-700)!important;
  background:var(--vrpa-gray-800)!important;
  border-radius:14px!important;
}
/* Direct conversion CTA: dark panel + one unmistakable yellow button. */
html body.home #brx-content #contact,
html body.home #brx-content .vh26-statement{
  background:var(--vrpa-black)!important;
  color:var(--vrpa-white)!important;
}
html body.home #brx-content #contact :is(h2,.vrpa-lead),
html body.home #brx-content .vh26-statement h2{color:var(--vrpa-white)!important}
html body.home #brx-content #contact .vrpa-lead,
html body.home #brx-content .vh26-statement p{color:var(--vrpa-gray-300)!important}
html body.home #brx-content #contact .vrpa-cta a,
html body.home #brx-content .vh26-statement .vh26-statement-btn{
  background:var(--vrpa-yellow)!important;
  color:var(--vrpa-black)!important;
  border-color:var(--vrpa-yellow)!important;
}
html body.home #brx-content #contact .vrpa-cta a:hover,
html body.home #brx-content .vh26-statement .vh26-statement-btn:hover{
  background:var(--vrpa-white)!important;
  border-color:var(--vrpa-white)!important;
}
/* Breakpoint handling: retain the existing PageBuilder structure. */
@media(max-width:960px){
  html body.home .vrpa-hero>.vrpa-shell{gap:24px!important;padding-inline:27px!important}
  html body.home .vrpa-hero h1{font-size:clamp(43px,5.4vw,62px)!important}
  html body.home #brx-content :is(.vrpa-section,.vh26-section){padding-block:75px!important}
}
@media(max-width:850px){
  html body.home .vrpa-hero{padding:58px 0 73px!important}
  html body.home .vrpa-hero>.vrpa-shell{max-width:720px!important;gap:0!important}
  html body.home .vrpa-hero h1{font-size:clamp(42px,6.8vw,60px)!important}
  html body.home .vrpa-hero .vrpa-under{margin-top:32px!important}
  html body.home .vrpa-hero .vrpa-window-graphic{min-height:220px!important}
}
@media(max-width:640px){
  html body.home .vrpa-hero{padding:36px 0 53px!important}
  html body.home .vrpa-hero>.vrpa-shell{padding:22px 20px!important}
  html body.home .vrpa-hero h1{font-size:clamp(36px,9.1vw,48px)!important;line-height:1.23!important}
  html body.home .vrpa-hero>.vrpa-shell>.brxe-text-basic:not(.vrpa-pill){font-size:15px!important;line-height:1.82!important}
  html body.home .vrpa-hero .vrpa-cta{gap:9px!important}
  html body.home .vrpa-hero .vrpa-cta .vrpa-btn{width:100%!important;min-width:0!important}
  html body.home .vrpa-hero .vrpa-window-graphic{min-height:0!important}
  html body.home #brx-content :is(.vrpa-section,.vh26-section){padding:59px 0!important}
  html body.home #brx-content :is(.vrpa-section,.vh26-section) :is(h2,.vh26-title){font-size:clamp(29px,7.3vw,36px)!important}
  html body.home #brx-content .vrpa-card,
  html body.home #brx-content #industries .vrpa-card{min-height:0!important;padding:24px!important}
  html body.home #brx-content .vh26-trust-item{min-width:0!important}
}
@media(prefers-reduced-motion:reduce){
  html body.home #brx-content *{transition:none!important;animation:none!important}
}

/* Shared Lucide icon family for editable homepage cards. */
html body.home #brx-content .vrpa-card-icon svg.lucide { width:24px; height:24px; flex:0 0 24px; color:var(--vrpa-yellow); }