/* VRPA liquid-glass visual system — isolated enhancement over native PageBuilder. */
:root{
  --vrpa-glass-border:color-mix(in srgb, var(--vrpa-gray-100) 15.0%, transparent);
  --vrpa-glass-glow:color-mix(in srgb, var(--vrpa-yellow) 22.0%, transparent);
  --vrpa-liquid-turquoise:var(--vrpa-gray-200);
  --vrpa-liquid-gold:var(--vrpa-yellow);
}
#brx-header .vrpa-nav{
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
  box-shadow:0 10px 32px color-mix(in srgb, var(--vrpa-black) 10.0%, transparent);
  transition:box-shadow .25s ease;
}
body.home #brx-header .vrpa-nav{
  background:color-mix(in srgb, var(--vrpa-black) 80.0%, transparent)!important;
  border-bottom:1px solid color-mix(in srgb, var(--vrpa-white) 11.0%, transparent)!important;
  box-shadow:0 12px 34px color-mix(in srgb, var(--vrpa-black) 18.0%, transparent);
}
body.home #brx-header .vrpa-logo .vrpa-official-full-logo,
body.home #brx-footer .vrpa-logo .vrpa-official-full-logo{
  filter:brightness(0) invert(1) drop-shadow(0 0 13px color-mix(in srgb, var(--vrpa-yellow) 19.0%, transparent));
  transition:filter .25s ease,transform .25s ease;
}
body.home #brx-header .vrpa-logo:hover .vrpa-official-full-logo{
  filter:brightness(0) invert(1) drop-shadow(0 0 17px color-mix(in srgb, var(--vrpa-yellow) 48.0%, transparent));
  transform:translateY(-1px);
}
body.home .vrpa-hero{
  position:relative;
  isolation:isolate;
  min-height:auto;
  padding:clamp(48px,6vw,96px) 0 102px;
  background:
    radial-gradient(ellipse 38% 48% at 0% 56%,color-mix(in srgb, var(--vrpa-gray-700) 17.0%, transparent),transparent 90%),
    radial-gradient(ellipse 42% 56% at 100% 70%,color-mix(in srgb, var(--vrpa-yellow) 19.0%, transparent),transparent 88%),
    radial-gradient(ellipse 30% 45% at 52% -14%,color-mix(in srgb, var(--vrpa-gray-300) 12.0%, transparent),transparent 95%),
    var(--vrpa-black)!important;
  overflow:clip;
}
body.home .vrpa-hero::before,
body.home .vrpa-hero::after{
  content:"";
  position:absolute;
  width:min(42vw,590px);height:min(42vw,590px);
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
  opacity:.68;
  filter:blur(68px);
}
body.home .vrpa-hero::before{
  left:-22%;top:16%;
  background:radial-gradient(circle,color-mix(in srgb, var(--vrpa-gray-700) 26.0%, transparent),transparent 69%);
}
body.home .vrpa-hero::after{
  right:-21%;bottom:-5%;
  background:radial-gradient(circle,color-mix(in srgb, var(--vrpa-yellow) 25.0%, transparent),transparent 72%);
}
body.home .vrpa-hero>.vrpa-shell{
  width:calc(100% - clamp(28px,5vw,88px));
  max-width:1290px;
  margin-inline:auto;
  padding:clamp(36px,5.6vw,78px) clamp(22px,5vw,80px) clamp(28px,4.4vw,64px);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid color-mix(in srgb, var(--vrpa-gray-100) 22.0%, transparent);
  border-radius:clamp(24px,3vw,38px);
  background:
    radial-gradient(ellipse 65% 50% at 50% 100%,color-mix(in srgb, var(--vrpa-gray-800) 14.0%, transparent),transparent 82%),
    linear-gradient(133deg,color-mix(in srgb, var(--vrpa-black) 83.0%, transparent) 0%,color-mix(in srgb, var(--vrpa-black) 74.0%, transparent) 42%,color-mix(in srgb, var(--vrpa-black) 82.0%, transparent) 100%);
  box-shadow:0 34px 90px color-mix(in srgb, var(--vrpa-black) 25.0%, transparent),inset 0 1px 0 color-mix(in srgb, var(--vrpa-white) 11.0%, transparent),inset 0 -1px 0 color-mix(in srgb, var(--vrpa-white) 4.0%, transparent);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
body.home .vrpa-hero>.vrpa-shell::before{
  content:"";position:absolute;inset:auto 8% -43% 8%;height:70%;
  border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse,color-mix(in srgb, var(--vrpa-yellow) 22.0%, transparent),color-mix(in srgb, var(--vrpa-gray-700) 10.0%, transparent) 35%,transparent 73%);
  filter:blur(38px);
}
body.home .vrpa-hero>.vrpa-shell::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(115deg,transparent 5%,color-mix(in srgb, var(--vrpa-white) 4.5%, transparent) 32%,transparent 46%);
}
body.home .vrpa-hero .vrpa-pill{
  display:inline-flex;align-items:center;justify-content:center;
  gap:11px;min-height:40px;margin-bottom:4px;padding:9px 18px;
  color:var(--vrpa-gray-100);letter-spacing:1.5px;font-weight:700;font-size:11px;
  border:1px solid color-mix(in srgb, var(--vrpa-gray-200) 38.0%, transparent);
  border-radius:999px;
  background:linear-gradient(120deg,color-mix(in srgb, var(--vrpa-gray-200) 12.0%, transparent),color-mix(in srgb, var(--vrpa-gray-800) 8.0%, transparent));
  box-shadow:inset 0 1px 0 color-mix(in srgb, var(--vrpa-white) 10.0%, transparent),0 7px 24px color-mix(in srgb, var(--vrpa-black) 10.0%, transparent);
}
body.home .vrpa-hero .vrpa-pill::before{
  content:"";width:10px;height:10px;flex:none;
  border-radius:3px 60% 3px 60%;transform:rotate(-18deg);
  background:linear-gradient(135deg,var(--vrpa-gray-200),var(--vrpa-yellow));
  box-shadow:0 0 14px color-mix(in srgb, var(--vrpa-yellow) 58.0%, transparent);
}
body.home .vrpa-hero h1{
  max-width:1120px;margin:30px auto 24px;
  font-size:clamp(36px,5.15vw,72px);
  line-height:1.22;letter-spacing:-.038em;font-weight:750;
  text-wrap:balance;
}
body.home .vrpa-hero h1 em{
  background:linear-gradient(100deg,var(--vrpa-gray-200) 5%,var(--vrpa-gray-200) 45%,var(--vrpa-gray-200) 98%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  color:var(--vrpa-yellow);
}
body.home .vrpa-hero>.vrpa-shell>.brxe-text-basic:not(.vrpa-pill){
  margin-inline:auto;max-width:790px;
  color:var(--vrpa-gray-300);
}
body.home .vrpa-btn{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:999px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
body.home .vrpa-btn:hover{transform:translateY(-3px)}
body.home .vrpa-btn-dark{
  color:var(--vrpa-black);border-color:var(--vrpa-yellow);
  background:linear-gradient(120deg,var(--vrpa-gray-200) 0%,var(--vrpa-gray-200) 52%,var(--vrpa-yellow) 100%);
  box-shadow:0 9px 28px color-mix(in srgb, var(--vrpa-yellow) 17.0%, transparent),inset 0 1px 0 color-mix(in srgb, var(--vrpa-white) 55.0%, transparent);
}
body.home .vrpa-btn-dark:hover{box-shadow:0 12px 38px color-mix(in srgb, var(--vrpa-yellow) 30.0%, transparent)}
body.home .vrpa-btn-outline{
  border-color:color-mix(in srgb, var(--vrpa-gray-100) 29.0%, transparent);
  background:color-mix(in srgb, var(--vrpa-white) 5.5%, transparent);
  color:var(--vrpa-white);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
body.home .vrpa-btn-outline:hover{border-color:color-mix(in srgb, var(--vrpa-yellow) 65.0%, transparent);background:color-mix(in srgb, var(--vrpa-white) 10.0%, transparent)}
body.home .vrpa-under{
  margin-top:clamp(44px,5vw,74px);
  padding:25px 0 0;
  border-top:1px solid color-mix(in srgb, var(--vrpa-white) 14.0%, transparent);
  background:transparent;
}
body.home .vrpa-window-graphic{color:var(--vrpa-gray-300)}
body.home .vrpa-section{
  position:relative;
  padding:clamp(66px,8vw,112px) 0;
  background:var(--vrpa-black);
}
body.home #solutions,body.home #industries{
  background:radial-gradient(ellipse 62% 65% at 95% 0%,color-mix(in srgb, var(--vrpa-gray-800) 8.5%, transparent),transparent 90%),var(--vrpa-black);
}
body.home .vrpa-section h2{letter-spacing:-.035em;font-weight:730}
body.home .vrpa-eyebrow{color:var(--vrpa-yellow)}
body.home .vrpa-cards{
  display:grid;align-items:stretch;
  gap:clamp(14px,1.7vw,22px);
}
body.home .vrpa-card{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(25px,2.5vw,35px);
  min-height:252px;
  border:1px solid var(--vrpa-glass-border);
  border-radius:23px;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb, var(--vrpa-gray-300) 7.5%, transparent),transparent 42%),
    linear-gradient(144deg,color-mix(in srgb, var(--vrpa-white) 5.5%, transparent),color-mix(in srgb, var(--vrpa-white) 1.3%, transparent) 45%,color-mix(in srgb, var(--vrpa-gray-700) 3.5%, transparent));
  box-shadow:inset 0 1px 0 color-mix(in srgb, var(--vrpa-white) 6.5%, transparent),0 14px 32px color-mix(in srgb, var(--vrpa-black) 9.0%, transparent);
  transition:transform .26s cubic-bezier(.2,.75,.25,1),border-color .26s ease,box-shadow .26s ease;
}
body.home .vrpa-card::before{
  content:"";position:absolute;inset:0;
  pointer-events:none;z-index:-1;opacity:0;
  background:radial-gradient(circle at 70% 5%,color-mix(in srgb, var(--vrpa-yellow) 16.0%, transparent),transparent 55%);
  transition:opacity .3s ease;
}
body.home .vrpa-card:hover{
  transform:translateY(-6px);
  border-color:color-mix(in srgb, var(--vrpa-yellow) 46.0%, transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb, var(--vrpa-white) 14.0%, transparent),0 22px 44px color-mix(in srgb, var(--vrpa-black) 20.0%, transparent),0 0 34px color-mix(in srgb, var(--vrpa-yellow) 6.5%, transparent);
}
body.home .vrpa-card:hover::before{opacity:1}
body.home .vrpa-card h3,body.home .vrpa-card .brxe-heading{
  color:var(--vrpa-white);line-height:1.45;font-weight:700;
}
body.home .vrpa-card .brxe-text-basic:last-child{color:var(--vrpa-gray-300)}
body.home .vrpa-card-icon{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;place-items:center;justify-content:center;
  width:62px;height:62px;max-width:none;
  margin:0 0 28px;
  padding:0;
  border:1px solid color-mix(in srgb, var(--vrpa-gray-200) 32.0%, transparent);
  border-radius:19px;
  background:radial-gradient(circle at 24% 12%,color-mix(in srgb, var(--vrpa-gray-200) 23.0%, transparent),transparent 55%),linear-gradient(145deg,color-mix(in srgb, var(--vrpa-yellow) 18.0%, transparent),color-mix(in srgb, var(--vrpa-gray-300) 9.5%, transparent));
  color:var(--vrpa-yellow);
  box-shadow:inset 0 1px 0 color-mix(in srgb, var(--vrpa-white) 22.0%, transparent),0 9px 25px color-mix(in srgb, var(--vrpa-black) 20.0%, transparent),0 0 25px color-mix(in srgb, var(--vrpa-yellow) 8.0%, transparent);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
body.home .vrpa-card-icon::before{
  content:"";position:absolute;z-index:-1;inset:-30%;
  background:linear-gradient(115deg,transparent 35%,color-mix(in srgb, var(--vrpa-white) 16.0%, transparent) 50%,transparent 64%);
  transform:translateX(-62%) rotate(-15deg);
  transition:transform .6s ease;
}
body.home .vrpa-card-icon svg{
  position:relative;width:28px;height:28px;stroke-width:1.7;
  filter:drop-shadow(0 0 8px color-mix(in srgb, var(--vrpa-yellow) 20.0%, transparent));
}
body.home .vrpa-card:hover .vrpa-card-icon{
  transform:translateY(-2px) rotate(-3deg);
  border-color:color-mix(in srgb, var(--vrpa-yellow) 66.0%, transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb, var(--vrpa-white) 25.0%, transparent),0 14px 30px color-mix(in srgb, var(--vrpa-black) 22.0%, transparent),0 0 24px color-mix(in srgb, var(--vrpa-yellow) 14.0%, transparent);
}
body.home .vrpa-card:hover .vrpa-card-icon::before{transform:translateX(63%) rotate(-15deg)}
body.home #industries .vrpa-card{
  min-height:238px;
  border:1px solid var(--vrpa-glass-border);
  border-radius:22px;
  padding:27px 24px;
  background:linear-gradient(148deg,color-mix(in srgb, var(--vrpa-white) 4.7%, transparent),color-mix(in srgb, var(--vrpa-white) 1.4%, transparent) 70%);
}
body.home .vrpa-panel{
  position:relative;overflow:hidden;
  min-height:260px;
  border:1px solid color-mix(in srgb, var(--vrpa-gray-200) 21.0%, transparent);
  border-radius:30px;
  background:radial-gradient(circle at 25% 10%,color-mix(in srgb, var(--vrpa-gray-200) 17.0%, transparent),transparent 55%),linear-gradient(130deg,var(--vrpa-black),var(--vrpa-black) 65%,var(--vrpa-black));
  box-shadow:inset 0 1px 0 color-mix(in srgb, var(--vrpa-white) 12.0%, transparent),0 25px 50px color-mix(in srgb, var(--vrpa-black) 16.0%, transparent);
  color:var(--vrpa-yellow);
}
body.home #contact{
  background:radial-gradient(ellipse 65% 75% at 75% 55%,color-mix(in srgb, var(--vrpa-gray-700) 10.0%, transparent),transparent 80%),var(--vrpa-black);
}
body.home .vrpa-contact{border-radius:28px}
body.home :is(.vrpa-btn,.vrpa-card,#brx-header a):focus-visible{
  outline:2px solid var(--vrpa-yellow);outline-offset:4px;
}
@media (max-width:1000px){
  body.home .vrpa-hero>.vrpa-shell{width:calc(100% - 38px);padding:48px 34px}
}
@media (max-width:800px){
  body.home .vrpa-hero{padding-top:30px;padding-bottom:60px}
  body.home .vrpa-hero>.vrpa-shell{width:calc(100% - 28px);padding:40px 24px;border-radius:28px}
  body.home .vrpa-hero h1{font-size:clamp(34px,6.5vw,56px);line-height:1.31}
  body.home #industries .vrpa-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.home .vrpa-card{border-radius:19px}
}
@media (max-width:540px){
  body.home .vrpa-hero>.vrpa-shell{padding:32px 20px 28px;border-radius:23px}
  body.home .vrpa-hero h1{font-size:clamp(31px,8.25vw,40px);letter-spacing:-.027em}
  body.home .vrpa-hero .vrpa-pill{font-size:10px;letter-spacing:.75px}
  body.home .vrpa-under{margin-top:32px}
  body.home .vrpa-section{padding:60px 0}
  body.home .vrpa-cards,body.home #industries .vrpa-cards{grid-template-columns:1fr;gap:13px}
  body.home .vrpa-card,body.home #industries .vrpa-card{min-height:unset;padding:24px;border-radius:18px}
  body.home .vrpa-card-icon{width:54px;height:54px;border-radius:16px;margin-bottom:20px}
  body.home .vrpa-card-icon svg{width:25px;height:25px}
  body.home .vrpa-panel{border-radius:20px}
  body.home .vrpa-hero::before,body.home .vrpa-hero::after{filter:blur(42px)}
}
@media (prefers-reduced-motion: reduce){
  body.home .vrpa-card,body.home .vrpa-card-icon,body.home .vrpa-btn,
  body.home .vrpa-card::before,body.home .vrpa-card-icon::before{
    transition:none!important;animation:none!important;
  }
}

/* Scroll performance fix 2026-11-12
   Fixed/sticky blurred backdrops are repainted while scrolling.
   Preserve the design's solid surfaces and gradients without live blur. */
#brx-header .vrpa-nav{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:var(--bg,var(--vrpa-white))!important;
}
body.home #brx-header .vrpa-nav{
  background:var(--vrpa-black)!important;
}
.va-page .va-page-nav{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:var(--bg,var(--vrpa-white))!important;
}
body.home .vrpa-hero::before,
body.home .vrpa-hero::after,
body.home .vrpa-hero>.vrpa-shell::before{
  filter:none!important;
}
body.home .vrpa-hero>.vrpa-shell,
body.home .vrpa-btn-outline{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}