/* BERZA PUBLIC PREMIUM V4 — shared visual direction, November 2026.
 * Marketing pages only. Core, cabins, auth, billing values and data untouched.
 * No JS, remote fonts, CSS blur animations, tracking or scroll listeners.
 */
html body.bu-public-unified.bu-public-inner{
 --pp4-ink:#243b34;--pp4-forest:#2d5342;--pp4-cream:#fbf9f3;
 --pp4-mint:#d8ece0;--pp4-gold:#e9bb7b;--pp4-line:#d5e3d8;
 --pp4-radius:23px;
}
html body.bu-public-unified.bu-public-inner .bu-public-main-col{
 background:
 radial-gradient(ellipse 34% 26% at 88% 4%,rgba(224,181,124,.13),transparent 82%),
 radial-gradient(circle at 1px 1px,rgba(37,94,65,.038) .7px,transparent 1.5px) 0 0/31px 31px,
 linear-gradient(140deg,#fcfcf9,#f4f8f1 59%,#fcf8f2)!important;
 color:var(--pp4-ink)!important;
}
/* Premium photographic mastheads: each product already defines its own authentic local image. */
html body.bu-public-unified.bu-public-inner :is(
 main.bu-pro .bu-nx,.bu-story-hero,.bu-help-hero,.bu-tutor-hero,
 .bu-appdl-cinematic,.bu-about-hero,.bu-blog-hero,.bu-kontakt-hero
){
 position:relative!important;isolation:isolate!important;
 border:1px solid rgba(247,204,151,.35)!important;
 border-radius:clamp(22px,2.5vw,33px)!important;
 background:
 radial-gradient(ellipse 47% 75% at 82% 21%,rgba(217,157,106,.22),transparent 79%),
 radial-gradient(ellipse 50% 89% at 12% 90%,rgba(87,166,114,.22),transparent 81%),
 linear-gradient(120deg,#24242e,#294339 56%,#43323c)!important;
 color:#fffaf3!important;
 box-shadow:0 19px 45px rgba(22,39,37,.13),inset 0 1px rgba(255,247,226,.15)!important;
 overflow:hidden!important;
}
html body.bu-public-unified.bu-public-inner main.bu-pro .bu-nx>img.bu-public-hero-photo{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 display:block!important;object-fit:cover!important;object-position:center 48%!important;
 opacity:.23!important;z-index:0!important;pointer-events:none!important;
 filter:saturate(.85) contrast(1.08)!important;transform:none!important;
}
html body.bu-public-unified.bu-public-inner main.bu-pro[data-pro="za-firme"] .bu-nx>img.bu-public-hero-photo{
 object-position:60% 42%!important;opacity:.25!important;
}
html body.bu-public-unified.bu-public-inner main.bu-pro[data-pro="za-vozace"] .bu-nx>img.bu-public-hero-photo{
 object-position:68% 46%!important;opacity:.27!important;
}
html body.bu-public-unified.bu-public-inner main.bu-pro[data-pro="cijene"] .bu-nx>img.bu-public-hero-photo{
 opacity:.14!important;
}
html body.bu-public-unified.bu-public-inner main.bu-pro .bu-nx::before{
 z-index:1!important;opacity:.8!important;
 background:
 linear-gradient(100deg,rgba(23,26,33,.72),rgba(40,49,43,.19) 70%,transparent),
 radial-gradient(ellipse 65% 94% at 0% 50%,rgba(30,36,33,.42),transparent)!important;
 mask-image:none!important;
}
html body.bu-public-unified.bu-public-inner :is(
 main.bu-pro .bu-nx,.bu-story-hero,.bu-help-hero,.bu-tutor-hero,.bu-appdl-cinematic
) .bu-v3-art{
 z-index:1!important;opacity:.74!important;pointer-events:none!important;
}
html body.bu-public-unified.bu-public-inner :is(
 main.bu-pro .bu-nx,.bu-story-hero,.bu-help-hero,.bu-tutor-hero,.bu-appdl-cinematic
) .bu-v3-art__route{
 filter:none!important;opacity:.48!important;
}
html body.bu-public-unified.bu-public-inner :is(
 main.bu-pro .bu-nx,.bu-story-hero,.bu-help-hero,.bu-tutor-hero,.bu-appdl-cinematic
) .bu-v3-art__orb{
 border-color:rgba(249,209,157,.2)!important;
 background:radial-gradient(circle at 36% 36%,rgba(237,196,132,.15),transparent 48%),
 radial-gradient(circle at 60% 64%,rgba(102,182,132,.13),transparent 70%)!important;
}
html body.bu-public-unified.bu-public-inner :is(
 .bu-nx,.bu-story-hero,.bu-help-hero,.bu-tutor-hero,.bu-appdl-cinematic
) :is(h1,h2){
 color:#fffaf0!important;
 text-shadow:0 2px 0 rgba(12,23,23,.35),0 12px 27px rgba(11,25,24,.27)!important;
 text-wrap:balance!important;
}
html body.bu-public-unified.bu-public-inner :is(
 .bu-nx,.bu-story-hero,.bu-help-hero,.bu-tutor-hero,.bu-appdl-cinematic
) :is(.bu-nx-k,.bu-story-kicker,.bu-kicker,.bu-appdl-kicker,.bu-tutor-kicker){
 color:#f6d4a3!important;letter-spacing:.13em!important;
}
html body.bu-public-unified.bu-public-inner :is(
 .bu-nx,.bu-story-hero,.bu-help-hero,.bu-tutor-hero,.bu-appdl-cinematic
) :is(.bu-nx-soft-copy,.bu-nx-ai-copy,.bu-nx-drv-copy,.bu-nx-firm-answer,.bu-nx-plain,.bu-story-copy){
 position:relative!important;z-index:3!important;min-width:0!important;
}
html body.bu-public-unified.bu-public-inner :is(
 .bu-nx,.bu-story-hero,.bu-help-hero,.bu-tutor-hero,.bu-appdl-cinematic
) :is(p,.bu-story-lead,.bu-sub){
 line-height:1.64!important;
}
html body.bu-public-unified.bu-public-inner :is(
 .bu-nx-cta,.bu-story-actions,.bu-blog-hero-links
) a{
 min-height:46px!important;border-radius:13px!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:11px 17px!important;line-height:1.28!important;
 text-align:center!important;gap:8px!important;
 border:1px solid rgba(242,210,167,.48)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.13)!important;
 transition:transform .22s ease,border-color .2s ease!important;
}
html body.bu-public-unified.bu-public-inner :is(
 .bu-nx-cta,.bu-story-actions,.bu-blog-hero-links
) a:is(.is-solid,.bu-pro-btn:not(.ghost),.bu-btn.blue){
 background:linear-gradient(115deg,#ffe8c1,#edb675)!important;
 color:#28392f!important;border-color:#f4d09a!important;
 box-shadow:0 10px 22px rgba(41,24,23,.14),inset 0 1px #fff6e7!important;
}
html body.bu-public-unified.bu-public-inner :is(
 .bu-nx-cta,.bu-story-actions,.bu-blog-hero-links
) a:hover{
 transform:translate3d(0,-2px,0)!important;border-color:#fff1cf!important;
}
/* Product copy is the main visual priority; staged photo/windows never obscure labels. */
html body.bu-public-unified.bu-public-inner main.bu-pro .bu-nx :is(
 .bu-nx-soft-copy,.bu-nx-ai-copy,.bu-nx-drv-copy,.bu-nx-firm-answer,.bu-nx-firm-problem,.bu-nx-plain
){z-index:3!important;}
html body.bu-public-unified.bu-public-inner main.bu-pro :is(
 .bu-nx-windows,.bu-nx-cabin,.bu-nx-facts
){position:relative!important;z-index:3!important;}
html body.bu-public-unified.bu-public-inner .bu-nx-windows article,
html body.bu-public-unified.bu-public-inner .bu-nx-facts article,
html body.bu-public-unified.bu-public-inner .bu-nx-cabin{
 border-color:rgba(251,216,159,.4)!important;
 background:linear-gradient(140deg,rgba(47,82,68,.89),rgba(42,41,50,.91))!important;
 box-shadow:0 15px 31px rgba(12,22,24,.16),
 inset 0 1px rgba(248,245,222,.19),inset 0 -2px rgba(14,30,26,.22)!important;
 border-radius:17px!important;
}
html body.bu-public-unified.bu-public-inner .bu-nx-firm-problem{
 background:linear-gradient(146deg,rgba(35,59,53,.84),rgba(38,36,47,.9))!important;
 border-color:rgba(250,205,151,.34)!important;border-radius:18px!important;
}
/* One compact translated action band shared by the public product templates. */
html body.bu-public-unified.bu-public-inner .bu-premium-path{
 box-sizing:border-box!important;
 width:min(calc(100% - 40px),1290px)!important;max-width:1290px!important;
 margin:clamp(23px,3.4vw,48px) auto!important;
 padding:clamp(23px,3vw,40px)!important;
 display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
 align-items:center!important;gap:clamp(22px,4vw,54px)!important;
 position:relative!important;isolation:isolate!important;
 background:
 radial-gradient(ellipse 64% 94% at 100% 0%,rgba(232,190,126,.20),transparent 79%),
 linear-gradient(125deg,#fffcf7,#ebf4ea 68%,#f8f9f2)!important;
 border:1px solid rgba(121,167,135,.33)!important;border-radius:24px!important;
 box-shadow:0 18px 45px rgba(35,75,57,.09),inset 0 1px rgba(255,255,255,.99)!important;
 color:#263e34!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path::before{
 content:"";position:absolute!important;z-index:0!important;inset:0 0 auto!important;
 height:11px!important;border-radius:24px 24px 0 0!important;
 background:linear-gradient(90deg,#d8eade,#f4d4a9 55%,#dcece1)!important;
 clip-path:polygon(0 0,100% 0,92% 100%,0 43%)!important;
 pointer-events:none!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path>*{
 position:relative!important;z-index:1!important;min-width:0!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path__eyebrow{
 display:inline-block!important;color:#936638!important;
 font-size:10px!important;font-weight:850!important;letter-spacing:.155em!important;
 margin-bottom:9px!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path h2{
 color:#294335!important;font-weight:800!important;
 font-size:clamp(24px,2.5vw,37px)!important;line-height:1.11!important;
 letter-spacing:-.045em!important;text-wrap:balance!important;
 text-shadow:0 1px rgba(255,255,255,.8),0 6px 17px rgba(38,85,55,.09)!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path__intro p{
 margin-top:11px!important;color:#536b5c!important;
 font-size:clamp(12px,1vw,15px)!important;line-height:1.63!important;max-width:57ch!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path__steps{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:9px!important;list-style:none!important;padding:0!important;margin:0 0 13px!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path__steps li{
 display:flex!important;flex-direction:column!important;gap:5px!important;
 padding:13px 11px!important;min-width:0!important;
 border:1px solid #d4e2d7!important;border-radius:12px!important;
 background:rgba(255,255,255,.83)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.91)!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path__steps li span{
 color:#9e763f!important;font-size:10px!important;font-weight:850!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path__steps li strong{
 color:#2c4a3c!important;font-size:clamp(11px,1vw,14px)!important;
 line-height:1.25!important;overflow-wrap:break-word!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path__links{
 display:flex!important;flex-wrap:wrap!important;gap:9px!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path__links a{
 display:inline-flex!important;align-items:center!important;justify-content:space-between!important;
 flex:1 1 170px!important;min-width:0!important;min-height:44px!important;
 gap:8px!important;padding:11px 13px!important;border-radius:11px!important;
 border:1px solid rgba(60,125,89,.27)!important;
 background:linear-gradient(115deg,#e5f3e8,#f6faf4)!important;
 color:#276049!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important;
 transition:transform .2s ease,border-color .2s ease!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path__links a:hover{
 transform:translateY(-2px)!important;border-color:#80b994!important;
}
html body.bu-public-unified.bu-public-inner .bu-premium-path :is(a,button):focus-visible{
 outline:3px solid #c18446!important;outline-offset:3px!important;
}
/* Clearer cards for all marketing/editorial templates — no changes to listings or core cards. */
html body.bu-public-unified.bu-public-inner :is(
 main.bu-pro .bu-pro-card,main.bu-pro .bu-pro-tile,
 main.bu-pro .bu-pro-more>article,main.bu-pro .bu-soft-flow article,
 main.bu-pro .bu-ai-limits>article,main.bu-pro .bu-pro-steps li,
 main.bu-story .bu-story-points>article,
 .bu-help-item,.bu-tutor-track article,.bu-about-grid>article,
 .bu-app-scan-grid>article
){
 min-width:0!important;box-sizing:border-box!important;
 border:1px solid rgba(122,170,142,.31)!important;
 border-radius:var(--pp4-radius)!important;
 background:linear-gradient(142deg,#fffefa,#f3f8f1)!important;
 color:#253c32!important;
 box-shadow:0 13px 31px rgba(27,61,49,.078),
 inset 0 1px rgba(255,255,255,.97),inset 0 -2px rgba(67,120,88,.04)!important;
 overflow-wrap:break-word!important;
}
html body.bu-public-unified.bu-public-inner :is(
 main.bu-pro .bu-pro-card,main.bu-pro .bu-pro-tile,
 main.bu-pro .bu-pro-more>article,main.bu-pro .bu-soft-flow article,
 main.bu-pro .bu-ai-limits>article,
 main.bu-story .bu-story-points>article,
 .bu-help-item,.bu-tutor-track article,.bu-about-grid>article
) :is(h2,h3,strong){
 color:#254537!important;letter-spacing:-.025em!important;line-height:1.2!important;
}
html body.bu-public-unified.bu-public-inner :is(
 main.bu-pro .bu-pro-card,main.bu-pro .bu-pro-tile,
 main.bu-pro .bu-pro-more>article,main.bu-pro .bu-soft-flow article,
 main.bu-story .bu-story-points>article,
 .bu-help-item,.bu-tutor-track article,.bu-about-grid>article
) p{
 color:#577064!important;line-height:1.63!important;
}
html body.bu-public-unified.bu-public-inner main.bu-pro :is(
 .bu-pro-grid3,.bu-pro-grid2,.bu-pro-more,.bu-soft-flow>div,.bu-ai-limits
){
 gap:clamp(13px,1.8vw,24px)!important;align-items:stretch!important;
}
html body.bu-public-unified.bu-public-inner main.bu-pro .bu-pro-story{
 border:1px solid rgba(181,209,186,.24)!important;
 border-radius:24px!important;overflow:hidden!important;
 box-shadow:0 20px 47px rgba(26,55,46,.13)!important;
}
html body.bu-public-unified.bu-public-inner .bu-pro-story :is(h2,p){
 text-wrap:balance!important;
}
html body.bu-public-unified.bu-public-inner .bu-pro-story h2{
 text-shadow:0 8px 23px rgba(9,19,24,.17)!important;
}
html body.bu-public-unified.bu-public-inner .bu-pro-grid3>.bu-pro-card:nth-child(2),
html body.bu-public-unified.bu-public-inner .bu-story-points>article:nth-child(2){
 border-top:3px solid #ddb37d!important;
}
html body.bu-public-unified.bu-public-inner .bu-pro-grid3>.bu-pro-card:nth-child(3),
html body.bu-public-unified.bu-public-inner .bu-story-points>article:nth-child(3){
 border-top:3px solid #8dbba0!important;
}
html body.bu-public-unified.bu-public-inner .bu-help-chips{
 display:flex!important;flex-wrap:wrap!important;gap:9px!important;
}
html body.bu-public-unified.bu-public-inner .bu-help-chips button{
 min-height:44px!important;border-radius:11px!important;
 background:#f5f9f2!important;border:1px solid #ccddd0!important;
 color:#2b5947!important;
}
html body.bu-public-unified.bu-public-inner .bu-help-chips button.is-on{
 background:#2e6950!important;color:#fff!important;border-color:#277151!important;
}
html body.bu-public-unified.bu-public-inner :is(
 .bu-help-search,.bu-pro input[type=search],.bu-pro input[type=text]
){
 min-height:47px!important;border-radius:12px!important;
 border-color:#b7d7c3!important;
}
html body.bu-public-unified.bu-public-inner :is(
 .bu-help-item,.bu-pro-card,.bu-pro-tile,.bu-premium-path
) :is(a,button):focus-visible{
 outline:3px solid #d09b5e!important;outline-offset:3px!important;
}
/* Section dividers: short sloped ribbon instead of plain horizontal cuts. */
html body.bu-public-unified.bu-public-inner main.bu-pro .bu-pro-story::before{
 content:"";display:block!important;position:absolute!important;
 top:0!important;left:0!important;right:0!important;height:18px!important;
 background:linear-gradient(100deg,rgba(234,183,121,.68),rgba(131,199,154,.43),transparent)!important;
 clip-path:polygon(0 0,100% 0,100% 8%,0 100%)!important;
 pointer-events:none!important;z-index:1!important;
}
html body.bu-public-unified.bu-public-inner main.bu-pro .bu-pro-story{
 position:relative!important;isolation:isolate!important;
}
html body.bu-public-unified.bu-public-inner .bu-public-main-col :is(
 .bu-pro-grid3,.bu-pro-grid2,.bu-story-points,.bu-help-results,.bu-tutor-track
){
 gap:clamp(12px,1.65vw,22px)!important;
}
/* Public footer is continuous with the page instead of reverting to blue. */
html body.bu-public-unified.bu-public-inner .bu-pub-foot{
 background:
 radial-gradient(ellipse 40% 65% at 88% 8%,rgba(227,184,121,.16),transparent 80%),
 linear-gradient(125deg,#29232f,#2e483a 58%,#352c3a)!important;
}
html body.bu-public-unified.bu-public-inner .bu-pub-foot .bu-pub-foot-cta{
 border-color:rgba(239,202,151,.46)!important;
 background:linear-gradient(125deg,#375842,#315348 62%,#3b3442)!important;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html body.bu-public-unified.bu-public-inner :is(
 .bu-pro-card,.bu-pro-tile,.bu-story-points>article,.bu-help-item,.bu-tutor-track article
 ){
  transition:transform .23s cubic-bezier(.2,.77,.24,1),border-color .23s ease!important;
 }
 html body.bu-public-unified.bu-public-inner :is(
 .bu-pro-card,.bu-pro-tile,.bu-story-points>article,.bu-help-item,.bu-tutor-track article
 ):hover{
  transform:translate3d(0,-4px,0)!important;border-color:#9bbb9d!important;
 }
}
@media(max-width:980px){
 html body.bu-public-unified.bu-public-inner .bu-premium-path{
  grid-template-columns:minmax(0,1fr)!important;gap:17px!important;
  width:calc(100% - 30px)!important;padding:23px!important;
 }
 html body.bu-public-unified.bu-public-inner main.bu-pro .bu-nx>img.bu-public-hero-photo{
  opacity:.15!important;
 }
}
@media(max-width:620px){
 html body.bu-public-unified.bu-public-inner .bu-premium-path{
  width:calc(100% - 18px)!important;padding:19px 16px!important;margin:16px auto!important;
  border-radius:19px!important;gap:15px!important;
 }
 html body.bu-public-unified.bu-public-inner .bu-premium-path h2{
  font-size:clamp(23px,6.9vw,30px)!important;
 }
 html body.bu-public-unified.bu-public-inner .bu-premium-path__intro p{
  font-size:12px!important;line-height:1.52!important;
 }
 html body.bu-public-unified.bu-public-inner .bu-premium-path__steps{
  gap:6px!important;
 }
 html body.bu-public-unified.bu-public-inner .bu-premium-path__steps li{
  padding:9px 7px!important;min-height:57px!important;
 }
 html body.bu-public-unified.bu-public-inner .bu-premium-path__steps li strong{
  font-size:10px!important;
 }
 html body.bu-public-unified.bu-public-inner .bu-premium-path__links a{
  flex-basis:135px!important;font-size:11px!important;min-height:44px!important;
 }
 html body.bu-public-unified.bu-public-inner :is(
 main.bu-pro .bu-nx,.bu-story-hero,.bu-help-hero,.bu-tutor-hero,.bu-appdl-cinematic
 ){border-radius:20px!important;}
 html body.bu-public-unified.bu-public-inner :is(
 .bu-pro-card,.bu-pro-tile,.bu-help-item,.bu-story-points>article
 ){border-radius:17px!important;}
 html body.bu-public-unified.bu-public-inner .bu-v3-art__particle{
  animation:none!important;
 }
 html body.bu-public-unified.bu-public-inner main.bu-pro .bu-nx>img.bu-public-hero-photo{
  opacity:.11!important;
 }
}
/* Homepage tuning: retains previously developed Canvas, strips and flows. */
html body.home.bu-public-unified .bn-home[data-bn-product-v5="1"] .bn-deck__editorial{
 border-color:#bfd8c1!important;
 box-shadow:0 14px 30px rgba(26,69,50,.065),inset 0 1px #fff!important;
}
html body.home.bu-public-unified .bn-home[data-bn-product-v5="1"] .bn-section__intro h2{
 text-wrap:balance!important;
}
html body.home.bu-public-unified .bn-home[data-bn-product-v5="1"] :is(
 .bn-deck__card,.bn-resource,.bn-app,.bn-faq__list details
){
 border-radius:22px!important;
}
html body.home.bu-public-unified .bn-home[data-bn-product-v5="1"] :is(
 .bn-deck__card,.bn-resource,.bn-app
) a:focus-visible{
 outline:3px solid #e4ad71!important;outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
 html body.bu-public-unified.bu-public-inner :is(
 .bu-premium-path__links a,.bu-nx-cta a,.bu-story-actions a,
 .bu-pro-card,.bu-pro-tile,.bu-story-points>article
 ){transition:none!important;transform:none!important;}
}