:root{
  --b2b4d-bg-0:#020815;
  --b2b4d-bg-1:#061428;
  --b2b4d-neon:#25d9ff;
  --b2b4d-neon-2:#0ea5ff;
  --b2b4d-neon-3:#7be7ff;
}
body.b2b-phase4d-safe{
  background: var(--b2b4d-bg-0) !important;
}
body.b2b-phase4d-safe .b2b-phase4d-backdrop{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
body.b2b-phase4d-safe .b2b-phase4d-layer{
  position:absolute;
  inset:-8%;
}
body.b2b-phase4d-safe .b2b-phase4d-base{
  background:
    radial-gradient(1200px 700px at 15% 12%, rgba(37,217,255,.10), transparent 58%),
    radial-gradient(1000px 620px at 86% 18%, rgba(14,165,255,.09), transparent 56%),
    radial-gradient(880px 560px at 25% 70%, rgba(37,217,255,.08), transparent 60%),
    radial-gradient(1000px 620px at 78% 82%, rgba(14,165,255,.07), transparent 62%),
    linear-gradient(180deg, #020713 0%, #041124 36%, #06152a 63%, #04101f 100%);
}
body.b2b-phase4d-safe .b2b-phase4d-aurora{
  filter: blur(56px) saturate(118%);
  opacity:.92;
  animation:b2b4dAurora 18s ease-in-out infinite alternate;
  background:
    radial-gradient(30% 46% at 10% 22%, rgba(37,217,255,.18), transparent 68%),
    radial-gradient(28% 44% at 86% 18%, rgba(14,165,255,.16), transparent 70%),
    radial-gradient(26% 38% at 20% 78%, rgba(123,231,255,.14), transparent 72%),
    radial-gradient(26% 40% at 76% 72%, rgba(37,217,255,.12), transparent 74%);
}
body.b2b-phase4d-safe .b2b-phase4d-grid{
  opacity:.22;
  background:
    linear-gradient(rgba(123,231,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(123,231,255,.04) 1px, transparent 1px);
  background-size: 32px 32px, 32px 32px;
  mask-image: linear-gradient(to bottom, transparent, black 12%, black 86%, transparent);
}
body.b2b-phase4d-safe .b2b-phase4d-vignette{
  background:
    radial-gradient(circle at 50% 50%, transparent 36%, rgba(0,0,0,.16) 74%, rgba(0,0,0,.40) 100%);
}
@keyframes b2b4dAurora{
  0%{ transform: translate3d(0,0,0) scale(1); }
  100%{ transform: translate3d(0,-1.2%,0) scale(1.035); }
}
/* Keep all beautification; only remove segmented block backgrounds */
body.b2b-phase4d-safe #root,
body.b2b-phase4d-safe .b2b-main,
body.b2b-phase4d-safe .b2b-shell,
body.b2b-phase4d-safe .b2b-page,
body.b2b-phase4d-safe main{
  position:relative;
  z-index:1;
  background:transparent !important;
}
body.b2b-phase4d-safe .b2b-main::before,
body.b2b-phase4d-safe .b2b-main::after,
body.b2b-phase4d-safe .b2b-page::before,
body.b2b-phase4d-safe .b2b-page::after,
body.b2b-phase4d-safe [class*="section"]::before,
body.b2b-phase4d-safe [class*="section"]::after{
  background-image:none !important;
}
body.b2b-phase4d-safe .b2b-main,
body.b2b-phase4d-safe .b2b-page,
body.b2b-phase4d-safe .b2b-home,
body.b2b-phase4d-safe .b2b-shop,
body.b2b-phase4d-safe .b2b-orders,
body.b2b-phase4d-safe .b2b-profile{
  background-color:transparent !important;
}
/* Cart visible on shop page without changing overall look */
body.b2b-phase4d-safe.b2b-route-shop .b2b-phase4d-shop-host,
body.b2b-phase4d-safe.b2b-route-shop .b2b-main,
body.b2b-phase4d-safe.b2b-route-shop .b2b-phase4d-cart-parent{
  overflow:visible !important;
}
body.b2b-phase4d-safe.b2b-route-shop .b2b-cart.b2b-phase4d-cart-fixed{
  position:sticky !important;
  top:96px !important;
  align-self:flex-start !important;
  max-height:calc(100vh - 132px);
  overflow:auto;
  scrollbar-width:thin;
}
body.b2b-phase4d-safe.b2b-route-shop .b2b-cart.b2b-phase4d-cart-fixed::-webkit-scrollbar{width:8px;height:8px}
body.b2b-phase4d-safe.b2b-route-shop .b2b-cart.b2b-phase4d-cart-fixed::-webkit-scrollbar-thumb{background:rgba(37,217,255,.22);border-radius:999px}
@media (max-width: 980px){
  body.b2b-phase4d-safe .b2b-phase4d-aurora{filter: blur(44px); opacity:.84;}
  body.b2b-phase4d-safe .b2b-phase4d-grid{opacity:.14;background-size:26px 26px,26px 26px;}
  body.b2b-phase4d-safe.b2b-route-shop .b2b-cart.b2b-phase4d-cart-fixed{
    position:sticky !important;
    top:72px !important;
    max-height:42vh;
  }
}