/* BERZA PUBLIC EXPERIENCE v3 | 2026-11-07
   Applied only to WordPress's public marketing/editorial templates.
   Respect core board, authentication, pricing/billing logic and admin surfaces.
   Design intent: tactile logistics instrument, not a generic SaaS dashboard. */
html body.bu-public-unified{
 --pv3-ink:#052638;--pv3-teal:#1db9af;--pv3-sky:#70c9ef;
 --pv3-line:rgba(121,218,215,.22);--pv3-surface:#f6fbfc;
 --pv3-head-offset:calc(var(--bu-public-rail-h,32px) + var(--bu-public-head-h,60px));
}
html body.bu-public-unified #bu-public-shell,
html body.bu-public-unified #bu-public-shell>.bu-public-main-col{
 min-width:0!important;max-width:100%!important
}
html body.bu-public-unified #bu-public-shell>.bu-public-main-col{overflow:clip!important}
html body.bu-public-unified .bu-public-main-col :is(main,.bu-pro,.bu-story,.bu-mkt,.bu-page){min-width:0}
html body.bu-public-unified :is(.bu312-nav,.bu-one-header,.bu-one-rail){
 scroll-margin-top:var(--pv3-head-offset)!important
}
html body.bu-public-unified a:focus-visible,
html body.bu-public-unified button:focus-visible,
html body.bu-public-unified summary:focus-visible{
 outline:3px solid #59cdbf!important;outline-offset:3px!important
}
/* A soft typographic and pictorial rhythm across all public routes. */
html body.bu-public-unified .bu-public-main-col{
 background:radial-gradient(ellipse at 90% 7%,rgba(40,150,186,.08),transparent 38%),
 radial-gradient(ellipse at 7% 47%,rgba(34,179,166,.05),transparent 33%),
 linear-gradient(180deg,#f1f8fa 0%,#fbfdfe 40%,#f0f7f8 100%)!important
}
html body.bu-public-unified :is(.bu-pro,.bu-mkt,.bu-story,.bu-about,.bu-tutor,.bu-help,.bu-blog,.bu-appdl,.bu-sitemap){
 width:100%!important;max-width:100%!important;min-width:0!important;
 overflow-x:clip!important
}
/* Hero family: spatial elevation with readable title and a distinct warm signal.
   Actual content stays above; decorative SVG is inert and non-interactive. */
html body.bu-public-unified :is(
 .bu-nx,.bu-story-hero,.bu-about-hero,.bu-tutor-hero,.bu-help-hero,
 .bu-kontakt-hero,.bu-pro-hero,.bu-blog-hero,.bu-mkt-hero,
 .bu-appdl-cinematic,.bu-appdl-hero,.bu-give-hero,.bu-sg-public-intro
){
 --pv3-accent:#6af1df;
 position:relative!important;isolation:isolate!important;
 border:1px solid rgba(122,219,222,.24)!important;
 background:
 radial-gradient(ellipse 48% 85% at 81% 7%,rgba(40,185,198,.26),transparent 72%),
 radial-gradient(ellipse 52% 82% at 4% 110%,rgba(15,121,164,.27),transparent 75%),
 linear-gradient(121deg,#031928,#062b41 54%,#07505b 100%)!important;
 box-shadow:0 29px 68px rgba(4,36,55,.15),inset 0 1px rgba(255,255,255,.1)!important;
 color:#f4fffc!important;overflow:hidden!important
}
html body.bu-public-unified :is(
 .bu-nx,.bu-story-hero,.bu-about-hero,.bu-tutor-hero,.bu-help-hero,
 .bu-kontakt-hero,.bu-pro-hero,.bu-blog-hero,.bu-mkt-hero,
 .bu-appdl-cinematic,.bu-appdl-hero,.bu-give-hero,.bu-sg-public-intro
)::before{
 content:"";position:absolute;z-index:0!important;inset:0;pointer-events:none;
 background:
 radial-gradient(circle at 82% 14%,rgba(170,255,241,.15),transparent 33%),
 radial-gradient(circle at 68% 57%,rgba(33,176,199,.13),transparent 42%),
 repeating-linear-gradient(126deg,transparent 0 80px,rgba(124,222,230,.062) 81px,transparent 82px 162px)!important;
 opacity:1!important;mask-image:linear-gradient(85deg,transparent 13%,#000 97%)
}
html body.bu-public-unified :is(
 .bu-nx,.bu-story-hero,.bu-about-hero,.bu-tutor-hero,.bu-help-hero,
 .bu-kontakt-hero,.bu-pro-hero,.bu-blog-hero,.bu-mkt-hero,
 .bu-appdl-cinematic,.bu-appdl-hero,.bu-give-hero,.bu-sg-public-intro
) .bu-v3-art{
 position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important;
 pointer-events:none!important;user-select:none!important;contain:paint!important;
}
html body.bu-public-unified .bu-v3-art__grid{
 position:absolute;inset:0;opacity:.38;
 background-image:
 linear-gradient(rgba(141,229,222,.067) 1px,transparent 1px),
 linear-gradient(90deg,rgba(141,229,222,.057) 1px,transparent 1px);
 background-size:48px 48px;
 mask-image:linear-gradient(105deg,transparent 21%,#000 100%)
}
html body.bu-public-unified .bu-v3-art__orb{
 position:absolute;width:min(52vw,570px);aspect-ratio:1;right:-5%;top:-38%;
 border:1px solid rgba(130,245,228,.23);border-radius:50%;
 box-shadow:inset -34px -40px 98px rgba(0,16,31,.37),
 0 0 0 49px rgba(74,222,212,.029),0 0 0 98px rgba(100,198,241,.022),
 0 0 100px rgba(17,157,179,.10);
 background:radial-gradient(circle at 33% 35%,rgba(73,211,213,.19),transparent 35%),
 radial-gradient(circle at 59% 64%,rgba(10,88,130,.15),transparent 62%);
 transform:perspective(900px) rotateX(32deg) rotate(-19deg)
}
html body.bu-public-unified .bu-v3-art__orb:before{
 content:"";position:absolute;inset:7%;border:1px solid rgba(122,233,224,.18);border-radius:50%;
 transform:perspective(600px) rotateY(68deg) rotateX(10deg)
}
html body.bu-public-unified .bu-v3-art__orb:after{
 content:"";position:absolute;inset:17%;border:1px solid rgba(96,203,221,.18);border-radius:50%;
 transform:perspective(600px) rotateX(66deg)
}
html body.bu-public-unified .bu-v3-art__route{
 position:absolute;inset:3% -9% 4% 19%;width:91%;height:95%;
 opacity:.63;filter:drop-shadow(0 0 3px rgba(57,206,206,.20))
}
html body.bu-public-unified .bu-v3-art__route path{
 fill:none;stroke-linecap:round;stroke-width:1.25;stroke-dasharray:6 10;
}
html body.bu-public-unified .bu-v3-art__route path:nth-child(1){stroke:#72e4d4}
html body.bu-public-unified .bu-v3-art__route path:nth-child(2){stroke:#75bff5;opacity:.8}
html body.bu-public-unified .bu-v3-art__route path:nth-child(3){stroke:#f4bd78;opacity:.75}
html body.bu-public-unified .bu-v3-art__route circle{fill:#f0bf7a;filter:drop-shadow(0 0 5px #c9a86a)}
html body.bu-public-unified :is(
 .bu-nx,.bu-story-hero,.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,
 .bu-pro-hero,.bu-blog-hero,.bu-mkt-hero,.bu-appdl-cinematic,.bu-appdl-hero,.bu-give-hero
)>:not(.bu-v3-art):not(img):not(picture){position:relative;z-index:2;min-width:0}
html body.bu-public-unified :is(.bu-nx,.bu-story-hero,.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-pro-hero,.bu-mkt-hero,.bu-appdl-cinematic,.bu-give-hero) h1{
 color:#fff!important;font-size:clamp(37px,4.4vw,75px)!important;line-height:1.065!important;
 font-weight:840!important;letter-spacing:-.056em!important;text-wrap:balance!important;
 text-shadow:0 14px 35px rgba(0,14,29,.24)!important
}
html body.bu-public-unified :is(.bu-nx,.bu-story-hero,.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-pro-hero,.bu-mkt-hero,.bu-appdl-cinematic) :is(.bu-nx-k,.bu-story-kicker,.bu-tutor-kicker,.bu-kicker,.bu-appdl-kicker){
 color:#92f0df!important;font-weight:830!important;letter-spacing:.13em!important;
}
html body.bu-public-unified :is(.bu-nx,.bu-story-hero,.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-pro-hero,.bu-mkt-hero,.bu-appdl-cinematic) :is(.bu-story-lead,.bu-tutor-lead,.bu-help-lead,.bu-sub,.bu-nx-soft-copy>p:not(.bu-nx-k),.bu-nx-plain>p:not(.bu-nx-k),.bu-nx-drv-copy>p:not(.bu-nx-k)){
 color:#d1eaf0!important;line-height:1.72!important;max-width:64ch!important;
 font-size:clamp(14px,1.16vw,18px)!important
}
html body.bu-public-unified .bu-v3-art__spot{
 position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse 36% 44% at var(--pv3-pointer-x,73%) var(--pv3-pointer-y,28%),
 rgba(111,234,228,.12),transparent 98%);
 mix-blend-mode:screen;
}
html body.bu-public-unified .bu-v3-art__particle{
 position:absolute;width:2px;height:2px;display:block;border-radius:50%;
 background:#8dfbed;box-shadow:0 0 8px rgba(113,235,233,.62);opacity:.7
}
@keyframes pv3-particle-breathe{0%,100%{opacity:.26;scale:.86}50%{opacity:.85;scale:1.14}}
html body.bu-public-unified .bu-v3-art__particle{animation:none}
@media(min-width:901px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html body.bu-public-unified .bu-v3-visible .bu-v3-art__particle{
  animation:pv3-particle-breathe 4.8s ease-in-out infinite
 }
}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 html body.bu-public-unified .bu-v3-rise{
  translate:0 16px;opacity:.84;
  transition:translate .55s cubic-bezier(.16,.75,.28,1),opacity .55s ease
 }
 html body.bu-public-unified .bu-v3-rise.bu-v3-show{translate:0 0;opacity:1}
}
/* Article/download systems share polished, scroll-friendly editorial rhythm. */
html body.bu-public-unified :is(.bu-appdl-hero,.bu-appdl-cinematic) .bu-v3-art__route{
 opacity:.36
}
html body.bu-public-unified :is(.bu-appdl-cinematic,.bu-appdl-hero) :is(.bu-appdl-phone,.bu-appdl-phones,.bu-appdl-phone-visual){
 position:relative;z-index:2
}
html body.bu-public-unified :is(.bu-appdl-phones,.bu-appdl-sides) .bu-appdl-phone{
 border:5px solid rgba(214,246,246,.92)!important;
 box-shadow:16px 28px 54px rgba(0,18,35,.32),inset 0 0 0 1px rgba(125,192,207,.5)!important;
 transition:transform .28s ease!important
}
html body.bu-public-unified .bu-appdl-phone:hover{transform:translateY(-5px)!important}
html body.bu-public-unified :is(.bu-appdl-tabs,.bu-app-mosaic,.bu-appdl-split,.bu-appdl-webmap,.bu-app-scan){
 max-width:calc(100% - 22px)!important;margin-inline:auto!important
}
html body.bu-public-unified :is(.bu-appdl-tabs button,.bu-appdl-tab,.bu-app-mosaic article,.bu-appdl-split>article,.bu-app-scan-grid article){
 border-radius:15px!important;box-shadow:0 10px 28px rgba(0,53,72,.075)!important
}
html body.bu-public-unified .bu-sitemap .bu-appdl-hero{
 min-height:340px!important;
 background:radial-gradient(ellipse at 80% 20%,rgba(71,190,226,.27),transparent 55%),
 linear-gradient(126deg,#041b2a,#0b4d59)!important
}
html body.bu-public-unified :is(.bu-sitemap,.bu-blog) :is(.bu-app-scan,.bu-blog-toolbar){
 background:linear-gradient(145deg,#fff,#eef8f9)!important;
 border:1px solid rgba(139,206,207,.33)!important;border-radius:21px!important;
 box-shadow:0 12px 40px rgba(5,55,79,.075)!important
}
html body.bu-public-unified .bu-mkt-alati .bu-camera-route{
 border-color:rgba(153,237,230,.34)!important;
 background:rgba(2,39,57,.54)!important;
 box-shadow:0 23px 51px rgba(0,17,31,.19)!important
}
html body.bu-public-unified .bu-mkt-alati .bu-camera-route span{
 background:linear-gradient(140deg,#13bbae,#199bd1)!important;
 box-shadow:0 15px 30px rgba(2,22,42,.28)!important
}
html body.bu-public-unified :is(.bu-story-faq,.bu-help-results) details{
 border-radius:15px!important;border:1px solid #d5e8e9!important;
 background:linear-gradient(155deg,#fff,#f6fbfc)!important
}
html body.bu-public-unified :is(.bu-story-faq,.bu-help-results) summary{
 cursor:pointer;min-height:48px!important;outline-offset:3px
}
html body.bu-public-unified :is(.bu-nx,.bu-story-hero,.bu-pro-hero,.bu-appdl-cinematic) a:focus-visible{
 outline-color:#a6ffe8!important
}

/* The product pages have their own personalities via scene focal points. */
html body.bu-public-unified main.bu-pro .bu-nx{
 width:min(calc(100% - clamp(22px,5vw,110px)),1500px)!important;
 min-height:clamp(520px,48vw,710px)!important;
 padding:clamp(30px,5.2vw,96px)!important;margin:clamp(16px,2vw,30px) auto 28px!important;
 border-radius:clamp(19px,2vw,27px)!important;
}
html body.bu-public-unified main.bu-pro .bu-nx:after{
 content:"";position:absolute;z-index:0;pointer-events:none;
 right:7%;top:-35%;width:min(47vw,620px);aspect-ratio:1;border-radius:50%;
 border:1px solid rgba(103,230,221,.19);
 box-shadow:0 0 0 54px rgba(81,213,214,.033),0 0 0 108px rgba(101,194,239,.02);
 background:radial-gradient(circle at 35% 33%,rgba(139,241,240,.16),transparent 44%),
 radial-gradient(circle at 50% 65%,rgba(2,28,49,.20),transparent 70%)
}
html body.bu-public-unified main.bu-pro .bu-nx-softver{
 background:radial-gradient(ellipse at 79% 10%,rgba(62,208,214,.31),transparent 48%),
 linear-gradient(122deg,#031b2b,#073953 57%,#0b5360)!important
}
html body.bu-public-unified main.bu-pro .bu-nx-dispo-ai{
 background:radial-gradient(ellipse at 78% 29%,rgba(106,124,246,.23),transparent 55%),
 radial-gradient(ellipse at 24% 90%,rgba(36,194,184,.18),transparent 42%),
 linear-gradient(120deg,#07192f,#102e57 60%,#0a5262)!important
}
html body.bu-public-unified main.bu-pro .bu-nx-za-firme{
 background:radial-gradient(ellipse at 15% 14%,rgba(230,171,114,.17),transparent 43%),
 radial-gradient(ellipse at 80% 49%,rgba(16,159,170,.24),transparent 65%),
 linear-gradient(120deg,#061c2a,#09384d 66%,#0a5053)!important
}
html body.bu-public-unified main.bu-pro .bu-nx-za-vozace{
 background:radial-gradient(ellipse at 76% 14%,rgba(69,156,237,.28),transparent 54%),
 radial-gradient(ellipse at 20% 90%,rgba(25,178,151,.14),transparent 55%),
 linear-gradient(120deg,#061c31,#0b3550 60%,#0b4a57)!important
}
html body.bu-public-unified main.bu-pro :is(.bu-nx-kako-radi,.bu-nx-zasto-berza){
 background:radial-gradient(ellipse at 76% 27%,rgba(39,214,172,.23),transparent 54%),
 linear-gradient(120deg,#051d2d,#0a4550)!important
}
html body.bu-public-unified main.bu-pro :is(.bu-nx-cijene,.bu-nx-poredjenje){
 background:radial-gradient(ellipse at 85% 8%,rgba(236,184,107,.19),transparent 57%),
 linear-gradient(118deg,#071d2d,#123d4e 65%,#0e4b51)!important
}
html body.bu-public-unified .bu-nx-windows{
 position:relative!important;z-index:3!important;
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:12px!important;perspective:1100px!important;max-width:615px!important;
}
html body.bu-public-unified .bu-nx-windows article{
 position:relative!important;min-width:0!important;overflow:hidden!important;
 background:linear-gradient(155deg,#fff 0%,#eaf7f8 100%)!important;
 border:1px solid rgba(138,216,218,.47)!important;border-radius:18px!important;
 padding:20px!important;box-shadow:0 21px 41px rgba(0,19,32,.19)!important;
 transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s!important
}
html body.bu-public-unified .bu-nx-windows article:before{
 content:"";position:absolute;top:0;left:0;right:0;height:3px;
 background:linear-gradient(90deg,#24bdb4,#92dbee,transparent)
}
html body.bu-public-unified .bu-nx-windows article:nth-child(odd){transform:perspective(1100px) rotateY(5deg) translateY(-6px)!important}
html body.bu-public-unified .bu-nx-windows article:nth-child(even){transform:perspective(1100px) rotateY(-5deg) translateY(10px)!important}
html body.bu-public-unified .bu-nx-windows article:hover{
 transform:translateY(-4px) rotateY(0)!important;
 box-shadow:0 30px 48px rgba(0,25,44,.24)!important
}
html body.bu-public-unified .bu-nx-windows article b{
 color:#0c9d9d!important;font-size:10px!important;letter-spacing:.12em
}
html body.bu-public-unified .bu-nx-windows article strong{color:#0d3648!important}
html body.bu-public-unified .bu-nx-windows article span{color:#527182!important;line-height:1.65!important}
html body.bu-public-unified .bu-nx-firm-problem{
 padding:clamp(22px,3vw,42px)!important;
 border:1px solid rgba(227,185,129,.28)!important;border-radius:22px!important;
 background:linear-gradient(130deg,rgba(16,54,69,.46),rgba(4,27,41,.61))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.09),0 18px 45px rgba(0,16,33,.14)!important
}
html body.bu-public-unified .bu-nx-firm-problem li{
 border-color:rgba(245,201,138,.25)!important;color:#e6f2f2!important
}
html body.bu-public-unified .bu-nx-facts article{
 border:1px solid rgba(107,230,211,.24)!important;border-radius:13px!important;
 background:rgba(5,43,63,.71)!important;padding:13px!important;transform:none!important;
 box-shadow:inset 0 1px rgba(255,255,255,.08)!important
}
html body.bu-public-unified .bu-nx-facts article :is(b,strong){color:#f6ffff!important}
html body.bu-public-unified .bu-nx-drv-points li{
 background:rgba(30,108,130,.27)!important;border:1px solid rgba(129,217,230,.20)!important;
 border-radius:12px!important;color:#effbfa!important
}
html body.bu-public-unified .bu-nx-cabin{
 position:relative!important;overflow:hidden!important;border-radius:25px!important;
 background:linear-gradient(159deg,rgba(238,251,253,.97),rgba(210,241,245,.95))!important;
 border:1px solid rgba(187,243,241,.54)!important;
 box-shadow:30px 34px 62px rgba(0,16,28,.3),inset 0 1px white!important;
 transform:perspective(1000px) rotateY(-7deg) rotateX(3deg)!important
}
html body.bu-public-unified .bu-nx-cabin:before{
 content:"";position:absolute;width:190px;height:190px;border-radius:50%;top:-70px;right:-70px;
 background:radial-gradient(circle,rgba(23,166,185,.18),transparent 70%);pointer-events:none
}
html body.bu-public-unified .bu-nx-cabin :is(strong,b){color:#0c3a4a!important}
html body.bu-public-unified .bu-nx-chips{flex-wrap:wrap!important;gap:7px!important}
html body.bu-public-unified .bu-nx-chips span{
 color:#e4fcf5!important;background:rgba(9,67,87,.65)!important;
 border-color:rgba(128,225,223,.3)!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important
}
/* App stories: a detailed 3D phone over a calibrated network surface. */
html body.bu-public-unified main.bu-story[data-story] .bu-story-hero,
html body.bu-public-unified main.bu-story[data-pro="alati"] .bu-story-hero{
 width:min(calc(100% - clamp(20px,4vw,68px)),1480px)!important;
 min-height:clamp(520px,50vw,720px)!important;margin:clamp(14px,2vw,27px) auto 26px!important;
 padding:clamp(34px,5.3vw,92px)!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(310px,.76fr)!important;
 align-items:center!important;gap:clamp(24px,4vw,72px)!important;
 border-radius:25px!important
}
html body.bu-public-unified main.bu-story[data-story] .bu-story-device{
 width:min(100%,410px)!important;min-height:390px!important;max-width:100%!important;
 padding:60px 20px 22px!important;border:6px solid #d6f6f4!important;
 border-radius:43px!important;background:linear-gradient(160deg,#f5fdfe,#dceff4)!important;
 box-shadow:27px 42px 80px rgba(0,15,32,.39),inset 0 0 0 2px rgba(112,176,187,.34)!important;
 transform:perspective(1050px) rotateY(-10deg) rotateX(4deg) rotateZ(1deg)!important;
 transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s!important
}
html body.bu-public-unified main.bu-story[data-story="driver-app"] .bu-story-device{
 transform:perspective(1050px) rotateY(8deg) rotateX(4deg) rotateZ(-1deg)!important
}
html body.bu-public-unified main.bu-story[data-story] .bu-story-device:hover{
 transform:perspective(1050px) rotateY(-2deg) rotateX(1deg)!important;
 box-shadow:16px 38px 76px rgba(0,15,31,.4)!important
}
html body.bu-public-unified .bu-story-device-status{color:#087d83!important}
html body.bu-public-unified .bu-story-device li{
 background:#fff!important;border:1px solid #d5e8ea!important;
 box-shadow:0 10px 19px rgba(11,55,72,.06)!important
}
html body.bu-public-unified .bu-story-device li:nth-child(even){
 transform:translateX(7px)
}
html body.bu-public-unified .bu-story-device li span{color:#365b6b!important}
html body.bu-public-unified .bu-story-device li b{color:#088a7e!important}
html body.bu-public-unified .bu-tools-console{
 background:linear-gradient(145deg,rgba(4,35,54,.85),rgba(8,70,87,.54))!important;
 border:1px solid rgba(145,241,225,.29)!important;
 box-shadow:0 32px 64px rgba(0,15,33,.29),inset 0 1px rgba(255,255,255,.1)!important;
 transform:perspective(900px) rotateY(-6deg)!important
}
html body.bu-public-unified .bu-tools-console span{
 border:1px solid rgba(162,242,224,.20)!important;
 background:rgba(109,217,212,.105)!important;transition:transform .2s,background .2s!important
}
html body.bu-public-unified .bu-tools-console span:hover{
 transform:translateX(4px);background:rgba(112,216,212,.19)!important
}
html body.bu-public-unified .bu-appdl-cinematic{
 width:min(calc(100% - 26px),1490px)!important;
 margin:clamp(14px,2vw,28px) auto!important;
 min-height:clamp(480px,48vw,690px)!important;border-radius:25px!important;
 background:radial-gradient(ellipse at 72% 18%,rgba(32,187,216,.26),transparent 53%),
 linear-gradient(123deg,#061929,#0c4055 64%,#075956)!important
}
/* Editorial public pages: high-quality asymmetric hero, but quiet enough
   for reading, support, legal text and actual input controls. */
html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-pro-hero,.bu-mkt-hero,.bu-give-hero,.bu-appdl-hero){
 width:min(calc(100% - clamp(22px,5vw,95px)),1490px)!important;
 margin:clamp(16px,2vw,32px) auto 28px!important;
 padding:clamp(35px,5vw,84px)!important;
 border-radius:clamp(19px,2vw,27px)!important;min-height:clamp(350px,35vw,555px)!important
}
html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-pro-hero,.bu-mkt-hero) h1{
 max-width:17ch!important
}
html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-pro-hero,.bu-mkt-hero) :is(p,.bu-sub,.bu-tutor-lead,.bu-help-lead){
 max-width:67ch
}
html body.bu-public-unified :is(.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero) .bu-v3-art__orb{
 right:-7%;top:-47%;opacity:.92
}
html body.bu-public-unified .bu-help-search-wrap{
 max-width:660px!important;position:relative!important
}
html body.bu-public-unified .bu-help-search{
 min-height:55px!important;padding:14px 19px!important;
 border:1px solid rgba(151,226,227,.68)!important;border-radius:15px!important;
 color:#093f50!important;background:#f7fdfd!important;
 box-shadow:0 13px 28px rgba(0,13,27,.21)!important
}
html body.bu-public-unified .bu-help-search::placeholder{color:#627e86!important}
html body.bu-public-unified .bu-about-eq{
 display:inline-flex!important;align-items:center!important;padding:10px 16px!important;
 border:1px solid rgba(149,234,221,.29)!important;border-radius:12px!important;
 background:rgba(10,71,81,.35)!important;color:#e9fcf7!important
}
/* Editorial cards: material depth, utility, accessible focus and hierarchy. */
html body.bu-public-unified :is(
 .bu-about-grid>article,.bu-about-mosaic>article,.bu-about-stats>li,
 .bu-tutor-track article,.bu-tutor-split>article,
 .bu-help-results>.bu-help-item,.bu-story-points>article,
 .bu-driver-system-v268__card,.bu-pro-tool,.bu-app-scan-grid>article,
 .bu-mkt-channel,.bu-kontakt-aside,.bu-kontakt-form-wrap,
 .bu-blog-card,.bu-blog-grid>article,.bu-give-shell
){
 position:relative;isolation:isolate;min-width:0;
 border:1px solid rgba(136,191,204,.33)!important;
 border-radius:clamp(15px,1.6vw,22px)!important;
 background:linear-gradient(152deg,#fff 0%,#f6fafb 69%,#eef6f8)!important;
 box-shadow:0 13px 36px rgba(5,57,79,.085),inset 0 1px #fff!important;
 transition:transform .22s cubic-bezier(.2,.74,.2,1),box-shadow .22s,border-color .22s!important;
}
html body.bu-public-unified :is(
 .bu-about-grid>article,.bu-about-mosaic>article,.bu-tutor-track article,
 .bu-help-results>.bu-help-item,.bu-story-points>article,
 .bu-driver-system-v268__card,.bu-pro-tool,.bu-app-scan-grid>article,
 .bu-mkt-channel,.bu-blog-card,.bu-blog-grid>article
):hover{
 transform:translateY(-4px)!important;
 border-color:rgba(67,181,181,.54)!important;
 box-shadow:0 20px 42px rgba(4,54,76,.13),inset 0 1px white!important
}
html body.bu-public-unified :is(
 .bu-about-grid>article,.bu-tutor-track article,.bu-story-points>article,
 .bu-driver-system-v268__card,.bu-pro-tool,.bu-app-scan-grid>article
):before{
 content:"";position:absolute;z-index:0;pointer-events:none;
 top:0;left:0;right:0;height:3px;border-radius:22px 22px 0 0;
 background:linear-gradient(90deg,#38c7ba,#80cef0 55%,transparent 90%)
}
html body.bu-public-unified :is(.bu-help-chips,.bu-blog-chips,.bu-mkt-subnav){
 max-width:min(calc(100% - 32px),1360px)!important;
 margin-inline:auto!important;scroll-margin-top:calc(var(--pv3-head-offset) + 55px)!important
}
html body.bu-public-unified :is(.bu-blog-chip,.bu-help-chips button){
 border-radius:100px!important;border:1px solid rgba(45,149,167,.25)!important;
 background:#fff!important;color:#1b5868!important;
 box-shadow:0 4px 11px rgba(4,58,79,.045)!important
}
html body.bu-public-unified :is(.bu-blog-chip.is-on,.bu-help-chips button.is-on){
 border-color:#128f96!important;color:#fff!important;background:#087f86!important
}
html body.bu-public-unified .bu-kontakt-form-wrap :is(input,textarea,select){
 max-width:100%!important;border:1px solid #cbdfe5!important;border-radius:12px!important;
 background:#fff!important;color:#143d4b!important
}
html body.bu-public-unified .bu-kontakt-form-wrap :is(input,textarea,select):focus{
 border-color:#0d9d94!important;box-shadow:0 0 0 3px rgba(31,181,175,.12)!important
}
/* Price and legal content: never cover purchase options or interactive form fields. */
html body.bu-public-unified :is(.bu-pro-pricing,.bu-pricing-grid,.bu-price-grid,.bu-mkt-pricing){
 position:relative;z-index:2;max-width:100%
}
html body.bu-public-unified :is(.bu-legal-page,.bu-mkt-sadrzaj) :is(.bu-mkt-hero,.bu-pro-hero){
 min-height:300px!important
}
html body.bu-public-unified .bu-legal-page :is(article,.bu-mkt-body,.bu-legal-content){
 max-width:100%;overflow-wrap:anywhere
}
/* Schengen public information. The authenticated calculator remains untouched. */
html body.bu-public-unified .bu-sg-public-intro{
 border-radius:24px!important;padding:clamp(30px,4vw,55px)!important;
 min-height:280px!important
}
html body.bu-public-unified :is(.bu-sg-card,.bu-sg-where){
 background:linear-gradient(140deg,#fff,#f1f8fa)!important;
 border:1px solid #d4e6e9!important;border-radius:18px!important;
 box-shadow:0 15px 30px rgba(3,53,76,.075)!important
}
/* Public footer and informational panels get a complete visual finish. */
html body.bu-public-unified :is(.bu-pro-story,.bu-story-live,.bu-story-slices article,.bu-story-faq details,.bu-tutor-split>article){
 border-color:rgba(136,195,202,.32)!important
}
html body.bu-public-unified .bu-pro-story{
 background:radial-gradient(ellipse at 77% 9%,rgba(30,174,191,.095),transparent 47%),
 linear-gradient(140deg,#f9fcfc,#eaf6f7)!important;
 border:1px solid #d6e7eb!important;border-radius:23px!important
}
html body.bu-public-unified :is(.bu-pro-story,.bu-story-live,.bu-tutor-track,.bu-about-grid,.bu-story-points,.bu-blog-grid,.bu-help-results){
 scroll-margin-top:calc(var(--pv3-head-offset) + 60px)!important
}
/* Guest Schengen guide gets a genuine public hero. Authenticated DRIVER-ID
   calculator is untouched by all selectors in this block. */
html body.bu-public-unified .bu-schengen-page .bu-sg-public{
 width:min(calc(100% - clamp(22px,5vw,100px)),1480px)!important;
 max-width:100%!important;margin:clamp(16px,2vw,30px) auto!important;
 display:grid!important;gap:clamp(17px,2vw,30px)!important
}
html body.bu-public-unified .bu-schengen-page .bu-sg-public-intro{
 width:100%!important;margin:0!important;
 min-height:clamp(300px,28vw,440px)!important;
 padding:clamp(30px,5vw,75px)!important;border-radius:25px!important;
 background:radial-gradient(ellipse at 83% 12%,rgba(54,195,190,.28),transparent 54%),
 radial-gradient(ellipse at 6% 88%,rgba(37,126,188,.19),transparent 42%),
 linear-gradient(121deg,#051b2c,#0a3b51 66%,#0b5260)!important;
 border:1px solid rgba(134,229,219,.3)!important;
 box-shadow:0 25px 66px rgba(4,38,53,.14)!important
}
html body.bu-public-unified .bu-schengen-page .bu-sg-public-intro>*{
 position:relative;z-index:2;max-width:65ch
}
html body.bu-public-unified .bu-schengen-page .bu-sg-public-intro .bu-kicker{
 color:#a2f7e1!important;letter-spacing:.13em!important;font-weight:850!important
}
html body.bu-public-unified .bu-schengen-page .bu-sg-public-intro h1{
 color:#fff!important;font-size:clamp(38px,4.8vw,70px)!important;
 line-height:1.08!important;letter-spacing:-.056em!important;text-wrap:balance!important;
 font-weight:850!important;text-shadow:0 15px 35px rgba(0,18,34,.22)!important
}
html body.bu-public-unified .bu-schengen-page .bu-sg-public-intro .bu-sub{
 color:#d1e9ec!important;line-height:1.72!important;font-size:clamp(14px,1.2vw,18px)!important
}
html body.bu-public-unified .bu-schengen-page .bu-sg-cards{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:12px!important;margin:0!important;max-width:100%!important
}
html body.bu-public-unified .bu-schengen-page .bu-sg-card{
 margin:0!important;padding:clamp(16px,2vw,26px)!important;
 background:linear-gradient(155deg,#fff,#f0f8fa)!important;
 border:1px solid #d6e5e9!important;border-radius:19px!important;
 box-shadow:0 14px 34px rgba(3,60,78,.08)!important
}
html body.bu-public-unified .bu-schengen-page .bu-sg-card h2{
 font-size:clamp(15px,1.3vw,20px)!important;color:#0c4654!important;
 letter-spacing:-.022em!important;line-height:1.24!important
}
html body.bu-public-unified .bu-schengen-page .bu-sg-card p{
 color:#567782!important;line-height:1.64!important
}
html body.bu-public-unified .bu-schengen-page .bu-sg-where{
 margin:0!important;padding:clamp(22px,3vw,40px)!important;
 background:linear-gradient(140deg,#fff,#f4fafb)!important
}
/* Individual supporting page personalities and a coherent tactile texture. */
html body.bu-public-unified .bu-mkt-kontakt .bu-kontakt-hero{
 background:radial-gradient(ellipse at 83% 18%,rgba(62,198,225,.25),transparent 55%),
 linear-gradient(115deg,#061e32,#0a4152)!important
}
html body.bu-public-unified .bu-about .bu-about-hero{
 background:radial-gradient(ellipse at 84% 15%,rgba(29,182,159,.28),transparent 58%),
 linear-gradient(119deg,#051a2b,#084551 68%,#0b5553)!important
}
html body.bu-public-unified .bu-tutor .bu-tutor-hero{
 background:radial-gradient(ellipse at 83% 17%,rgba(71,162,235,.23),transparent 55%),
 linear-gradient(125deg,#061c31,#0a3651 66%,#07575e)!important
}
html body.bu-public-unified .bu-help .bu-help-hero{
 background:radial-gradient(ellipse at 81% 16%,rgba(52,196,182,.32),transparent 52%),
 linear-gradient(123deg,#051f2b,#084152 67%,#075859)!important
}
html body.bu-public-unified .bu-blog .bu-pro-hero{
 background:radial-gradient(ellipse at 77% 18%,rgba(244,175,112,.15),transparent 57%),
 linear-gradient(127deg,#082034,#0b4253 72%,#074d50)!important
}
html body.bu-public-unified .bu-giveaway .bu-give-hero{
 background:radial-gradient(ellipse at 87% 14%,rgba(247,190,127,.22),transparent 60%),
 linear-gradient(125deg,#08253b,#13384b 73%,#0a4c50)!important
}
html body.bu-public-unified .bu-appdl .bu-appdl-cinematic{
 background:radial-gradient(ellipse at 79% 17%,rgba(39,189,191,.35),transparent 57%),
 linear-gradient(122deg,#051a2e,#0b4254 68%,#085255)!important
}
html body.bu-public-unified .bu-tutor-track article i,
html body.bu-public-unified .bu-about-grid article>span{
 display:grid;place-items:center;
 border:1px solid rgba(82,205,191,.24)!important;border-radius:11px!important;
 background:linear-gradient(135deg,#dcf8f2,#eaf6fb)!important;
 color:#087d83!important;box-shadow:0 5px 13px rgba(0,70,86,.07)!important
}
/* Interactive cards communicate focus without hiding text or inventing live activity. */
html body.bu-public-unified :is(.bu-mkt-channel,.bu-pro-tool,.bu-story-points article>a,.bu-tutor-track article a):focus-visible{
 outline:3px solid #19a99c!important;outline-offset:3px!important
}
@media(max-width:960px){
 html body.bu-public-unified .bu-schengen-page .bu-sg-cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
}
@media(max-width:600px){
 html body.bu-public-unified .bu-schengen-page .bu-sg-public{
  width:calc(100% - 16px)!important;gap:13px!important
 }
 html body.bu-public-unified .bu-schengen-page .bu-sg-public-intro{
  min-height:0!important;padding:34px 20px!important;border-radius:18px!important
 }
 html body.bu-public-unified .bu-schengen-page .bu-sg-public-intro h1{
  font-size:clamp(31px,8vw,47px)!important
 }
 html body.bu-public-unified .bu-schengen-page .bu-sg-cards{
  grid-template-columns:1fr!important;gap:9px!important
 }
 html body.bu-public-unified .bu-schengen-page .bu-sg-where{padding:20px!important}
 html body.bu-public-unified .bu-one-chrome-public .bu-one-rail-identity{
  font-size:9px!important;letter-spacing:.1em!important
 }
 html body.bu-public-unified .bu-one-chrome-public .bu-one-marketing{
  font-size:9px!important
 }
 html body.bu-public-unified .bu-one-chrome-public .bu-one-promos{
  font-size:9px!important
 }
}

/* Conserve GPU and keep network imagery clipped in the correct hero only. */
@keyframes pv3-route-advance{to{stroke-dashoffset:-260}}
@media(min-width:901px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html body.bu-public-unified .bu-v3-art__route path{
  animation:pv3-route-advance 28s linear infinite;animation-play-state:paused
 }
 html body.bu-public-unified .bu-v3-visible .bu-v3-art__route path{
  animation-play-state:running
 }
}
@media(max-width:1160px){
 html body.bu-public-unified main.bu-pro .bu-nx{
  width:calc(100% - 28px)!important;padding:clamp(28px,4vw,65px)!important
 }
 html body.bu-public-unified main.bu-story[data-story] .bu-story-hero{
  width:calc(100% - 22px)!important;padding:clamp(28px,4vw,58px)!important
 }
 html body.bu-public-unified .bu-v3-art__orb{width:510px}
}
@media(max-width:900px){
 html body.bu-public-unified{
  --pv3-head-offset:96px
 }
 html body.bu-public-unified .bu-public-main-col{overflow-x:clip!important}
 html body.bu-public-unified :is(.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-appdl-cinematic,.bu-about-hero,.bu-help-hero,.bu-tutor-hero,.bu-pro-hero,.bu-kontakt-hero){
  width:calc(100% - 20px)!important;max-width:100%!important;
  margin:10px auto 20px!important;
  border-radius:21px!important;min-height:auto!important;padding:clamp(28px,5vw,50px) clamp(19px,4vw,38px)!important
 }
 html body.bu-public-unified main.bu-story[data-story] .bu-story-hero,
 html body.bu-public-unified main.bu-story[data-pro="alati"] .bu-story-hero{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:29px!important;
  min-height:auto!important
 }
 html body.bu-public-unified .bu-nx-windows{max-width:100%!important;gap:9px!important}
 html body.bu-public-unified .bu-nx-windows article:nth-child(n){transform:none!important}
 html body.bu-public-unified main.bu-story[data-story] .bu-story-device{
  transform:none!important;margin:0 auto!important;min-height:340px!important
 }
 html body.bu-public-unified .bu-tools-console{transform:none!important}
 html body.bu-public-unified .bu-v3-art__orb{right:-25%;top:-45%;opacity:.6}
 html body.bu-public-unified .bu-v3-art__route{opacity:.35}
}
@media(max-width:620px){
 html body.bu-public-unified{
  --pv3-head-offset:96px
 }
 html body.bu-public-unified :is(.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-appdl-cinematic,.bu-about-hero,.bu-help-hero,.bu-tutor-hero,.bu-pro-hero,.bu-kontakt-hero,.bu-appdl-hero){
  width:calc(100% - 16px)!important;margin:8px auto 17px!important;
  padding:31px 18px!important;border-radius:18px!important
 }
 html body.bu-public-unified :is(.bu-nx,.bu-story-hero,.bu-about-hero,.bu-tutor-hero,.bu-help-hero,.bu-kontakt-hero,.bu-pro-hero,.bu-mkt-hero,.bu-appdl-cinematic) h1{
  max-width:100%!important;overflow-wrap:break-word!important;
  font-size:clamp(31px,8.4vw,48px)!important;line-height:1.085!important
 }
 html body.bu-public-unified main.bu-pro .bu-nx{
  min-height:0!important;display:flex!important;flex-direction:column!important;gap:22px!important
 }
 html body.bu-public-unified main.bu-pro .bu-nx-softver{
  display:grid!important;grid-template-columns:1fr!important
 }
 html body.bu-public-unified .bu-nx-windows{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important
 }
 html body.bu-public-unified .bu-nx-windows article{padding:13px!important;border-radius:13px!important}
 html body.bu-public-unified .bu-nx-windows article strong{font-size:12px!important}
 html body.bu-public-unified .bu-nx-windows article span{font-size:11px!important;line-height:1.47!important}
 html body.bu-public-unified .bu-nx-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.bu-public-unified .bu-nx-cabin{transform:none!important;width:100%!important}
 html body.bu-public-unified .bu-nx-firm-problem{padding:19px!important}
 html body.bu-public-unified main.bu-story[data-story] .bu-story-device{
  width:min(100%,340px)!important;min-height:340px!important;
  padding:55px 17px 18px!important;border-width:5px!important;border-radius:35px!important
 }
 html body.bu-public-unified .bu-story-device li:nth-child(even){transform:none!important}
 html body.bu-public-unified .bu-v3-art__orb{width:370px;right:-44%;top:-37%}
 html body.bu-public-unified .bu-v3-art__route{opacity:.28;inset:12% -22% 0 20%}
 html body.bu-public-unified .bu-help-search{min-height:49px!important}
 html body.bu-public-unified .bu-story-actions,
 html body.bu-public-unified .bu-nx-cta{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
 html body.bu-public-unified .bu-story-actions a,
 html body.bu-public-unified .bu-nx-cta a{min-height:44px!important;max-width:100%!important}
 html body.bu-public-unified :is(.bu-about-grid,.bu-story-points,.bu-tutor-track,.bu-help-results){
  width:calc(100% - 20px)!important;max-width:100%!important;min-width:0!important
 }
}
@media(max-width:390px){
 html body.bu-public-unified .bu-nx-windows{grid-template-columns:1fr!important}
 html body.bu-public-unified .bu-nx-facts{grid-template-columns:1fr!important}
 html body.bu-public-unified .bu-v3-art__orb{opacity:.43}
}
/* Final specificity layer: the historical theme has many earlier !important
   headline rules. These selectors are intentionally more precise and
   product-specific, so the new art direction wins without affecting Core. */
@media(min-width:901px){
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-soft-copy h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-ai-copy h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-firm-answer h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-drv-copy h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-plain h1{
  font-size:clamp(44px,4.6vw,77px)!important;
  font-weight:850!important;line-height:1.035!important;
  letter-spacing:-.06em!important;text-wrap:balance!important;
 }
 html body.bu-public-unified main.bu-story[data-story] .bu-story-hero .bu-story-copy h1,
 html body.bu-public-unified main.bu-story[data-pro="alati"] .bu-story-hero .bu-story-copy h1{
  font-size:clamp(44px,4.6vw,76px)!important;line-height:1.035!important;
  letter-spacing:-.058em!important;font-weight:850!important;text-wrap:balance!important
 }
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-cta a,
 html body.bu-public-unified main.bu-story .bu-story-hero .bu-story-actions a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:47px!important;border-radius:12px!important;
  transition:transform .19s ease,box-shadow .19s ease!important
 }
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-cta a:hover,
 html body.bu-public-unified main.bu-story .bu-story-hero .bu-story-actions a:hover{
  transform:translateY(-2px)!important;box-shadow:0 17px 30px rgba(0,24,42,.22)!important
 }
}
@media(max-width:900px){
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-soft-copy h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-ai-copy h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-firm-answer h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-drv-copy h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-plain h1,
 html body.bu-public-unified main.bu-story[data-story] .bu-story-hero .bu-story-copy h1,
 html body.bu-public-unified main.bu-story[data-pro="alati"] .bu-story-hero .bu-story-copy h1{
  max-width:100%!important;overflow-wrap:anywhere!important;
  font-size:clamp(33px,7.5vw,56px)!important;
  line-height:1.08!important;letter-spacing:-.055em!important;text-wrap:balance!important
 }
 html body.bu-public-unified main.bu-story[data-story] .bu-story-device,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-cabin{
  transform:none!important
 }
}
@media(max-width:470px){
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-soft-copy h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-ai-copy h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-firm-answer h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-drv-copy h1,
 html body.bu-public-unified main.bu-pro .bu-nx .bu-nx-plain h1,
 html body.bu-public-unified main.bu-story[data-story] .bu-story-hero .bu-story-copy h1{
  font-size:clamp(30px,8vw,42px)!important
 }
}

@media(prefers-reduced-motion:reduce){
 html body.bu-public-unified .bu-v3-art__route path{animation:none!important}
 html body.bu-public-unified :is(.bu-nx-windows article,.bu-story-device,.bu-pro-tool,.bu-blog-card){
  transform:none!important;transition:none!important
 }
}