/* Berza | Public Art Direction v1. Scoped exclusively to PUBLIC routes.
   Presentation only: no auth, board, cabin, pricing or checkout selectors. */
html body.bu-public-unified{
 --bu-art-ink:#061d2e;--bu-art-azure:#16b4c9;--bu-art-mint:#70eadb;--bu-art-copper:#e6b779;
}
html body.bu-public-unified .bu-public-main-col{min-width:0;}
html body.bu-public-unified .bu-public-main-col :is(.bn-home,.bu-pro,.bu-mkt,.bu-story){min-width:0}
/* The header is the primary navigation; avoid a second full-width
   discovery system directly beneath it, across breakpoints. */
html body.home.bu-public-unified .bn-portals{display:none!important}
/* The marketing strip is a calm 24px status band, not a second header. */
html body.bu-public-unified .bu-one-chrome-public>.bu-one-rail{
 min-height:26px!important;height:auto!important;padding-block:3px!important;
 background:#062637!important;border-bottom:1px solid rgba(166,225,229,.14)!important
}
html body.bu-public-unified .bu-one-chrome-public .bu-one-rail-identity{
 font-size:9px!important;letter-spacing:.19em!important;font-weight:850!important
}
html body.bu-public-unified .bu-one-chrome-public .bu-one-marketing{
 opacity:.82;font-size:10px!important;min-width:0;overflow:hidden
}
html body.bu-public-unified .bu-one-chrome-public>.bu-one-header{
 position:relative;z-index:90;border-bottom:1px solid rgba(146,232,236,.13);
 box-shadow:0 6px 24px rgba(0,15,31,.10)
}
/* Public-only sidebar: navigational library, never dashboard controls. */
html body.bu-public-unified #bu-public-shell>.bu-core-public-sidebar{
 background:linear-gradient(180deg,#082a3e 0%,#062337 62%,#041b2c 100%)!important;
 border-right:1px solid rgba(89,207,218,.20)!important;
 box-shadow:12px 0 28px rgba(0,15,28,.10)!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-core-side-scroll{
 scrollbar-width:thin;scrollbar-color:#287888 transparent;padding:12px 8px 18px!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-core-side-section{
 margin:18px 10px 9px!important;color:#7cb9c5!important;letter-spacing:.19em!important;
 font-size:9px!important;font-weight:850!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-core-side-link{
 min-height:38px!important;margin:2px 0!important;padding:8px 11px!important;
 border:1px solid transparent!important;border-radius:11px!important;
 font-size:11px!important;font-weight:650!important;line-height:1.35!important;
 color:#cae4ec!important;text-decoration:none!important;gap:10px!important;
 transition:background .18s,border-color .18s,transform .18s,color .18s
}
html body.bu-public-unified .bu-core-public-sidebar .bu-core-side-link:hover{
 color:#fff!important;background:rgba(50,188,200,.13)!important;
 border-color:rgba(118,225,222,.16)!important;transform:translateX(2px)
}
html body.bu-public-unified .bu-core-public-sidebar .bu-core-side-link:is([aria-current="page"],.is-on){
 color:#fff!important;background:linear-gradient(90deg,rgba(29,157,179,.32),rgba(29,157,179,.09))!important;
 border-color:rgba(107,223,211,.28)!important;
 box-shadow:inset 3px 0 0 #66e3d5!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-core-side-link svg{
 width:16px!important;height:16px!important;flex:none;color:#67cad3!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-core-side-link[aria-current="page"] svg{color:#a0fff0!important}
html body.bu-public-unified .bu-core-public-sidebar .bu-core-side-foot{
 border-top:1px solid rgba(149,230,237,.13)!important
}
/* Public explorer is a separate menu tree. The legacy operational links
   remain in markup for all workspace routes but are not duplicated publicly. */
html body.bu-public-unified .bu-core-public-sidebar .bu-core-side-scroll>:not(.bu-public-explorer){
 display:none!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer{
 display:block!important;min-width:0!important;padding-bottom:10px!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer .bu-core-side-link{
 display:flex!important;align-items:center!important
}
html body.bu-public-unified .bu-core-public-sidebar .bu-public-explorer .bu-core-side-section{
 display:block!important
}

/* A single spacious enterprise-grade hero with full-bleed geographic data. */
html body.home.bu-public-unified main.bu-premium-home .bn-hero{
 min-height:clamp(700px,calc(100svh - 94px),940px)!important;
 background:radial-gradient(ellipse at 72% 38%,rgba(21,116,141,.33),transparent 55%),
 linear-gradient(114deg,#031521 0%,#05283c 52%,#063e4d 100%)!important;
 isolation:isolate!important;overflow:hidden!important
}
html body.home.bu-public-unified .bn-hero::before{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 opacity:.6;background:linear-gradient(90deg,rgba(2,16,28,.86) 0%,rgba(2,22,36,.66) 29%,rgba(2,31,46,.1) 64%,rgba(2,19,31,.21) 100%),
 radial-gradient(ellipse at 71% 50%,transparent 14%,rgba(0,14,27,.28) 100%)!important
}
html body.home.bu-public-unified .bn-hero__grid{
 z-index:0!important;opacity:.12!important;background-size:84px 84px!important;
 transform:perspective(900px) rotateX(14deg) scale(1.3);transform-origin:center bottom
}
html body.home.bu-public-unified .bn-hero__light{
 z-index:0!important;background:radial-gradient(ellipse at 78% 43%,rgba(23,208,208,.18),transparent 62%)!important
}
html body.home.bu-public-unified .bn-hero .bn-world,
html body.home.bu-public-unified .bn-hero .bn-depth-layers{
 opacity:.28!important;filter:saturate(.65)!important;pointer-events:none!important
}
html body.home.bu-public-unified .bn-hero .bn-mesh{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;z-index:1!important;
 opacity:1!important;mix-blend-mode:screen!important;
 mask-image:none!important;-webkit-mask-image:none!important;pointer-events:none!important
}
html body.home.bu-public-unified .bn-hero__layout{
 width:min(100% - clamp(34px,5.4vw,110px),1510px)!important;
 display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(360px,.7fr)!important;
 align-items:end!important;gap:clamp(18px,4.5vw,76px)!important;
 padding-top:clamp(78px,9vw,138px)!important;padding-bottom:clamp(95px,10vw,148px)!important;
 z-index:5!important;position:relative!important
}
html body.home.bu-public-unified .bn-hero__copy{max-width:780px!important;align-self:center!important}
html body.home.bu-public-unified .bn-hero__copy .bn-eyebrow{
 width:fit-content!important;max-width:100%!important;margin-bottom:23px!important;
 padding:9px 14px!important;border-radius:100px!important;
 color:#a9f8ea!important;border:1px solid rgba(127,236,220,.25)!important;
 background:rgba(2,31,45,.53)!important;backdrop-filter:blur(7px)!important;
 letter-spacing:.13em!important;font-size:10px!important
}
html body.home.bu-public-unified .bn-hero h1{
 max-width:12.6ch!important;font-size:clamp(45px,5.3vw,86px)!important;
 line-height:1.015!important;letter-spacing:-.065em!important;
 font-weight:800!important;color:#fff!important;text-shadow:0 14px 46px rgba(0,10,26,.24)!important
}
html body.home.bu-public-unified .bn-hero h1 strong{
 font-weight:800!important;color:#78f0d9!important;background:linear-gradient(105deg,#e6fff4,#87ebd9 48%,#7bc9ef);
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent
}
html body.home.bu-public-unified .bn-hero__lead{
 max-width:55ch!important;color:#d6e9ee!important;
 font-size:clamp(15px,1.24vw,19px)!important;line-height:1.72!important;
 margin-top:29px!important
}
html body.home.bu-public-unified .bn-hero__actions{gap:10px!important;margin-top:33px!important}
html body.home.bu-public-unified .bn-hero__actions .bn-btn{
 min-height:52px!important;border-radius:13px!important;
 box-shadow:0 16px 36px rgba(0,16,26,.15)!important
}
html body.home.bu-public-unified .bn-hero__actions .bn-btn--primary{
 background:linear-gradient(125deg,#18b9cb,#129d9d)!important;color:#051b28!important;
 box-shadow:0 14px 40px rgba(9,178,180,.24)!important
}
html body.home.bu-public-unified .bn-hero__actions .bn-btn--glass,
html body.home.bu-public-unified .bn-hero__actions .bn-btn--fleet{
 border-color:rgba(185,234,236,.37)!important;background:rgba(4,35,54,.52)!important;
 color:#eaf8fa!important
}
html body.home.bu-public-unified .bn-hero__facts{margin-top:25px!important;color:#b5d7de!important}
/* Domain identity: two distinct engraved access plates, one shared core. */
html body.home.bu-public-unified .bn-network-gateway{
 align-self:end!important;max-width:460px!important;justify-self:end!important;
 gap:13px!important;padding:21px!important;min-width:0!important;
 background:linear-gradient(157deg,rgba(6,34,52,.93),rgba(4,24,40,.91))!important;
 border:1px solid rgba(116,220,221,.26)!important;border-radius:23px!important;
 box-shadow:0 28px 70px rgba(0,11,26,.38),inset 0 1px 0 rgba(255,255,255,.13)!important;
 transform:perspective(1000px) rotateY(-4deg) rotateX(2deg);
 transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .3s!important;
 backdrop-filter:blur(11px)!important
}
html body.home.bu-public-unified .bn-network-gateway:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-3px);border-color:rgba(142,235,221,.52)!important}
html body.home.bu-public-unified .bn-network-gateway__header{gap:5px!important}
html body.home.bu-public-unified .bn-network-gateway__eyebrow{color:#8de6d9!important;letter-spacing:.18em!important}
html body.home.bu-public-unified .bn-network-gateway__header>strong{
 color:#fff!important;font-size:clamp(22px,2vw,30px)!important;font-weight:800!important
}
html body.home.bu-public-unified .bn-network-gateway__header>p{color:#b6d6de!important;line-height:1.5!important}
html body.home.bu-public-unified .bn-network-gateway__world{
 height:0!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;
 margin:0!important;visibility:hidden!important
}
html body.home.bu-public-unified .bn-network-gateway__join{
 display:grid!important;grid-template-columns:1fr!important;gap:9px!important;align-items:stretch!important
}
html body.home.bu-public-unified .bn-network-gateway__domain{
 display:flex!important;flex-direction:column!important;gap:2px!important;
 padding:13px 15px!important;border-radius:13px!important;min-width:0!important;
 text-decoration:none!important;border:1px solid rgba(159,223,225,.25)!important;
 background:linear-gradient(111deg,rgba(29,96,116,.27),rgba(8,42,62,.7))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
 transition:transform .2s,border-color .2s!important
}
html body.home.bu-public-unified .bn-network-gateway__domain:hover{
 transform:translateX(3px);border-color:rgba(106,234,222,.62)!important
}
html body.home.bu-public-unified .bn-network-gateway__domain:nth-of-type(2){
 border-color:rgba(230,183,121,.4)!important;background:linear-gradient(110deg,rgba(124,83,37,.19),rgba(23,40,58,.68))!important
}
html body.home.bu-public-unified .bn-network-gateway__domain small{
 color:#91d9da!important;font-size:9px!important;letter-spacing:.16em!important
}
html body.home.bu-public-unified .bn-network-gateway__domain strong{
 display:block!important;color:#f8ffff!important;font-size:clamp(16px,1.65vw,22px)!important;
 font-weight:790!important;letter-spacing:-.027em!important;overflow-wrap:anywhere!important
}
html body.home.bu-public-unified .bn-network-gateway__equal{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;height:14px!important;color:#80eed6!important;font-size:10px!important;
 opacity:.9!important;letter-spacing:.1em!important
}
html body.home.bu-public-unified .bn-network-gateway__apps{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:2px!important
}
html body.home.bu-public-unified .bn-network-gateway__app{
 min-height:92px!important;padding:11px 7px!important;gap:5px!important;
 background:rgba(3,27,45,.78)!important;border-color:rgba(149,214,222,.21)!important;
 border-radius:12px!important
}
html body.home.bu-public-unified .bn-network-gateway__app img{width:32px!important;height:32px!important}
html body.home.bu-public-unified .bn-network-gateway__app>strong{font-size:10px!important}
html body.home.bu-public-unified .bn-network-gateway__app>span{font-size:9px!important}
html body.home.bu-public-unified .bn-network-gateway__language{display:none!important}
/* Product and editorial heroes: retain route-specific content and imagery,
   but provide one optical system with depth and readable copy. */
html body.bu-public-unified main.bu-pro .bu-nx,
html body.bu-public-unified main.bu-mkt .bu-mkt-hero,
html body.bu-public-unified main.bu-story .bu-story-hero{
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 border-radius:0 0 24px 24px!important;
 border-bottom:1px solid rgba(114,212,215,.22)!important;
 box-shadow:0 28px 75px rgba(0,24,46,.15)!important
}
html body.bu-public-unified main.bu-pro .bu-nx{
 min-height:clamp(390px,47vw,670px)!important;
 padding:clamp(42px,6vw,100px)!important;
 background:radial-gradient(ellipse at 84% 15%,rgba(27,154,174,.27),transparent 52%),
 linear-gradient(125deg,#031929 0%,#08344d 100%)!important;color:#fff!important
}
html body.bu-public-unified main.bu-pro .bu-nx:before,
html body.bu-public-unified main.bu-story .bu-story-hero:before,
html body.bu-public-unified main.bu-mkt .bu-mkt-hero:before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 opacity:.16;background:radial-gradient(ellipse at 82% 22%,#6ed9d8,transparent 55%),
 repeating-linear-gradient(135deg,transparent 0 62px,rgba(140,222,230,.15) 62px 63px,transparent 63px 126px);
 mask-image:linear-gradient(110deg,transparent,#000 90%)
}
html body.bu-public-unified main.bu-pro .bu-nx>*,
html body.bu-public-unified main.bu-story .bu-story-hero>*,
html body.bu-public-unified main.bu-mkt .bu-mkt-hero>*{position:relative;z-index:1;min-width:0}
html body.bu-public-unified main.bu-pro .bu-nx h1,
html body.bu-public-unified main.bu-story .bu-story-hero h1,
html body.bu-public-unified main.bu-mkt .bu-mkt-hero h1{
 font-weight:850!important;letter-spacing:-.057em!important;line-height:1.08!important;
 font-size:clamp(38px,4.4vw,72px)!important;max-width:18ch!important;
 text-wrap:balance!important;color:#fff!important;text-shadow:0 10px 26px rgba(0,12,22,.19)!important
}
html body.bu-public-unified main.bu-pro .bu-nx :is(.bu-nx-k,.bu-nx-eyebrow),
html body.bu-public-unified main.bu-story .bu-story-kicker{
 color:#9aeedf!important;letter-spacing:.13em!important;font-weight:850!important
}
html body.bu-public-unified main.bu-pro .bu-nx :is(.bu-nx-cta,.bu-nx-actions) a,
html body.bu-public-unified main.bu-story .bu-story-actions a{
 min-height:46px!important;border-radius:12px!important;
 box-shadow:0 12px 24px rgba(0,21,36,.13)!important
}
html body.bu-public-unified main.bu-story .bu-story-hero{
 min-height:clamp(440px,54vw,690px)!important;
 padding:clamp(36px,5.5vw,90px)!important;
 background:radial-gradient(ellipse at 83% 26%,rgba(22,157,174,.24),transparent 60%),
 linear-gradient(120deg,#041727,#083b4f)!important
}
html body.bu-public-unified main.bu-story .bu-story-device{
 transform:perspective(1100px) rotateY(-11deg) rotateX(5deg) translateZ(0);
 box-shadow:26px 34px 65px rgba(0,16,32,.33)!important;
 transition:transform .4s cubic-bezier(.2,.75,.2,1)
}
html body.bu-public-unified main.bu-story .bu-story-device:hover{transform:perspective(1100px) rotateY(-4deg) rotateX(1deg) translateY(-4px)}
html body.bu-public-unified main.bu-mkt .bu-mkt-hero{
 min-height:clamp(380px,45vw,620px)!important;background-color:#042334!important
}
html body.bu-public-unified .bu-public-contact-strip{
 background:#edf6f7!important;color:#2a5565!important;border-color:#dcebee!important
}
/* Supporting public pages share the visual language while retaining
   their individual layouts, texts, live links, and localized content. */
html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-blog-hero,.bu-pro-hero,.bu-appdl-cinematic){
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 background:radial-gradient(ellipse at 77% 24%,rgba(30,178,183,.26),transparent 53%),
 linear-gradient(128deg,#041826 0%,#083449 65%,#073b49 100%)!important;
 border:1px solid rgba(134,227,225,.19)!important;border-radius:21px!important;
 box-shadow:0 27px 62px rgba(0,30,44,.16),inset 0 1px rgba(255,255,255,.08)!important;
}
html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-blog-hero,.bu-pro-hero,.bu-appdl-cinematic)::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.23;
 background-image:radial-gradient(rgba(135,245,226,.28) .85px,transparent 1px),
 linear-gradient(125deg,transparent 50%,rgba(87,215,210,.11) 52%,transparent 60%);
 background-size:24px 24px,100% 100%;
 mask-image:linear-gradient(105deg,transparent 14%,#000 95%)
}
html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-blog-hero,.bu-pro-hero,.bu-appdl-cinematic)>*{
 position:relative;z-index:1;min-width:0
}
html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-blog-hero,.bu-pro-hero,.bu-appdl-cinematic) h1{
 color:#fff!important;font-size:clamp(35px,4.3vw,69px)!important;
 font-weight:850!important;line-height:1.085!important;letter-spacing:-.055em!important;
 text-wrap:balance!important;text-shadow:0 8px 27px rgba(0,14,26,.16)!important
}
html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-blog-hero,.bu-pro-hero,.bu-appdl-cinematic) :is(.bu-story-lead,.bu-tutor-lead,.bu-help-lead,.bu-sub,p){
 line-height:1.65!important;
}
@media(max-width:760px){
 html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-blog-hero,.bu-pro-hero,.bu-appdl-cinematic){
  margin-inline:9px!important;border-radius:18px!important;padding:clamp(22px,5vw,34px) 19px!important
 }
 html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-blog-hero,.bu-pro-hero,.bu-appdl-cinematic) h1{
  font-size:clamp(31px,8vw,48px)!important
 }
}

/* No expensive WebGL and no continuous animation on touch/low power. */
@media(max-width:1050px){
 html body.home.bu-public-unified .bn-hero__layout{grid-template-columns:1fr!important;align-items:start!important;padding-block:80px 90px!important}
 html body.home.bu-public-unified .bn-network-gateway{max-width:560px!important;justify-self:start!important;transform:none!important}
 html body.home.bu-public-unified .bn-hero h1{font-size:clamp(43px,7.5vw,71px)!important}
}
@media(max-width:680px){
 html body.home.bu-public-unified .bn-hero{min-height:auto!important}
 html body.home.bu-public-unified .bn-hero__layout{width:calc(100% - 34px)!important;gap:38px!important;padding:65px 0 80px!important}
 html body.home.bu-public-unified .bn-hero h1{font-size:clamp(40px,10vw,56px)!important}
 html body.home.bu-public-unified .bn-hero__actions{display:grid!important;grid-template-columns:1fr!important}
 html body.home.bu-public-unified .bn-hero__actions a{width:100%!important}
 html body.home.bu-public-unified .bn-network-gateway{padding:15px!important;width:100%!important}
 html body.bu-public-unified main.bu-pro .bu-nx,
 html body.bu-public-unified main.bu-story .bu-story-hero{padding:34px 20px!important}
 html body.bu-public-unified main.bu-pro .bu-nx h1,
 html body.bu-public-unified main.bu-story .bu-story-hero h1{font-size:clamp(34px,8vw,49px)!important}
}
@media(prefers-reduced-motion:reduce){
 html body.bu-public-unified .bn-network-gateway,
 html body.bu-public-unified .bu-story-device{transform:none!important;transition:none!important}
 html body.bu-public-unified .bn-network-gateway *{animation:none!important}
}