/* BERZA PUBLIC ART DIRECTION V2 — 2026-11-07
 * One final, scoped visual owner for PUBLIC marketing pages only.
 * No changes to Core board, auth, DISPO/DRIVER cabin or billing geometry. */
html body.bu-public-unified{
  --bu-public-rail-h:32px;--bu-public-head-h:60px;
  --bu-public-stack-h:92px;
  --bu-aqua:#51e2d9;--bu-sky:#7cc7fb;--bu-gold:#f6bc72;
  margin-top:0!important;
}
html body.bu-public-unified .landing-shell.bu-public-unified-shell{
  margin-top:0!important;padding-top:0!important;overflow:visible!important;
}
/* The header and the public catalogue must occupy consecutive, not
 * overlapping, sticky layers. Previously the nav stuck at 60px while
 * rail+header took 90+px. */
html body.bu-public-unified .bu-one-chrome-public>.bu-one-rail{
 position:sticky!important;top:0!important;z-index:2102!important;
 box-sizing:border-box!important;height:var(--bu-public-rail-h)!important;
 min-height:var(--bu-public-rail-h)!important;max-height:var(--bu-public-rail-h)!important;
 padding:0 16px!important;margin:0!important;
 background:#041f30!important;border:0!important;outline:0!important;
 box-shadow:inset 0 -1px rgba(98,207,206,.18)!important;
}
html body.bu-public-unified .bu-one-chrome-public>.bu-one-rail::before,
html body.bu-public-unified .bu-one-chrome-public>.bu-one-rail::after{display:none!important}
html body.bu-public-unified .bu-one-chrome-public>.bu-one-header{
 position:sticky!important;top:var(--bu-public-rail-h)!important;z-index:2101!important;
 box-sizing:border-box!important;height:var(--bu-public-head-h)!important;
 min-height:var(--bu-public-head-h)!important;max-height:var(--bu-public-head-h)!important;
 margin:0!important;box-shadow:0 5px 24px rgba(0,25,36,.19)!important;
 background:linear-gradient(112deg,#052d40,#075064 65%,#07695f)!important;
}
html body.bu-public-unified .bu-one-chrome-public>.bu-one-header::before{height:1px!important;opacity:.32!important}
html body.bu-public-unified .bu312-nav{
 position:sticky!important;top:var(--bu-public-stack-h)!important;z-index:2100!important;
 margin:0!important;border-top:0!important;
 background:linear-gradient(102deg,#052536,#074052 70%,#07535a)!important;
 box-shadow:0 6px 18px rgba(0,25,39,.16)!important;
}
html body.bu-public-unified .bu312-nav__inner{
 min-height:44px!important;max-height:none!important;padding-block:4px!important;
}
html body.bu-public-unified .bu312-nav__item,
html body.bu-public-unified .bu312-nav__toggle{
 transition:background .17s,border-color .17s,box-shadow .17s!important;
}
html body.bu-public-unified .bu312-nav__item:hover{
 box-shadow:inset 0 0 0 1px rgba(137,250,224,.35)!important;
}
html body.bu-public-unified .bu-public-main-col{
 position:relative!important;z-index:0!important;
 margin-top:0!important;padding-top:0!important;isolation:auto!important;
}
html body.bu-public-unified .bu-one-story{transform:none!important}
html body.bu-public-unified :is(.bu-pro,.bu-mkt,.bu-story,.bn-home){margin-top:0!important}
/* Sidebar: more editorial breathing room and a clean, calm active item. */
html body.bu-public-unified #bu-public-shell>.bu-core-public-sidebar{
 background:linear-gradient(170deg,#052d40,#061e30 68%,#041c2a)!important;
 border-right:1px solid rgba(111,216,214,.20)!important;
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer{
 padding:8px 3px 22px!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer .bu-core-side-section{
 display:flex!important;align-items:center!important;gap:8px!important;
 font-size:9px!important;letter-spacing:.16em!important;
 color:#9ac3ce!important;margin:21px 9px 10px!important;
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer .bu-core-side-section:after{
 content:"";height:1px;flex:1;min-width:8px;background:linear-gradient(90deg,rgba(112,226,218,.21),transparent)
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer .bu-core-side-link{
 min-height:40px!important;padding:9px 10px!important;margin:2px 0!important;
 font-size:11px!important;font-weight:710!important;border-radius:11px!important;
 color:#c7e4eb!important;white-space:normal!important;line-height:1.33!important;
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer .bu-core-side-link svg{
 stroke-width:1.8!important;color:#80d9da!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer .bu-core-side-link[aria-current="page"]{
 background:linear-gradient(98deg,#078e91,#087f86)!important;
 border-color:rgba(149,247,223,.35)!important;
 box-shadow:inset 3px 0 0 #a4fff0,0 7px 20px rgba(0,15,30,.13)!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer .bu-core-side-link:hover{
 background:rgba(50,183,193,.19)!important;transform:translateX(2px)
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer .bu-core-side-link:focus-visible{
 outline:2px solid #89fbe6!important;outline-offset:1px!important
}
/* HOME — visual weight comes from geography, depth and light, never fake data. */
html body.home.bu-public-unified .bn-home .bn-hero{
 min-height:clamp(770px,calc(100svh - 80px),1020px)!important;
 background:
 radial-gradient(ellipse 48% 66% at 72% 49%,rgba(6,146,170,.3),transparent 94%),
 radial-gradient(ellipse 50% 70% at 42% 110%,rgba(11,104,159,.28),transparent 90%),
 linear-gradient(126deg,#031522,#062e42 57%,#063746)!important;
 overflow:hidden!important;isolation:isolate!important
}
html body.home.bu-public-unified .bn-home .bn-hero::before{
 z-index:2!important;opacity:1!important;
 background:linear-gradient(100deg,rgba(1,13,26,.87) 0%,rgba(1,20,33,.46) 38%,rgba(1,29,43,.07) 74%,rgba(1,14,26,.22) 100%)!important
}
html body.home.bu-public-unified .bn-home .bn-hero::after{
 z-index:0!important;height:200px!important;
 background:linear-gradient(180deg,transparent,#052d3e 96%)!important
}
html body.home.bu-public-unified .bn-hero .bn-mesh{
 opacity:1!important;z-index:2!important;mix-blend-mode:screen!important;
 mask-image:none!important;-webkit-mask-image:none!important;
}
html body.home.bu-public-unified .bn-hero__grid{
 z-index:0!important;opacity:.20!important;
 background-size:80px 80px!important;
 transform:perspective(900px) rotateX(19deg) scale(1.23)!important;
}
html body.home.bu-public-unified .bn-hero .bn-world,
html body.home.bu-public-unified .bn-hero .bn-depth-layers{opacity:.13!important}
.bn-hero__orb{
 position:absolute;pointer-events:none;z-index:1;
 width:clamp(430px,48vw,860px);height:clamp(430px,48vw,860px);
 left:49%;top:49%;transform:translate(-42%,-49%) rotate(-15deg);
 border:1px solid rgba(83,234,227,.10);border-radius:50%;
 background:radial-gradient(circle at 33% 21%,rgba(85,238,232,.18),transparent 32%),
 radial-gradient(circle at 54% 50%,rgba(5,53,77,.07),rgba(5,20,40,.67) 79%,transparent 83%);
 box-shadow:inset -60px -18px 110px rgba(0,10,29,.52),
 inset 0 0 74px rgba(41,187,218,.12),0 0 150px rgba(24,177,208,.08);
}
.bn-hero__orb:before{
 content:"";position:absolute;inset:12%;border-radius:50%;
 border:1px solid rgba(109,237,223,.12);
 background:repeating-linear-gradient(0deg,transparent 0 42px,rgba(115,208,222,.075) 43px,transparent 44px 83px);
 transform:perspective(750px) rotateX(19deg) rotateZ(-12deg);
 -webkit-mask-image:radial-gradient(ellipse,#000 45%,transparent 71%);
 mask-image:radial-gradient(ellipse,#000 45%,transparent 71%)
}
.bn-hero__orb:after{
 content:"";position:absolute;inset:-12% -4%;border:1px solid rgba(114,221,234,.18);
 border-radius:50%;transform:perspective(900px) rotateX(67deg) rotateZ(18deg);
 box-shadow:0 0 30px rgba(19,177,194,.075)
}
html body.home.bu-public-unified .bn-hero__layout{
 grid-template-columns:minmax(0,1.05fr) minmax(385px,.75fr)!important;
 gap:clamp(25px,3.8vw,65px)!important;align-items:center!important;
 padding-block:clamp(82px,8.5vw,120px) clamp(85px,8vw,105px)!important;
 max-width:1550px!important;position:relative!important;z-index:5!important
}
html body.home.bu-public-unified .bn-hero__copy{
 align-self:center!important;padding-bottom:7px!important
}
html body.home.bu-public-unified .bn-hero__copy h1{
 font-size:clamp(46px,5vw,84px)!important;line-height:1.025!important;max-width:13ch!important
}
html body.home.bu-public-unified .bn-hero__copy .bn-eyebrow{
 box-shadow:0 8px 26px rgba(0,24,39,.22)!important
}
html body.home.bu-public-unified .bn-hero__copy .bn-hero__lead{
 color:#d5eced!important;text-shadow:0 3px 19px rgba(0,15,27,.24)!important
}
html body.home.bu-public-unified .bn-hero__actions .bn-btn{
 transition:transform .17s,box-shadow .17s,border-color .17s!important
}
html body.home.bu-public-unified .bn-hero__actions .bn-btn:hover{transform:translateY(-2px)}
html body.home.bu-public-unified .bn-hero__facts span{
 display:inline-flex!important;padding:6px 10px!important;border:1px solid rgba(150,224,224,.16)!important;
 border-radius:100px!important;background:rgba(0,29,43,.25)!important
}
/* NEW 3D network control surface — compact enough for laptop, vivid on desktop. */
html body.home.bu-public-unified .bn-home .bn-bridge{
 position:relative!important;box-sizing:border-box!important;
 transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)!important;
 transform-style:preserve-3d!important;max-width:515px!important;
 width:100%!important;min-width:0!important;align-self:center!important;justify-self:end!important;
 display:flex!important;flex-direction:column!important;gap:11px!important;
 padding:clamp(17px,1.6vw,24px)!important;
 border-radius:24px!important;border:1px solid rgba(141,232,225,.36)!important;
 background:radial-gradient(ellipse at 71% 0%,rgba(48,181,208,.18),transparent 49%),
 linear-gradient(147deg,rgba(7,42,64,.94),rgba(1,20,38,.96) 77%)!important;
 box-shadow:0 42px 110px rgba(0,11,26,.46),inset 0 1px rgba(223,255,255,.15),
 0 0 50px rgba(23,184,188,.07)!important;
 backdrop-filter:blur(11px)!important;
 transition:transform .35s ease,border-color .25s ease!important
}
html body.home.bu-public-unified .bn-home .bn-bridge:hover{
 transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-3px)!important;
 border-color:rgba(151,254,231,.58)!important
}
.bn-bridge,.bn-bridge *{box-sizing:border-box}
.bn-bridge__top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}
.bn-bridge__tag{
 color:#8ff0df!important;font-size:9px!important;font-weight:900!important;
 letter-spacing:.17em!important;text-transform:uppercase
}
.bn-bridge__status{
 display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
 color:#abd4dc!important;font-size:9px;font-weight:850;letter-spacing:.07em
}
.bn-bridge__status i{
 width:6px;height:6px;flex:none;border-radius:50%;background:#65ebca;
 box-shadow:0 0 0 4px rgba(75,232,194,.11),0 0 11px rgba(84,244,209,.65)
}
.bn-bridge__intro{display:grid;gap:5px;min-width:0}
.bn-bridge__intro h2{
 color:#fff!important;font-size:clamp(22px,2.15vw,30px)!important;
 line-height:1.1!important;letter-spacing:-.045em!important;font-weight:850!important;
 margin:0!important
}
.bn-bridge__intro p{
 color:#bfdce4!important;font-size:12px!important;line-height:1.55!important;margin:0!important
}
/* Obsolete v2 inline globe, domain and badge styles removed. Homepage v4
   supplies the real Canvas globe and live domain cards. Shared app tile
   styling below is retained because v4 still uses .bn-bridge__app. */
.bn-bridge__app{
 display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
 gap:5px;position:relative;min-width:0;min-height:99px;padding:10px 6px;
 color:#eafafb!important;text-decoration:none!important;
 border:1px solid rgba(137,216,224,.23);border-radius:12px;
 background:linear-gradient(156deg,rgba(33,97,114,.33),rgba(5,36,56,.87));
 transition:transform .19s,border-color .19s,background .19s
}
.bn-bridge__app:hover{transform:translateY(-3px);border-color:rgba(139,253,227,.63);background:rgba(21,92,112,.53)}
.bn-bridge__app img{
 width:34px;height:34px;max-width:34px;object-fit:contain;
 filter:drop-shadow(0 5px 10px rgba(0,12,22,.4))
}
.bn-bridge__app>span{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.bn-bridge__app strong{color:#fff!important;font-size:10px!important;font-weight:850}
.bn-bridge__app small{
 color:#add7df!important;font-size:9px!important;line-height:1.25!important;
 max-width:100%;overflow-wrap:anywhere
}
.bn-bridge__app>b{
 position:absolute;top:6px;right:8px;color:#8eead9;font-size:12px;font-weight:650
}
/* The company/software pages get their own focal light and layered 3D
   cards, not merely a recolored flat blue rectangle. */
html body.bu-public-unified main.bu-pro .bu-nx{
 background:radial-gradient(ellipse at 75% 11%,rgba(35,160,190,.36),transparent 45%),
 radial-gradient(circle at 95% 90%,rgba(236,161,98,.1),transparent 37%),
 linear-gradient(123deg,#031b30,#093c52 76%,#063344)!important;
 border:1px solid rgba(121,209,218,.28)!important;
 box-shadow:0 28px 74px rgba(0,32,53,.17),inset 0 1px rgba(202,250,244,.08)!important
}
html body.bu-public-unified main.bu-pro .bu-nx:after{
 content:"";pointer-events:none;position:absolute;z-index:0;
 width:min(46vw,590px);aspect-ratio:1;right:3%;top:-39%;border-radius:50%;
 border:1px solid rgba(128,243,226,.16);
 box-shadow:0 0 0 70px rgba(84,210,219,.026),0 0 0 145px rgba(56,166,201,.026),
 inset 0 0 60px rgba(75,228,214,.08);transform:perspective(900px) rotateX(38deg)
}
html body.bu-public-unified main.bu-pro .bu-nx :is(.bu-nx-windows article,.bu-nx-facts article,.bu-nx-cabin){
 box-shadow:0 19px 32px rgba(0,24,45,.13),inset 0 1px rgba(255,255,255,.32)!important;
 border-radius:16px!important;transition:transform .22s ease,box-shadow .22s ease!important
}
html body.bu-public-unified main.bu-pro .bu-nx :is(.bu-nx-windows article,.bu-nx-facts article):nth-child(2n){
 transform:translateY(13px) rotate(1deg)
}
html body.bu-public-unified main.bu-pro .bu-nx :is(.bu-nx-windows article,.bu-nx-facts article):nth-child(odd){
 transform:rotate(-1.2deg)
}
html body.bu-public-unified main.bu-pro .bu-nx :is(.bu-nx-windows article,.bu-nx-facts article):hover{
 transform:translateY(-3px) rotate(0)!important;
 box-shadow:0 28px 44px rgba(0,19,34,.22)!important
}
html body.bu-public-unified main.bu-story .bu-story-hero{
 background:radial-gradient(ellipse at 78% 24%,rgba(25,178,185,.29),transparent 54%),
 radial-gradient(circle at 7% 90%,rgba(240,183,106,.07),transparent 36%),
 linear-gradient(127deg,#051b2b,#0a3c50)!important
}
html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-blog-hero,.bu-appdl-cinematic){
 background:
 radial-gradient(ellipse at 79% 14%,rgba(34,189,180,.27),transparent 50%),
 radial-gradient(ellipse at 5% 95%,rgba(41,136,199,.18),transparent 40%),
 linear-gradient(129deg,#051e2e,#0b4654)!important
}
/* White sections remain bright, but no longer visually sterile. */
html body.bu-public-unified .bu-public-main-col{
 background:radial-gradient(ellipse at 80% 10%,rgba(37,153,190,.065),transparent 40%),
 linear-gradient(180deg,#f1f8fa,#f8fbfc 45%,#eef6f7)!important
}
html body.home.bu-public-unified .bn-home .bn-section{
 isolation:isolate;position:relative!important;
 background:radial-gradient(ellipse at 9% 16%,rgba(34,178,193,.065),transparent 36%),
 radial-gradient(ellipse at 90% 75%,rgba(68,193,170,.04),transparent 40%),
 linear-gradient(180deg,#f8fbfc,#f1f8fa)!important
}
html body.home.bu-public-unified .bn-home .bn-section:nth-of-type(even){
 background:radial-gradient(ellipse at 84% 18%,rgba(31,136,188,.085),transparent 42%),
 linear-gradient(175deg,#eef7f8,#f8fbfc)!important
}
html body.home.bu-public-unified .bn-home .bn-section:before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.34;
 background:radial-gradient(circle at 1px 1px,rgba(31,127,151,.12) .8px,transparent 1px) 0 0/31px 31px;
 mask-image:linear-gradient(90deg,transparent 4%,#000 50%,transparent 96%)
}
html body.bu-public-unified main.bu-pro{
 background:radial-gradient(ellipse at 95% 30%,rgba(42,171,189,.06),transparent 45%),
 linear-gradient(#f5fafb,#eaf4f6)!important
}
html body.bu-public-unified .bu-public-contact-strip{
 background:linear-gradient(90deg,#f1f8f9,#e6f2f5)!important;
 border-bottom:1px solid #d5e7e9!important;padding-block:12px!important
}
html body.bu-public-unified main.bu-pro :is(.bu-pro-section,.bu-nx-section,.bu-pro-grid){
 position:relative
}
/* Desktop / laptop density: the scene stays legible rather than overflowing. */
@media(max-width:1240px){
 html body.home.bu-public-unified .bn-hero__layout{
  grid-template-columns:minmax(0,1fr) minmax(340px,.75fr)!important;gap:25px!important
 }
 html body.home.bu-public-unified .bn-hero__copy h1{font-size:clamp(43px,4.8vw,67px)!important}
 html body.home.bu-public-unified .bn-home .bn-bridge{padding:16px!important}
 .bn-bridge__visual{height:150px;min-height:150px}
 .bn-bridge__planet{width:138px;height:138px}
}
@media(max-width:1050px){
 html body.home.bu-public-unified .bn-hero__layout{
  display:grid!important;grid-template-columns:1fr!important;
  max-width:760px!important;gap:34px!important;padding:63px 0 76px!important
 }
 html body.home.bu-public-unified .bn-home .bn-bridge{
  width:100%!important;max-width:620px!important;justify-self:center!important;
  transform:none!important
 }
 html body.home.bu-public-unified .bn-home .bn-bridge:hover{transform:translateY(-2px)!important}
 .bn-hero__orb{left:58%;top:42%;width:640px;height:640px;opacity:.77}
}
@media(max-width:900px){
 html body.bu-public-unified{
  --bu-public-rail-h:32px;--bu-public-head-h:64px;--bu-public-stack-h:96px
 }
 html body.bu-public-unified .bu-one-chrome-public>.bu-one-header{
  height:64px!important;min-height:64px!important;max-height:64px!important
 }
 /* On phones/tablets the public shortcuts are in the canonical menu; no
    second fixed row that would obscure the top portion of a hero. */
 html body.bu-public-unified .bu312-nav{
  position:relative!important;top:auto!important;z-index:8!important;
 }
 html body.bu-public-unified .bu312-nav__inner{min-height:52px!important}
 html body.bu-public-unified #bu-public-shell>.bu-core-public-sidebar{display:none!important}
}
@media(max-width:680px){
 html body.home.bu-public-unified .bn-hero{min-height:0!important}
 html body.home.bu-public-unified .bn-hero__layout{
  width:calc(100% - 32px)!important;gap:30px!important;
  padding:49px 0 66px!important
 }
 html body.home.bu-public-unified .bn-hero__copy h1{font-size:clamp(38px,10vw,56px)!important}
 html body.home.bu-public-unified .bn-hero__copy .bn-hero__lead{
  font-size:14px!important;line-height:1.64!important
 }
 .bn-hero__orb{left:67%;top:24%;width:460px;height:460px;opacity:.58}
 html body.home.bu-public-unified .bn-home .bn-bridge{
  padding:15px!important;border-radius:19px!important;gap:10px!important
 }
 .bn-bridge__visual{height:155px;min-height:155px}
 .bn-bridge__planet{width:137px;height:137px}
 .bn-bridge__domains{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:3px}
 .bn-bridge__domain{padding:10px 8px}
 .bn-bridge__domain strong{font-size:clamp(11px,3vw,14px)!important}
 .bn-bridge__domain small{font-size:8px!important}
 .bn-bridge__link{font-size:14px}
 .bn-bridge__app{padding:8px 5px;min-height:91px}
 .bn-bridge__app img{width:31px;height:31px}
 .bn-bridge__app small{font-size:8px!important}
 html body.bu-public-unified main.bu-pro .bu-nx :is(.bu-nx-windows article,.bu-nx-facts article){transform:none!important}
}

/* V2 repair 2026-11-08: fix the real sticky ownership.
   Core globally sets .bu-one-chrome {display:contents}; a "sticky" wrapper
   with display:contents does not create a box and cannot stay fixed in view.
   Make only the public chrome a real 2-row sticky block, then leave the public
   catalogue immediately underneath it at the measured combined offset.
   Workspace/account/auth remain on their existing core chrome. */
html body.bu-public-unified .landing-shell.bu-public-unified-shell>.bu-one-chrome-public{
 display:block!important;position:sticky!important;top:0!important;
 z-index:2150!important;width:100%!important;max-width:100%!important;
 margin:0!important;padding:0!important;transform:none!important;
 overflow:visible!important;isolation:isolate!important;
}
html body.bu-public-unified .landing-shell.bu-public-unified-shell>.bu-one-chrome-public>.bu-one-rail{
 display:flex!important;position:relative!important;top:auto!important;left:auto!important;
 width:100%!important;margin:0!important;transform:none!important;z-index:2!important;
}
html body.bu-public-unified .landing-shell.bu-public-unified-shell>.bu-one-chrome-public>.bu-one-header{
 position:relative!important;top:auto!important;left:auto!important;
 margin:0!important;transform:none!important;z-index:1!important;
}
html body.bu-public-unified .bu-public-main-col>.bu312-nav{
 position:sticky!important;top:calc(var(--bu-public-rail-h,32px) + var(--bu-public-head-h,60px))!important;
 z-index:2148!important;transform:none!important;
}
html body.bu-public-unified .landing-shell.bu-public-unified-shell,
html body.bu-public-unified #bu-public-shell{
 overflow:visible!important;
}
html body.bu-public-unified{
 scroll-padding-top:calc(var(--bu-public-rail-h,32px) + var(--bu-public-head-h,60px) + 53px)!important;
}
html body.bu-public-unified .bu-one-rail :is(button,a,summary),
html body.bu-public-unified .bu-one-header :is(button,a,summary){
 touch-action:manipulation;
}
@media(max-width:900px){
 html body.bu-public-unified .landing-shell.bu-public-unified-shell>.bu-one-chrome-public{
  top:0!important;
 }
 html body.bu-public-unified .bu-public-main-col>.bu312-nav{
  position:relative!important;top:auto!important;z-index:7!important;
 }
 html body.bu-public-unified{
  scroll-padding-top:calc(var(--bu-public-rail-h,32px) + var(--bu-public-head-h,64px) + 12px)!important;
 }
}
@media(max-width:700px){
 html body.bu-public-unified .bu-public-main-col>.bu312-nav{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
  height:0!important;min-height:0!important;margin:0!important;padding:0!important;
 }
}

/* Reduce hero layout shift from the late (DOMContentLoaded) public nav.
   The placeholder exists only until the real navigator is inserted.
   Mobile <=900px uses its own menu and must never reserve a desktop slot. */
@media(min-width:901px){
 html body.bu-public-unified:not(.bu312-ready) #bu-public-shell.bu-core-side-unified-ready>.bu-public-main-col::before{
  content:"";display:block!important;box-sizing:border-box;
  width:100%!important;height:45px!important;min-height:45px!important;
  background:linear-gradient(101deg,#052536,#074052 70%,#07535a);
  border-bottom:1px solid rgba(157,249,230,.18);
 }
}
@media(max-width:900px){
 html body.bu-public-unified #bu-public-shell>.bu-public-main-col::before{
  content:none!important;display:none!important
 }
}
/* Interactions in the public header and modals must remain comfortably tappable
   without stretching the carousel or altering the operational Core header. */
html body.bu-public-unified :is(.bu-one-apps-close,.bu-one-promotions-close){
 width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
 display:grid!important;place-items:center!important
}
html body.bu-public-unified :is(.bu-one-apps-dialog,.bu-one-promotions-dialog) :is(a,button,summary):focus-visible{
 outline:3px solid #28b4a7!important;outline-offset:3px!important
}
@media(max-width:900px){
 html body.bu-public-unified .bu-one-chrome-public :is(.bu-one-apps,.bux3-login,.bu-one-menu-open){
  min-height:44px!important;min-width:44px!important
 }
 html body.bu-public-unified .bu-one-chrome-public .bu-one-language-menu>summary{
  min-height:44px!important;min-width:44px!important
 }
}

/* Low-power and mobile: keep all visuals, but stop continuous SVG paint
   and translucent backdrop filtering during scroll. */
@media(max-width:900px),(pointer:coarse),(prefers-reduced-motion:reduce){
 html body.home.bu-public-unified .bn-home .bn-bridge{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  transform:none!important;
 }
 html body.home.bu-public-unified .bn-bridge__routes path{
  animation:none!important
 }
 html body.home.bu-public-unified .bn-hero__orb,
 html body.home.bu-public-unified .bn-bridge__planet{
  animation:none!important
 }
}

/* Very-low-cost visual motion: only transform/opacity, never geometry or blur loops. */
@keyframes bu-v2-orb{
  0%,100%{transform:translate(-42%,-49%) rotate(-15deg) scale(1)}
  50%{transform:translate(-41%,-50%) rotate(-9deg) scale(1.025)}
}
@keyframes bu-v2-planet{
  0%,100%{transform:translate(-50%,-50%) rotate(-15deg)}
  50%{transform:translate(-50%,-50%) rotate(-7deg)}
}
@keyframes bu-v2-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@media(min-width:901px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .bn-hero__orb{animation:bu-v2-orb 22s ease-in-out infinite}
 .bn-bridge__planet{animation:bu-v2-planet 17s ease-in-out infinite}
 html body.bu-public-unified .bu-story-device{animation:bu-v2-float 8s ease-in-out infinite}
}

@media(prefers-reduced-motion:reduce){
 .bn-bridge__routes path{animation:none!important}
 html body.home.bu-public-unified .bn-home .bn-bridge,
 html body.home.bu-public-unified .bn-home .bn-bridge:hover,
 html body.bu-public-unified main.bu-pro .bu-nx :is(.bu-nx-windows article,.bu-nx-facts article){
  transform:none!important;transition:none!important
 }
}