/* Lightweight static replacement for all continuous WebGL and aurora effects. */
html,body{background:#080607!important}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 52% at 12% 8%,rgba(249,115,22,.15),transparent 72%),radial-gradient(58% 64% at 88% 28%,rgba(239,68,227,.10),transparent 76%),linear-gradient(115deg,rgba(249,115,22,.035),transparent 42%,rgba(239,68,227,.03))}
#root{position:relative!important;z-index:1!important}
#root>div,.home-page,.branch-page,.login-page,#root [class*="bg-gbg"],#root>div>main,#root>div>main>div{background-color:transparent!important}

/* The original home bundle still renders three 560-700px blurred blobs with
   infinite drift animations. Remove that layer entirely: it is the main GPU
   hotspot and duplicates the static background above. */
.home-page>div[style*="position: fixed"][style*="pointer-events: none"][style*="overflow: hidden"]{display:none!important}
.scroll-branches{animation:none!important;transform:none!important}

/* A sticky 24px backdrop blur repaints on every scroll frame. Keep the same
   dark header appearance without the expensive live blur. */
header.sticky[class*="backdrop-blur"]{background-color:rgba(8,6,7,.97)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

.gs-light-pillar-surface{background:rgba(15,8,12,.62)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media (max-width:720px){
  html,body,#root{max-width:100%;overflow-x:clip}
  body::before{opacity:.7}

  /* Keep the compact header inside the viewport. The account action remains
     available from the footer while search and company status stay visible. */
  header>div{gap:.5rem!important;padding-left:.75rem!important;padding-right:.75rem!important}
  header>div>.ml-auto>button:last-child{display:none!important}

  /* The production footer ships a four-column inline grid on every viewport.
     Collapse it to two columns so the last column no longer lives off-screen. */
  footer>div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:2rem 1.25rem!important;padding-left:1rem!important;padding-right:1rem!important}

  /* Stack the tools intro and its status badge, then give every form field a
     full row. The bundled desktop grid otherwise clips content on phones. */
  .tools-page>div.relative>div:first-child{flex-direction:column!important;align-items:stretch!important}
  .tools-page>div.relative>div:first-child>div:last-child{width:100%!important;justify-content:flex-start!important}
  .tools-page form.grid.grid-cols-2{grid-template-columns:minmax(0,1fr)!important}
  .tools-page form.grid.grid-cols-2>label{grid-column:span 1!important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}