/**
 * Public masterpiece v199
 * Final ownership layer for public chrome, product directory, contrast and
 * the server-rendered market context section. Keep this sheet last.
 */

html body.bu-public-unified{
  --bu-public-rail-h:30px;
  --bu-public-head-h:72px;
  --bu-public-side-w:216px;
  --bu-public-dock-h:54px;
  --bu-public-ink:#082d45;
  --bu-public-muted:#466779;
  --bu-public-line:#c9dce6;
  --bu-public-green:#08a982;
  --bu-public-blue:#167fdc;
  background:#f4fafc!important;color:var(--bu-public-ink)!important
}

/* One precise desktop grid: rail, header, sidebar, directory and content. */
@media(min-width:1180px){
  html body.bu-public-unified .bu-global-chrome{
    grid-template-columns:var(--bu-public-side-w) minmax(0,1fr)!important;
    min-height:var(--bu-public-head-h)!important;height:var(--bu-public-head-h)!important
  }
  html body.bu-public-unified .bu-global-chrome .bu-board-header-inner{
    grid-template-columns:var(--bu-public-side-w) minmax(0,1fr) auto!important;
    min-width:0!important
  }
  html body.bu-public-unified .bu-board-sidebar{
    width:var(--bu-public-side-w)!important;max-width:var(--bu-public-side-w)!important
  }
  html body.bu-public-unified .bu-public-main-col{
    width:calc(100% - var(--bu-public-side-w))!important;
    margin-left:var(--bu-public-side-w)!important
  }
  html body.bu-product-page .bu-public-subnav{
    left:var(--bu-public-side-w)!important;
    width:calc(100% - var(--bu-public-side-w))!important
  }
}

html body.bu-public-unified .bu-global-chrome{
  background:radial-gradient(640px 150px at 78% -30%,rgba(35,215,199,.28),transparent 66%),linear-gradient(112deg,#061d31 0%,#073b4d 54%,#087a70 100%)!important;
  border-bottom:1px solid rgba(116,236,223,.34)!important;
  box-shadow:0 14px 34px rgba(3,29,46,.2)!important
}
html body.bu-public-unified .bu-global-chrome .bu-board-header-inner{
  height:var(--bu-public-head-h)!important;max-width:none!important;padding:0 14px!important
}
html body.bu-public-unified .bu-global-chrome :is(a,button,summary){-webkit-tap-highlight-color:transparent}
html body.bu-public-unified .bu-global-chrome :is(.bu-header-app-launcher,.bu-lang-btn,.bu-board-login,.bu-board-register,.bu-public-menu-button){
  min-height:40px!important;border-radius:13px!important
}
html body.bu-public-unified .bu-global-chrome .bu-board-register{
  width:auto!important;min-width:106px!important;height:40px!important;padding:0 13px!important;
  gap:2px!important;font-size:12px!important;line-height:1!important;color:#fff!important;
  border:1px solid #24c9ab!important;background:linear-gradient(135deg,#08aa82,#177fdb)!important;
  box-shadow:0 8px 18px rgba(12,126,161,.22)!important
}
html body.bu-public-unified .bu-global-chrome .bu-board-register::before{display:none!important;content:none!important}
html body.bu-public-unified .bu-global-chrome .bu-board-register b{display:block!important;color:#fff!important;font-size:12px!important;line-height:1.05!important}
html body.bu-public-unified .bu-global-chrome .bu-board-register small{display:block!important;color:#e9ffff!important;font-size:8px!important;line-height:1!important}

/* Product directory is a deliberate navigation surface, not a second header. */
html body.bu-product-page .bu-public-subnav{
  height:var(--bu-public-dock-h)!important;min-height:var(--bu-public-dock-h)!important;
  border:0!important;border-bottom:1px solid var(--bu-public-line)!important;
  background:rgba(255,255,255,.98)!important;box-shadow:0 8px 20px rgba(4,42,62,.085)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
html body.bu-product-page .bu-public-subnav-inner{
  width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;
  padding:0 14px!important;gap:8px!important
}
html body.bu-product-page .bu-public-subnav-label{
  flex:0 0 auto!important;min-width:106px!important;height:34px!important;margin:0 2px 0 0!important;
  padding:0 14px!important;border-right:1px solid #d4e3ea!important;color:#087069!important
}
html body.bu-product-page .bu-public-subnav-scroll{
  min-width:0!important;height:100%!important;align-items:center!important;gap:3px!important;overflow:hidden!important
}
html body.bu-product-page .bu-public-subnav-scroll>a,
html body.bu-product-page .bu-public-market-menu>summary{
  min-height:34px!important;height:34px!important;padding:0 10px!important;white-space:nowrap!important;
  border:1px solid transparent!important;border-radius:10px!important;color:#294f62!important;
  background:transparent!important;font-size:11px!important;font-weight:800!important;line-height:1!important
}
html body.bu-product-page .bu-public-subnav-scroll>a:hover,
html body.bu-product-page .bu-public-subnav-scroll>a:focus-visible,
html body.bu-product-page .bu-public-subnav-scroll>a.is-current,
html body.bu-product-page .bu-public-market-menu>summary:hover,
html body.bu-product-page .bu-public-market-menu>summary.is-current{
  color:#075f59!important;border-color:#9ed9d1!important;
  background:linear-gradient(135deg,#e7faf5,#edf7ff)!important;
  box-shadow:0 5px 13px rgba(5,91,104,.09)!important
}
html body.bu-product-page .bu-subnav-overflow{flex:0 0 auto!important;margin-left:2px!important}
html body.bu-product-page .bu-subnav-overflow>summary{
  min-width:54px!important;width:auto!important;height:34px!important;padding:0 12px!important;border-radius:10px!important;
  font-size:11px!important;font-weight:850!important
}

/* Accessible flyouts. Legacy sheets made these links white on a white card. */
html body.bu-public-unified .bu-public-market-menu>div{
  z-index:12050!important;width:min(290px,calc(100vw - 24px))!important;padding:9px!important;
  border:1px solid #c7dce5!important;border-radius:16px!important;background:#fff!important;
  box-shadow:0 24px 60px rgba(4,37,56,.22)!important
}
html body.bu-public-unified .bu-public-market-menu>div>a{
  min-height:52px!important;padding:9px 11px!important;border-radius:11px!important;color:#123f56!important;
  background:#f6fafc!important;border:1px solid transparent!important
}
html body.bu-public-unified .bu-public-market-menu>div>a:hover,
html body.bu-public-unified .bu-public-market-menu>div>a:focus-visible{
  color:#075f59!important;border-color:#a8ddd5!important;background:#eaf9f5!important
}
html body.bu-public-unified .bu-public-market-menu>div>a b{color:#123f56!important;font-size:13px!important;line-height:1.2!important}
html body.bu-public-unified .bu-public-market-menu>div>a small{color:#526f7e!important;font-size:11px!important;line-height:1.3!important}
html body.bu-public-unified .bu-subnav-overflow-menu{
  z-index:12060!important;border-color:#c7dce5!important;background:#fff!important;color:#123f56!important
}
html body.bu-public-unified .bu-subnav-overflow-menu :is(a,summary,b,small){color:#234e61!important}

/* Text must remain readable even if gradient-text support or loading order fails. */
html body.home.bu-public-unified #h154-title strong{
  color:#087f8c!important;-webkit-text-fill-color:#087f8c!important;background:none!important;text-shadow:none!important
}
html body.bu-public-unified main :is(p,li,small){text-wrap:pretty}
html body.bu-public-unified main :is(h1,h2,h3){text-wrap:balance}

/* Local-market SEO section: useful content, short scan paths, no decorative animation tax. */
html body.bu-public-unified .bu-seo-market-stage{
  position:relative;width:min(calc(100% - 34px),1180px);margin:34px auto 42px;padding:clamp(26px,4vw,48px);
  overflow:hidden;border:1px solid #b9d7e2;border-radius:30px;color:#eaf8fb;
  background:
    radial-gradient(circle at 88% 16%,rgba(24,189,178,.22),transparent 32%),
    radial-gradient(circle at 12% 104%,rgba(34,116,235,.2),transparent 36%),
    linear-gradient(135deg,#061f31,#073d4c 55%,#0a645f);
  box-shadow:0 22px 55px rgba(4,37,56,.18)
}
html body.bu-public-unified .bu-seo-market-stage::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);
  background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 80%)
}
html body.bu-public-unified .bu-seo-market-stage>*{position:relative;z-index:1}
html body.bu-public-unified .bu-seo-market-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:32px;align-items:end}
html body.bu-public-unified .bu-seo-market-kicker{
  display:inline-flex;align-items:center;gap:9px;margin:0 0 13px;color:#62e2cc;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase
}
html body.bu-public-unified .bu-seo-market-kicker::before{content:"";width:28px;height:2px;border-radius:99px;background:#62e2cc}
html body.bu-public-unified .bu-seo-market-stage h2{
  max-width:850px;margin:0;color:#fff!important;font-size:clamp(34px,4.5vw,64px)!important;line-height:.98!important;letter-spacing:-.05em!important
}
html body.bu-public-unified .bu-seo-market-lead{margin:0;color:#cde3e8!important;font-size:clamp(15px,1.25vw,19px)!important;line-height:1.65!important}
html body.bu-public-unified .bu-seo-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
html body.bu-public-unified .bu-seo-market-grid article{
  min-height:155px;padding:21px;border:1px solid rgba(183,230,234,.2);border-radius:19px;background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px rgba(255,255,255,.08)
}
html body.bu-public-unified .bu-seo-market-grid span{display:block;margin-bottom:24px;color:#66e3d0;font-size:10px;font-weight:900;letter-spacing:.14em}
html body.bu-public-unified .bu-seo-market-grid h3{margin:0 0 8px;color:#fff!important;font-size:18px!important;line-height:1.2!important}
html body.bu-public-unified .bu-seo-market-grid p{margin:0;color:#bfd7dd!important;font-size:13px!important;line-height:1.55!important}
html body.bu-public-unified .bu-seo-market-terms{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
html body.bu-public-unified .bu-seo-market-terms span{
  display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(165,226,225,.24);border-radius:999px;
  color:#e8fbfb;background:rgba(255,255,255,.075);font-size:10px;font-weight:800;letter-spacing:.02em
}

/* Cookie consent stays usable without hiding the product or mobile dock. */
html body.bu-public-unified .bu-cookie{z-index:14000!important;padding:10px!important;pointer-events:none!important}
html body.bu-public-unified .bu-cookie-box{
  width:min(620px,calc(100vw - 20px))!important;max-width:620px!important;margin:0 auto!important;padding:15px 17px!important;
  border:1px solid rgba(128,205,211,.28)!important;border-radius:18px!important;background:#062637!important;
  box-shadow:0 18px 50px rgba(2,25,40,.3)!important;pointer-events:auto!important
}
html body.bu-public-unified .bu-cookie-k{margin:0 0 3px!important;color:#fff!important;font-size:13px!important}
html body.bu-public-unified .bu-cookie-text{margin:0!important;color:#cde0e6!important;font-size:11px!important;line-height:1.4!important}

@media(max-width:900px){
  html body.bu-public-unified{
    --bu-public-rail-h:24px;--bu-public-head-h:66px;--bu-public-dock-h:48px
  }
  html body.bu-public-unified .bu-global-chrome{height:var(--bu-public-head-h)!important;min-height:var(--bu-public-head-h)!important}
  html body.bu-public-unified .bu-global-chrome .bu-board-header{height:var(--bu-public-head-h)!important;min-height:var(--bu-public-head-h)!important}
  html body.bu-public-unified .bu-global-chrome .bu-board-header-inner{
    width:100%!important;height:var(--bu-public-head-h)!important;min-height:var(--bu-public-head-h)!important;padding:0 10px!important;gap:7px!important
  }
  html body.bu-public-unified .bu-global-chrome .bu-board-brand{
    flex:0 0 84px!important;width:84px!important;min-width:84px!important;max-width:84px!important
  }
  html body.bu-public-unified .bu-global-chrome .bu-board-brand>img{width:68px!important;height:56px!important;max-width:68px!important}
  html body.bu-public-unified .bu-global-chrome .bu-board-header-right{min-width:0!important;gap:6px!important;margin-left:auto!important}
  html body.bu-public-unified .bu-global-chrome .bu-head-auth{
    flex:0 0 auto!important;width:auto!important;max-width:128px!important;gap:5px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
  }
  html body.bu-public-unified .bu-global-chrome .bu-board-login{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important}
  html body.bu-public-unified .bu-global-chrome .bu-board-register{
    width:auto!important;min-width:78px!important;max-width:88px!important;height:38px!important;padding:0 10px!important;border-radius:12px!important
  }
  html body.bu-public-unified .bu-global-chrome .bu-board-register b{font-size:11px!important;white-space:nowrap!important}
  html body.bu-public-unified .bu-global-chrome .bu-board-register small{display:none!important}
  html body.bu-public-unified .bu-global-chrome .bu-header-app-launcher{display:none!important}
  html body.bu-public-unified .bu-global-chrome .bu-lang-btn,
  html body.bu-public-unified .bu-global-chrome .bu-public-menu-button{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important}

  html body.bu-product-page .bu-public-subnav{
    position:sticky!important;top:calc(var(--bu-public-rail-h) + var(--bu-public-head-h))!important;
    left:0!important;width:100%!important;height:var(--bu-public-dock-h)!important;min-height:var(--bu-public-dock-h)!important;
    z-index:9100!important;margin:0!important
  }
  html body.bu-product-page .bu-public-subnav-inner{height:100%!important;padding:0 8px!important;gap:5px!important}
  html body.bu-product-page .bu-public-subnav-label{display:none!important}
  html body.bu-product-page .bu-public-subnav-scroll{height:100%!important;gap:3px!important}
  html body.bu-product-page .bu-public-subnav-scroll>a,
  html body.bu-product-page .bu-public-market-menu>summary{
    min-height:34px!important;height:34px!important;padding:0 10px!important;font-size:10px!important;border-radius:10px!important
  }
  html body.bu-product-page .bu-subnav-overflow>summary{min-width:50px!important;height:34px!important;padding:0 10px!important;font-size:10px!important}
  html body.bu-public-unified .bu-public-market-menu>div{
    position:fixed!important;left:10px!important;right:10px!important;top:calc(var(--bu-public-rail-h) + var(--bu-public-head-h) + var(--bu-public-dock-h) + 7px)!important;
    width:auto!important;max-width:none!important
  }
  html body.bu-public-unified .bu-subnav-overflow-menu{
    position:fixed!important;left:10px!important;right:10px!important;top:calc(var(--bu-public-rail-h) + var(--bu-public-head-h) + var(--bu-public-dock-h) + 7px)!important;
    width:auto!important;max-height:calc(100dvh - 170px)!important
  }
  html body.bu-public-unified .bu-seo-market-stage{width:calc(100% - 18px);margin:22px auto 30px;padding:25px 17px;border-radius:24px}
  html body.bu-public-unified .bu-seo-market-head{grid-template-columns:1fr;gap:15px}
  html body.bu-public-unified .bu-seo-market-stage h2{font-size:clamp(31px,10vw,44px)!important}
  html body.bu-public-unified .bu-seo-market-lead{font-size:14px!important;line-height:1.55!important}
  html body.bu-public-unified .bu-seo-market-grid{grid-template-columns:1fr;gap:9px;margin-top:20px}
  html body.bu-public-unified .bu-seo-market-grid article{min-height:0;padding:17px}
  html body.bu-public-unified .bu-seo-market-grid span{margin-bottom:10px}
  html body.bu-public-unified .bu-cookie{align-items:flex-end!important;padding:8px 8px calc(86px + env(safe-area-inset-bottom))!important}
  html body.bu-public-unified .bu-cookie-box{padding:13px 14px!important;border-radius:16px!important}
  html body.bu-public-unified .bu-cookie-actions{display:flex!important;gap:8px!important;margin-top:9px!important}
  html body.bu-public-unified .bu-cookie-actions :is(button,a){min-height:38px!important;padding:0 14px!important;font-size:11px!important;border-radius:11px!important}
}

@media(max-width:359px){
  html body.bu-public-unified .bu-global-chrome .bu-board-brand{flex-basis:70px!important;width:70px!important;min-width:70px!important}
  html body.bu-public-unified .bu-global-chrome .bu-board-brand>img{width:58px!important}
  html body.bu-public-unified .bu-global-chrome .bu-board-register{min-width:68px!important;max-width:72px!important;padding:0 7px!important}
  html body.bu-product-page .bu-public-subnav-scroll>a,
  html body.bu-product-page .bu-public-market-menu>summary{padding:0 8px!important;font-size:9px!important}
}

@media(prefers-reduced-motion:reduce){
  html body.bu-public-unified *,html body.bu-public-unified *::before,html body.bu-public-unified *::after{scroll-behavior:auto!important}
}

/* v200 — public experience system. One owner for depth, page identity and motion. */
html body.bu-public-unified{
  --bu-v200-a:#0aa889;--bu-v200-b:#168bd4;--bu-v200-c:#6757ed;
  --bu-v200-soft:#eaf9f6;--bu-v200-glow:rgba(20,157,187,.20);
  --bu-v200-panel:#fff;--bu-v200-deep:#06283b;
}
html body.bu-public-unified.page-id-360{--bu-v200-a:#19b9ae;--bu-v200-b:#2675e7;--bu-v200-c:#7859ef;--bu-v200-soft:#edf4ff}
html body.bu-public-unified.page-id-19{--bu-v200-a:#08a979;--bu-v200-b:#149ac1;--bu-v200-c:#2780dd;--bu-v200-soft:#e9faf4}
html body.bu-public-unified.page-id-20{--bu-v200-a:#12a978;--bu-v200-b:#087976;--bu-v200-c:#1855a9;--bu-v200-soft:#eafaf2}
html body.bu-public-unified.page-id-312{--bu-v200-a:#16a79c;--bu-v200-b:#276fc9;--bu-v200-c:#4433a9;--bu-v200-soft:#eef8fa}
html body.bu-public-unified.page-id-22{--bu-v200-a:#08a982;--bu-v200-b:#0e9fd1;--bu-v200-c:#5f47e9;--bu-v200-soft:#ebfaf6}
html body.bu-public-unified.page-id-31,
html body.bu-public-unified.page-id-15515,
html body.bu-public-unified.page-id-15516{--bu-v200-a:#10b6a3;--bu-v200-b:#1689df;--bu-v200-c:#7049ef;--bu-v200-soft:#edf8ff}
html body.bu-public-unified.page-id-29{--bu-v200-a:#05a88b;--bu-v200-b:#0e7896;--bu-v200-c:#14549e;--bu-v200-soft:#eaf9f7}
html body.bu-public-unified.page-id-13588{--bu-v200-a:#f1a82d;--bu-v200-b:#ed6d39;--bu-v200-c:#6747dd;--bu-v200-soft:#fff8e8}
html body.bu-public-unified.page-id-26{--bu-v200-a:#0aa78b;--bu-v200-b:#1686c8;--bu-v200-c:#334eb0;--bu-v200-soft:#edf8fb}

/* Header and product directory share the same exact edge and rhythm. */
@media(min-width:1180px){
  html body.bu-public-unified .bu-global-chrome{padding:0!important;gap:0!important}
  html body.bu-public-unified .bu-global-chrome .bu-board-brand{padding:0 14px!important}
  html body.bu-public-unified .bu-global-chrome .bu-public-market-box{margin-left:14px!important}
  html body.bu-public-unified .bu-global-chrome .bu-board-header-right{padding-right:14px!important}
}
html body.bu-product-page .bu-public-subnav-inner{
  border-image:linear-gradient(90deg,var(--bu-v200-a),var(--bu-v200-b),transparent 72%) 1!important
}
html body.bu-product-page .bu-public-subnav-scroll>a,
html body.bu-product-page .bu-public-market-menu>summary,
html body.bu-product-page .bu-subnav-overflow>summary{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease!important}
@media(hover:hover){html body.bu-product-page .bu-public-subnav-scroll>a:hover,
html body.bu-product-page .bu-public-market-menu>summary:hover,
html body.bu-product-page .bu-subnav-overflow>summary:hover{transform:translateY(-1px)!important}}

/* Every public page gets a real canvas instead of a flat white document. */
html body.bu-public-unified main{
  position:relative;isolation:isolate;
  background:
    radial-gradient(700px 420px at 88% 2%,color-mix(in srgb,var(--bu-v200-b) 11%,transparent),transparent 72%),
    radial-gradient(640px 420px at 4% 32%,color-mix(in srgb,var(--bu-v200-a) 9%,transparent),transparent 74%),
    linear-gradient(180deg,#f7fbfd 0%,#eef7fa 58%,#f7fbfd 100%)!important
}
html body.bu-public-unified main::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;
  background-image:url("logistics-network-v200.svg");background-size:min(1600px,100vw) auto;background-position:center 60px;background-repeat:repeat-y
}

/* Unified cinematic hero frame, with a different palette on every product. */
html body.bu-public-unified :is(#h154-hero,.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-pro-hero,.bu-appdl-cinematic,.bu-give-hero,.bu-about-grid,.bu-tutor>.bu-ba-explain:first-child,.bu-mkt-kontakt>.bu-ba-explain:first-child){
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--bu-v200-b) 28%,#c8dce5)!important;
  box-shadow:0 26px 70px rgba(4,42,62,.14),0 3px 0 rgba(255,255,255,.9) inset!important;
  transform-style:preserve-3d;perspective:1100px
}
html body.bu-public-unified :is(#h154-hero,.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-pro-hero,.bu-appdl-cinematic,.bu-give-hero,.bu-about-grid,.bu-tutor>.bu-ba-explain:first-child,.bu-mkt-kontakt>.bu-ba-explain:first-child)::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.52;
  background-image:url("logistics-network-v200.svg");background-size:cover;background-position:center
}
html body.bu-public-unified :is(#h154-hero,.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-pro-hero,.bu-appdl-cinematic,.bu-give-hero,.bu-about-grid,.bu-tutor>.bu-ba-explain:first-child,.bu-mkt-kontakt>.bu-ba-explain:first-child)::after{
  content:"";position:absolute;width:340px;height:340px;right:-100px;top:-130px;z-index:-1;pointer-events:none;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--bu-v200-a) 44%,#fff),color-mix(in srgb,var(--bu-v200-b) 20%,transparent) 44%,transparent 70%)
}
html body.bu-public-unified :is(.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-pro-hero,.bu-appdl-cinematic,.bu-give-hero,.bu-about-grid) :is(h1,h2){
  text-shadow:0 2px 0 rgba(255,255,255,.48);letter-spacing:-.052em!important
}

/* Dark product heroes keep every text layer readable. */
html body.bu-public-unified :is(.bu-nx-dispo-ai,.bu-nx-za-vozace,.bu-story-hero.is-dark,.bu-story-hero.is-driver) :is(h1,h2,h3,strong){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.bu-public-unified :is(.bu-nx-dispo-ai,.bu-nx-za-vozace,.bu-story-hero.is-dark,.bu-story-hero.is-driver) :is(p,small,em){color:#c7e5ec!important;-webkit-text-fill-color:#c7e5ec!important}

/* Sections become authored scenes: alternating surfaces, depth and route markers. */
html body.bu-public-unified .bu-pro>section:not(.bu-nx):not(.bu-seo-market-stage),
html body.bu-public-unified .bu-story>section:not(.bu-story-hero):not(.bu-seo-market-stage),
html body.bu-public-unified .bu-appdl>section:not(.bu-appdl-cinematic):not(.bu-seo-market-stage),
html body.bu-public-unified .bu-giveaway>section:not(.bu-give-hero):not(.bu-seo-market-stage){
  position:relative;border-color:color-mix(in srgb,var(--bu-v200-b) 19%,#d7e5eb)!important
}

/* Giveaway v212 — real prize artwork, restrained depth and readable cards. */
html body.bu-public-unified .bu-give-hero{min-height:680px!important;padding:72px 0 62px!important;background:radial-gradient(circle at 80% 16%,rgba(25,121,213,.28),transparent 32%),radial-gradient(circle at 14% 82%,rgba(17,199,166,.18),transparent 34%),linear-gradient(145deg,#031723,#063047 58%,#071b31)!important}
html body.bu-public-unified .bu-give-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr)!important;gap:42px!important}
html body.bu-public-unified .bu-prize-stage{display:grid!important;gap:12px!important;transform:perspective(1200px) rotateY(-2deg)!important;transform-origin:center!important}
html body.bu-public-unified .bu-prize-stage{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-content:end!important;min-height:530px!important;padding:330px 12px 12px!important;overflow:hidden!important;border:1px solid rgba(116,229,220,.3)!important;border-radius:28px!important;background-image:linear-gradient(180deg,transparent 45%,rgba(3,20,33,.18) 60%,rgba(3,20,33,.96) 100%),url('https://berzautovara.com/wp-content/uploads/2026/10/berza-utovara-nagradna-igra-nagrade.webp')!important;background-position:center!important;background-size:cover!important;box-shadow:0 35px 80px rgba(0,13,25,.46),inset 0 1px rgba(255,255,255,.13)!important}
html body.bu-public-unified .bu-prize-stage>.bu-prize-card{position:relative!important;inset:auto!important;display:grid!important;align-content:end!important;min-height:150px!important;margin:0!important;padding:14px!important;border:1px solid rgba(117,220,218,.24)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(9,62,79,.9),rgba(4,27,44,.95))!important;color:#fff!important;transform:none!important;box-shadow:0 12px 30px rgba(0,14,25,.24)!important}
html body.bu-public-unified .bu-prize-stage>.bu-prize-card.iphone{grid-column:auto!important;grid-row:auto!important;border-color:rgba(73,230,196,.46)!important;background:linear-gradient(145deg,rgba(7,112,99,.86),rgba(5,40,64,.96))!important}
html body.bu-public-unified .bu-prize-stage .bu-prize-icon{display:none!important}
html body.bu-public-unified .bu-prize-stage .bu-prize-tag{position:static!important;width:max-content!important;margin:0 0 10px!important;padding:5px 7px!important;border-radius:999px!important;background:rgba(88,235,208,.14)!important;color:#79f0dc!important;font-size:7px!important;letter-spacing:.12em!important}
html body.bu-public-unified .bu-prize-stage .bu-prize-card h2{margin:0 0 6px!important;color:#fff!important;font-size:15px!important;line-height:1.15!important}
html body.bu-public-unified .bu-prize-stage .bu-prize-card p{margin:0!important;color:#b8d1da!important;font-size:9px!important;line-height:1.4!important}
html body.bu-public-unified .bu-prize-visual{position:relative!important;overflow:hidden!important;aspect-ratio:16/9!important;border:1px solid rgba(116,229,220,.3)!important;border-radius:28px!important;background:#051d2d!important;box-shadow:0 35px 80px rgba(0,13,25,.46),inset 0 1px rgba(255,255,255,.13)!important}
html body.bu-public-unified .bu-prize-visual:after{content:""!important;position:absolute!important;inset:auto 8% -12% 8%!important;height:35%!important;border-radius:50%!important;background:rgba(24,210,180,.18)!important;filter:blur(34px)!important}
html body.bu-public-unified .bu-prize-visual picture,html body.bu-public-unified .bu-prize-visual img{display:block!important;width:100%!important;height:100%!important}
html body.bu-public-unified .bu-prize-visual img{object-fit:cover!important;object-position:center!important}
html body.bu-public-unified .bu-prize-strip{display:grid!important;grid-template-columns:1.15fr 1fr 1fr!important;gap:8px!important}
html body.bu-public-unified .bu-prize-strip article{display:grid!important;gap:4px!important;min-height:96px!important;padding:13px!important;border:1px solid rgba(106,205,218,.22)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(13,59,79,.92),rgba(4,30,47,.94))!important;box-shadow:0 12px 28px rgba(0,15,26,.2)!important}
html body.bu-public-unified .bu-prize-strip article.is-main{border-color:rgba(70,224,191,.44)!important;background:linear-gradient(145deg,rgba(9,92,87,.85),rgba(7,48,72,.95))!important}
html body.bu-public-unified .bu-prize-strip span{color:#6cead6!important;font-size:7px!important;font-weight:950!important;letter-spacing:.12em!important}
html body.bu-public-unified .bu-prize-strip b{color:#fff!important;font-size:13px!important;line-height:1.2!important}
html body.bu-public-unified .bu-prize-strip small{color:#a9c7d2!important;font-size:8px!important;line-height:1.35!important}
@media(max-width:920px){
  html body.bu-public-unified .bu-give-hero{min-height:auto!important;padding:44px 0 38px!important}
  html body.bu-public-unified .bu-give-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
  html body.bu-public-unified .bu-prize-stage{transform:none!important}
  html body.bu-public-unified .bu-prize-stage{grid-template-columns:1fr!important;min-height:560px!important;padding:300px 10px 10px!important;background-position:center top!important;background-size:auto 310px!important;background-repeat:no-repeat!important;background-color:#051c2c!important}
  html body.bu-public-unified .bu-prize-stage>.bu-prize-card{min-height:0!important}
  html body.bu-public-unified .bu-prize-strip{grid-template-columns:1fr!important}
  html body.bu-public-unified .bu-prize-strip article{min-height:0!important}
}
html body.bu-public-unified :is(.bu-pro-story,.bu-pro-ba,.bu-stage,.bu-pro-grid3,.bu-pro-grid2,.bu-soft-flow,.bu-pro-split,.bu-dispo-stage,.bu-pro-steps,.bu-ai-limits,.bu-role-path,.bu-pro-more,.bu-pro-cmp,.bu-why,.bu-pro-price,.bu-story-parts,.bu-story-live,.bu-story-slices,.bu-story-points,.bu-story-faq,.bu-blog-tools,.bu-about-grid,.bu-tutor-split){
  box-shadow:0 16px 44px rgba(5,54,75,.075)!important
}
html body.bu-public-unified :is(.bu-pro-grid3,.bu-pro-grid2,.bu-role-path,.bu-why,.bu-story-points,.bu-story-slices,.bu-pro-cmp) :is(article,li){
  position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--bu-v200-b) 20%,#d2e1e8)!important;
  box-shadow:0 10px 25px rgba(4,51,72,.075)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important
}
html body.bu-public-unified :is(.bu-pro-grid3,.bu-pro-grid2,.bu-role-path,.bu-why,.bu-story-points,.bu-story-slices,.bu-pro-cmp) :is(article,li)::after{
  content:"";position:absolute;inset:auto -30px -50px auto;width:110px;height:110px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--bu-v200-a) 16%,transparent),transparent 70%)
}
@media(hover:hover){html body.bu-public-unified :is(.bu-pro-grid3,.bu-pro-grid2,.bu-role-path,.bu-why,.bu-story-points,.bu-story-slices,.bu-pro-cmp) :is(article,li):hover{
  transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--bu-v200-a) 48%,#bed4dd)!important;box-shadow:0 20px 42px rgba(4,51,72,.13)!important
}}

/* Buttons and calls to action carry one strong product signature. */
html body.bu-public-unified main :is(.bu-btn-primary,.button-primary,.bu-pro a[class*="primary"],a.bu-story-cta){
  border:0!important;color:#fff!important;background:linear-gradient(135deg,var(--bu-v200-a),var(--bu-v200-b) 58%,var(--bu-v200-c))!important;
  box-shadow:0 12px 25px color-mix(in srgb,var(--bu-v200-b) 24%,transparent)!important;transition:transform .18s ease,box-shadow .18s ease!important
}
@media(hover:hover){html body.bu-public-unified main :is(.bu-btn-primary,.button-primary,.bu-pro a[class*="primary"],a.bu-story-cta):hover{transform:translateY(-2px)!important;box-shadow:0 17px 31px color-mix(in srgb,var(--bu-v200-b) 31%,transparent)!important}}

/* Short, one-time entrance animation; no perpetual compositor work. */
@keyframes bu-v200-enter{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
html body.bu-public-unified.bu-in :is(#h154-hero,.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-pro-hero,.bu-appdl-cinematic,.bu-give-hero,.bu-about-grid,.bu-tutor>.bu-ba-explain:first-child,.bu-mkt-kontakt>.bu-ba-explain:first-child)>*{
  animation:bu-v200-enter .56s cubic-bezier(.2,.72,.25,1) both
}
html body.bu-public-unified.bu-in :is(#h154-hero,.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-pro-hero,.bu-appdl-cinematic,.bu-give-hero,.bu-about-grid)>*:nth-child(2){animation-delay:.08s}
html body.bu-public-unified.bu-in :is(#h154-hero,.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-pro-hero,.bu-appdl-cinematic,.bu-give-hero,.bu-about-grid)>*:nth-child(3){animation-delay:.14s}

@media(max-width:900px){
  html body.bu-public-unified main::before{opacity:.11;background-size:920px auto}
  html body.bu-public-unified :is(#h154-hero,.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-pro-hero,.bu-appdl-cinematic,.bu-give-hero,.bu-about-grid,.bu-tutor>.bu-ba-explain:first-child,.bu-mkt-kontakt>.bu-ba-explain:first-child){
    border-radius:24px!important;box-shadow:0 14px 34px rgba(4,42,62,.11)!important;perspective:none
  }
  html body.bu-public-unified :is(#h154-hero,.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-pro-hero,.bu-appdl-cinematic,.bu-give-hero,.bu-about-grid)::after{width:220px;height:220px;right:-95px;top:-85px}
  html body.bu-public-unified :is(.bu-pro-grid3,.bu-pro-grid2,.bu-role-path,.bu-why,.bu-story-points,.bu-story-slices,.bu-pro-cmp) :is(article,li){box-shadow:0 8px 20px rgba(4,51,72,.065)!important}
}
@media(prefers-reduced-motion:reduce){
  html body.bu-public-unified.bu-in :is(#h154-hero,.bu-nx,.bu-story-hero,.bu-mkt-hero,.bu-pro-hero,.bu-appdl-cinematic,.bu-give-hero,.bu-about-grid,.bu-tutor>.bu-ba-explain:first-child,.bu-mkt-kontakt>.bu-ba-explain:first-child)>*{animation:none!important}
  html body.bu-public-unified *{transition-duration:.01ms!important}
}

/* v200.1 — real touch targets without making the navigation visually heavy. */
html body.bu-public-unified :is(.bu-loy-chip,.bu-rail-site){min-height:24px!important}
html body.bu-public-unified .h155-dots{gap:2px!important}
html body.bu-public-unified .h155-dots button{
  position:relative;width:24px!important;height:24px!important;background:transparent!important
}
html body.bu-public-unified .h155-dots button::after{
  content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:99px;
  transform:translate(-50%,-50%);background:rgba(198,237,237,.52);transition:width .2s ease,background .2s ease
}
html body.bu-public-unified .h155-dots button.is-active{width:34px!important}
html body.bu-public-unified .h155-dots button.is-active::after{width:24px;background:#61ead7}
html body.bu-public-unified :is(.bu-cookie-box,.bu-pub-foot) a{min-height:24px;display:inline-flex;align-items:center}

/* v201 — localized editorial scene for every public route. */
html body.bu-public-unified .bu-v201-story{
  --v201-a:var(--bu-v200-a,#12b8a6);--v201-b:var(--bu-v200-b,#1689df);
  width:min(1380px,calc(100% - 42px));margin:46px auto 22px;padding:clamp(22px,3.2vw,50px);
  display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(28px,5vw,74px);align-items:center;
  position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--v201-b) 26%,#cfe0e8);border-radius:34px;
  background:
    radial-gradient(720px 360px at 6% 0%,color-mix(in srgb,var(--v201-a) 14%,transparent),transparent 72%),
    linear-gradient(145deg,rgba(255,255,255,.98),color-mix(in srgb,var(--bu-v200-soft,#edf8fb) 82%,#fff));
  box-shadow:0 30px 80px rgba(3,44,64,.14),inset 0 1px 0 #fff;
  content-visibility:auto;contain-intrinsic-size:760px
}
html body.bu-public-unified .bu-v201-story::before{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.34;pointer-events:none;
  background-image:
    linear-gradient(30deg,transparent 49.4%,color-mix(in srgb,var(--v201-b) 15%,transparent) 50%,transparent 50.6%),
    radial-gradient(circle,color-mix(in srgb,var(--v201-b) 34%,transparent) 1px,transparent 1.7px);
  background-size:90px 90px,28px 28px;mask-image:linear-gradient(90deg,#000,transparent 68%)
}
html body.bu-public-unified .bu-v201-copy{position:relative;z-index:2;min-width:0}
html body.bu-public-unified .bu-v201-kicker{
  margin:0 0 14px;color:color-mix(in srgb,var(--v201-a) 82%,#06384d)!important;font-size:11px!important;font-weight:900!important;
  letter-spacing:.15em!important;text-transform:uppercase
}
html body.bu-public-unified .bu-v201-kicker::before{content:"";display:inline-block;width:30px;height:2px;margin:0 10px 3px 0;border-radius:9px;background:linear-gradient(90deg,var(--v201-a),var(--v201-b))}
html body.bu-public-unified .bu-v201-story h2{
  max-width:780px;margin:0;color:#061d2f!important;-webkit-text-fill-color:#061d2f!important;
  font-size:clamp(36px,4.3vw,72px)!important;line-height:.98!important;letter-spacing:-.057em!important;text-wrap:balance
}
html body.bu-public-unified .bu-v201-lead{max-width:720px;margin:22px 0 0;color:#36586a!important;font-size:clamp(15px,1.15vw,19px)!important;line-height:1.68!important}
html body.bu-public-unified .bu-v201-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px}
html body.bu-public-unified .bu-v201-proof span{
  min-height:78px;padding:13px 12px;border:1px solid rgba(135,173,191,.38);border-radius:17px;background:rgba(255,255,255,.76);
  color:#163c4f;font-size:12px;font-weight:800;line-height:1.25;box-shadow:0 8px 20px rgba(3,46,67,.055)
}
html body.bu-public-unified .bu-v201-proof b{display:block;margin-bottom:9px;color:var(--v201-b);font-size:10px;letter-spacing:.12em}
html body.bu-public-unified .bu-v201-faq{display:grid;gap:7px;margin-top:18px}
html body.bu-public-unified .bu-v201-faq details{border:1px solid rgba(132,169,186,.34);border-radius:15px;background:rgba(255,255,255,.64)}
html body.bu-public-unified .bu-v201-faq summary{min-height:48px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;color:#12394c;font-size:13px;font-weight:850;list-style:none}
html body.bu-public-unified .bu-v201-faq summary::-webkit-details-marker{display:none}
html body.bu-public-unified .bu-v201-faq summary i{display:grid;place-items:center;width:24px;height:24px;border-radius:9px;background:#e8f4f8;color:var(--v201-b);font-style:normal;transition:transform .2s ease}
html body.bu-public-unified .bu-v201-faq details[open] summary i{transform:rotate(45deg)}
html body.bu-public-unified .bu-v201-faq details p{margin:0;padding:0 15px 15px;color:#486878!important;font-size:13px!important;line-height:1.55!important}

html body.bu-public-unified .bu-v201-visual{
  min-height:clamp(400px,40vw,610px);margin:0;position:relative;overflow:hidden;border-radius:28px;
  background:#072b40;box-shadow:0 28px 58px rgba(1,32,50,.24),inset 0 0 0 1px rgba(255,255,255,.18);
  transform:perspective(1100px) rotateY(-2.4deg) rotateX(1deg);transform-origin:center right
}
html body.bu-public-unified .bu-v201-visual::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(135deg,rgba(2,25,42,.08),rgba(3,31,48,.15) 40%,rgba(1,25,42,.74));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)
}
html body.bu-public-unified .bu-v201-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.05)}
html body.bu-public-unified .bu-v201-story[data-scene="driver"] .bu-v201-visual>img{object-position:68% center}
html body.bu-public-unified .bu-v201-story[data-scene="company"] .bu-v201-visual>img{object-position:38% center}
html body.bu-public-unified .bu-v201-story[data-scene="mobile"] .bu-v201-visual>img{object-position:74% center}
html body.bu-public-unified .bu-v201-story[data-scene="tools"] .bu-v201-visual>img{object-position:28% center}
html body.bu-public-unified .bu-v201-visual figcaption{
  position:absolute;z-index:3;left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);align-items:center;gap:8px
}
html body.bu-public-unified .bu-v201-visual figcaption span{
  min-height:72px;padding:16px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.26);border-radius:18px;
  background:rgba(4,38,57,.83);color:#fff;font-size:14px;font-weight:850;box-shadow:0 16px 32px rgba(0,15,28,.3)
}
html body.bu-public-unified .bu-v201-visual figcaption .is-b{background:color-mix(in srgb,var(--v201-b) 78%,rgba(5,38,58,.84))}
html body.bu-public-unified .bu-v201-visual figcaption>i{height:2px;position:relative;background:linear-gradient(90deg,var(--v201-a),#fff,var(--v201-b));box-shadow:0 0 18px var(--v201-a)}
html body.bu-public-unified .bu-v201-visual figcaption>i::before,
html body.bu-public-unified .bu-v201-visual figcaption>i::after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--v201-a) 34%,transparent);transform:translateY(-50%)}
html body.bu-public-unified .bu-v201-visual figcaption>i::before{left:0}html body.bu-public-unified .bu-v201-visual figcaption>i::after{right:0}
html body.bu-public-unified .bu-v201-route{position:absolute;z-index:2;inset:0;pointer-events:none}
html body.bu-public-unified .bu-v201-route::before,
html body.bu-public-unified .bu-v201-route::after{content:"";position:absolute;border:1px solid rgba(91,232,218,.45);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-14deg)}
html body.bu-public-unified .bu-v201-route::before{width:60%;height:34%;left:10%;top:15%}
html body.bu-public-unified .bu-v201-route::after{width:48%;height:27%;right:7%;top:29%;border-color:rgba(92,168,255,.55);border-left-color:transparent;border-bottom-color:transparent}
html body.bu-public-unified .bu-v201-route i{position:absolute;width:9px;height:9px;border-radius:50%;background:#66ead7;box-shadow:0 0 0 7px rgba(102,234,215,.15),0 0 22px #66ead7}
html body.bu-public-unified .bu-v201-route i:nth-child(1){left:15%;top:40%}.bu-v201-route i:nth-child(2){left:48%;top:19%}.bu-v201-route i:nth-child(3){right:22%;top:40%}.bu-v201-route i:nth-child(4){right:10%;top:22%;background:#76aaff}
@media(hover:hover){
  html body.bu-public-unified .bu-v201-visual{transition:transform .42s cubic-bezier(.2,.72,.2,1),box-shadow .42s ease}
  html body.bu-public-unified .bu-v201-story:hover .bu-v201-visual{transform:perspective(1100px) rotateY(0) rotateX(0) translateY(-4px);box-shadow:0 36px 74px rgba(1,32,50,.28)}
}
@keyframes bu-v201-pulse{0%,100%{opacity:.58;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}
html body.bu-public-unified.bu-in .bu-v201-route i{animation:bu-v201-pulse 2.8s ease-in-out 2}
html body.bu-public-unified.bu-in .bu-v201-route i:nth-child(2){animation-delay:.3s}.bu-v201-route i:nth-child(3){animation-delay:.6s}.bu-v201-route i:nth-child(4){animation-delay:.9s}

@media(max-width:900px){
  html body.bu-public-unified .bu-v201-story{width:calc(100% - 18px);margin:25px auto 16px;padding:22px 16px 16px;grid-template-columns:1fr;gap:22px;border-radius:25px;contain-intrinsic-size:1100px}
  html body.bu-public-unified .bu-v201-story h2{font-size:clamp(34px,10vw,48px)!important}
  html body.bu-public-unified .bu-v201-lead{margin-top:15px;font-size:14px!important;line-height:1.6!important}
  html body.bu-public-unified .bu-v201-proof{gap:6px;margin-top:20px}
  html body.bu-public-unified .bu-v201-proof span{min-height:70px;padding:11px 9px;font-size:11px}
  html body.bu-public-unified .bu-v201-visual{min-height:410px;border-radius:21px;transform:none}
  html body.bu-public-unified .bu-v201-visual figcaption{left:12px;right:12px;bottom:12px;grid-template-columns:1fr 34px 1fr;gap:5px}
  html body.bu-public-unified .bu-v201-visual figcaption span{min-height:64px;padding:12px;font-size:11px;line-height:1.25}
}
@media(max-width:420px){
  html body.bu-public-unified .bu-v201-proof{grid-template-columns:1fr}
  html body.bu-public-unified .bu-v201-proof span{min-height:0;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:4px}
  html body.bu-public-unified .bu-v201-proof b{margin:0}
}
@media(prefers-reduced-motion:reduce){html body.bu-public-unified.bu-in .bu-v201-route i{animation:none!important}}

/* v202 — dense, fully painted public pages. Removes synthetic empty panels
   created by large content-visibility placeholders and unifies page rhythm. */
@supports(content-visibility:auto){
  html body.bu-public-unified main section,
  html body.bu-public-unified .bu-public-main-col>main>section,
  html body.bu-public-unified .bu-public-main-col>main>div,
  html body.bu-public-unified .bu-pub-foot,
  html body.bu-public-unified .bu-v201-story{
    content-visibility:visible!important;
    contain-intrinsic-size:0!important
  }
}

html body.bu-public-unified main.bu-pro{
  --bu-v202-gap:clamp(16px,2vw,26px)
}
html body.bu-public-unified main.bu-pro>section,
html body.bu-public-unified main.bu-pro>aside{
  margin-top:var(--bu-v202-gap)!important;
  margin-bottom:var(--bu-v202-gap)!important
}
html body.bu-public-unified main.bu-pro :is(.bu-pro-grid2,.bu-soft-flow,.bu-pro-close){
  min-height:0!important;height:auto!important
}
html body.bu-public-unified main.bu-pro .bu-pro-grid2{
  align-items:stretch!important;gap:14px!important
}
html body.bu-public-unified main.bu-pro .bu-pro-grid2>.bu-pro-tile{
  min-height:180px!important;height:auto!important;aspect-ratio:auto!important;
  padding:clamp(20px,2.2vw,32px)!important
}
html body.bu-public-unified main.bu-pro .bu-soft-flow{
  padding:clamp(22px,2.8vw,38px)!important
}
html body.bu-public-unified main.bu-pro .bu-soft-flow>div{
  gap:12px!important
}
html body.bu-public-unified main.bu-pro .bu-soft-flow article{
  min-height:0!important;height:auto!important;padding:20px!important
}
html body.bu-public-unified main.bu-pro .bu-pro-close{
  padding:0!important;margin-bottom:clamp(28px,4vw,54px)!important
}

html body.bu-public-unified :is(.bu-pro-hero,.bu-shell-hero,.bu-story-hero,.bu-mkt-hero,.bu-appdl-cinematic,.bu-give-hero) :is(h1,.bu-display){
  max-width:14ch!important;font-size:clamp(46px,5.6vw,78px)!important;
  line-height:.96!important;letter-spacing:-.052em!important;text-wrap:balance
}
html body.bu-public-unified main :is(.bu-pro-ba,.bu-stage,.bu-soft-flow,.bu-pro-split,.bu-dispo-stage,.bu-pro-steps,.bu-role-path,.bu-pro-more,.bu-pro-cmp,.bu-why,.bu-pro-price,.bu-story-parts,.bu-story-live,.bu-story-slices,.bu-story-points,.bu-story-faq,.bu-about-grid,.bu-tutor-split) h2{
  font-size:clamp(28px,3.2vw,48px)!important;line-height:1.03!important;
  letter-spacing:-.035em!important;text-wrap:balance
}
html body.bu-public-unified main :is(.bu-pro-story,.bu-pro-ba,.bu-stage,.bu-pro-grid3,.bu-pro-grid2,.bu-soft-flow,.bu-pro-split,.bu-dispo-stage,.bu-pro-steps,.bu-ai-limits,.bu-role-path,.bu-pro-more,.bu-pro-cmp,.bu-why,.bu-pro-price,.bu-story-parts,.bu-story-live,.bu-story-slices,.bu-story-points,.bu-story-faq,.bu-blog-tools,.bu-about-grid,.bu-tutor-split){
  scroll-margin-top:190px
}

html body.bu-public-unified .bu-v201-story{
  margin-top:clamp(24px,3.2vw,42px);margin-bottom:clamp(20px,2.8vw,34px);
  gap:clamp(26px,4vw,58px);padding:clamp(24px,3vw,44px)
}
html body.bu-public-unified .bu-v201-story h2{
  font-size:clamp(38px,4vw,64px)!important;line-height:1!important;letter-spacing:-.05em!important
}
html body.bu-public-unified .bu-v201-visual{
  min-height:clamp(360px,35vw,540px)
}
html body.bu-public-unified .bu-seo-market-stage{
  margin-top:clamp(20px,2.7vw,34px)!important;margin-bottom:clamp(26px,3vw,44px)!important
}

@media(max-width:900px){
  html body.bu-public-unified main.bu-pro{--bu-v202-gap:14px}
  html body.bu-public-unified main.bu-pro>section,
  html body.bu-public-unified main.bu-pro>aside{margin-top:14px!important;margin-bottom:14px!important}
  html body.bu-public-unified :is(.bu-pro-hero,.bu-shell-hero,.bu-story-hero,.bu-mkt-hero,.bu-appdl-cinematic,.bu-give-hero) :is(h1,.bu-display){
    max-width:100%!important;font-size:clamp(32px,9vw,43px)!important;
    line-height:.98!important;letter-spacing:-.044em!important
  }
  html body.bu-public-unified main :is(.bu-pro-ba,.bu-stage,.bu-soft-flow,.bu-pro-split,.bu-dispo-stage,.bu-pro-steps,.bu-role-path,.bu-pro-more,.bu-pro-cmp,.bu-why,.bu-pro-price,.bu-story-parts,.bu-story-live,.bu-story-slices,.bu-story-points,.bu-story-faq,.bu-about-grid,.bu-tutor-split) h2{
    font-size:clamp(26px,7.5vw,34px)!important;line-height:1.04!important
  }
  html body.bu-public-unified main.bu-pro .bu-pro-grid2{
    grid-template-columns:1fr!important;gap:10px!important
  }
  html body.bu-public-unified main.bu-pro .bu-pro-grid2>.bu-pro-tile{
    min-height:0!important;padding:19px!important
  }
  html body.bu-public-unified main.bu-pro .bu-soft-flow{
    padding:20px 16px!important
  }
  html body.bu-public-unified main.bu-pro .bu-soft-flow>div{
    grid-template-columns:1fr 1fr!important;gap:8px!important
  }
  html body.bu-public-unified main.bu-pro .bu-soft-flow article{
    padding:15px!important;border-radius:16px!important
  }
  html body.bu-public-unified .bu-v201-story{
    margin:16px auto 14px!important;padding:20px 15px 15px!important;gap:16px!important
  }
  html body.bu-public-unified .bu-v201-story h2{
    font-size:clamp(30px,8.5vw,40px)!important;line-height:1.01!important;letter-spacing:-.043em!important
  }
  html body.bu-public-unified .bu-v201-lead{margin-top:12px!important;line-height:1.5!important}
  html body.bu-public-unified .bu-v201-proof{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:16px!important
  }
  html body.bu-public-unified .bu-v201-proof span{
    min-height:64px!important;display:block!important;padding:10px 8px!important;font-size:10px!important
  }
  html body.bu-public-unified .bu-v201-proof b{margin:0 0 7px!important}
  html body.bu-public-unified .bu-v201-faq{margin-top:12px!important}
  html body.bu-public-unified .bu-v201-faq summary{min-height:44px!important;padding:10px 12px!important;font-size:12px!important}
  html body.bu-public-unified .bu-v201-visual{min-height:310px!important;border-radius:18px!important}
  html body.bu-public-unified .bu-v201-visual figcaption span{min-height:54px!important;padding:10px!important}
  html body.bu-public-unified .bu-seo-market-stage{margin-top:14px!important;margin-bottom:22px!important}
}

@media(max-width:430px){
  html body.bu-public-unified main.bu-pro .bu-soft-flow>div{grid-template-columns:1fr!important}
  html body.bu-public-unified .bu-v201-proof{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* v203 — dark navigation cockpit and editorial product statement */
html body.bu-public-unified .bu-global-chrome{
  isolation:isolate!important;
  background:
    radial-gradient(640px 150px at 78% -30%,rgba(35,215,199,.28),transparent 66%),
    linear-gradient(112deg,#061d31 0%,#073b4d 54%,#087a70 100%)!important;
  border-bottom:1px solid rgba(116,236,223,.34)!important;
  box-shadow:0 14px 34px rgba(3,29,46,.2)!important
}
html body.bu-public-unified .bu-global-chrome .bu-board-header,
html body.bu-public-unified .bu-global-chrome .bu-market-nav{background:transparent!important}
html body.bu-public-unified .bu-global-chrome .bu-board-header-inner{position:relative!important;z-index:2!important}
html body.bu-public-unified .bu-global-chrome .bu-board-brand-system strong,
html body.bu-public-unified .bu-global-chrome .bu-board-brand-system small,
html body.bu-public-unified .bu-global-chrome .bu-board-header-context,
html body.bu-public-unified .bu-global-chrome .bu-board-header-context strong,
html body.bu-public-unified .bu-global-chrome .bu-mobile-brand-copy strong,
html body.bu-public-unified .bu-global-chrome .bu-mobile-brand-copy small{color:#f4fdff!important}
html body.bu-public-unified .bu-global-chrome .bu-board-brand-lab{
  color:#eafffb!important;background:rgba(17,190,169,.2)!important;border:1px solid rgba(109,240,223,.34)!important
}
html body.bu-public-unified .bu-global-chrome :is(.bu-header-app-launcher,.bu-lang-btn,.bu-header-sound,.bu-bell,.bu-board-login,.bu-public-menu-button){
  color:#effdff!important;background:rgba(245,255,255,.09)!important;border:1px solid rgba(202,248,243,.3)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 7px 18px rgba(0,20,34,.16)!important;
  backdrop-filter:blur(10px)!important
}
html body.bu-public-unified .bu-global-chrome :is(.bu-header-app-launcher,.bu-lang-btn,.bu-header-sound,.bu-bell,.bu-board-login):hover{
  background:rgba(245,255,255,.16)!important;border-color:rgba(192,255,244,.58)!important;transform:translateY(-1px)
}
html body.bu-public-unified .bu-global-chrome .bu-header-app-launcher strong,
html body.bu-public-unified .bu-global-chrome .bu-header-app-launcher small,
html body.bu-public-unified .bu-global-chrome .bu-lang-btn-meta b,
html body.bu-public-unified .bu-global-chrome .bu-lang-btn-meta small{color:#f2feff!important}
html body.bu-public-unified .bu-global-chrome .bu-header-app-launcher-icons{
  color:#032c42!important;background:linear-gradient(145deg,#d9fff8,#63e6d2)!important;border-color:rgba(255,255,255,.7)!important
}
html body.bu-public-unified .bu-global-chrome .bu-board-register{
  color:#fff!important;background:linear-gradient(135deg,#11bf9e,#0b8dc4)!important;border-color:rgba(177,255,241,.62)!important;
  box-shadow:0 9px 24px rgba(0,31,49,.28),inset 0 1px rgba(255,255,255,.28)!important
}
html body.bu-public-unified .bu-global-chrome .bu-board-register :is(b,small){color:#fff!important}
html body.bu-public-unified .bu-global-chrome .bu-market-nav{border-top:1px solid rgba(203,250,244,.14)!important}
html body.bu-public-unified .bu-global-chrome .bu-board-tab{
  color:#dff9f7!important;background:rgba(255,255,255,.07)!important;border-color:rgba(205,251,245,.2)!important
}
html body.bu-public-unified .bu-global-chrome .bu-board-tab.is-on{
  color:#052e43!important;background:linear-gradient(135deg,#e9fffb,#9ff3e2)!important;border-color:#d7fff8!important
}
html body.bu-public-unified .bu-global-chrome :is(.bu-lang-menu,.bu-sound-pop){color:#0c3449!important;background:#fff!important}
html body.bu-public-unified .bu-global-chrome .bu-lang-menu :is(a,p,b,small,span){color:inherit}

html body.bu-product-page .bu-public-subnav{
  background:linear-gradient(90deg,rgba(5,31,49,.985),rgba(8,75,82,.98))!important;
  border-color:rgba(110,225,213,.27)!important;box-shadow:0 8px 22px rgba(3,31,48,.12)!important
}
html body.bu-product-page .bu-public-subnav-label{color:#73e8d7!important;border-color:rgba(132,237,222,.26)!important}
html body.bu-product-page .bu-public-subnav a,
html body.bu-product-page .bu-public-subnav button{color:#eafcff!important}
html body.bu-product-page .bu-public-subnav a:hover{background:rgba(255,255,255,.09)!important}
html body.bu-product-page .bu-public-subnav a.is-on,
html body.bu-product-page .bu-public-subnav a[aria-current="page"]{
  color:#063e4b!important;background:linear-gradient(135deg,#bdfaed,#7ee9d7)!important;border-color:#d6fff7!important;
  box-shadow:0 5px 14px rgba(0,24,39,.18)!important
}
html body.bu-product-page .bu-public-subnav-more>button{
  color:#fff!important;background:linear-gradient(135deg,#13b799,#168ed2)!important;border-color:rgba(187,253,244,.45)!important
}

html body.bu-public-unified main.bu-pro .bu-pro-story.bu-story-v203{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(250px,.62fr)!important;
  align-items:end!important;min-height:320px!important;padding:0!important;overflow:hidden!important;
  border:1px solid rgba(142,232,220,.32)!important;border-radius:28px!important;
  box-shadow:0 26px 70px rgba(4,35,52,.18)!important
}
html body.bu-public-unified main.bu-pro .bu-pro-story.bu-story-v203:before{
  content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(3,24,38,.98) 0 50%,rgba(3,31,44,.8) 70%,rgba(3,35,49,.3) 100%)!important;pointer-events:none
}
html body.bu-public-unified .bu-story-v203 .bu-story-copy{
  position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:center;max-width:720px;padding:44px 44px 42px!important
}
html body.bu-public-unified .bu-story-v203 .bu-story-kicker{
  display:flex;align-items:center;gap:9px;margin:0 0 16px!important;color:#7df1dc!important;font-size:11px!important;font-weight:900!important;
  letter-spacing:.17em!important;text-transform:uppercase!important
}
html body.bu-public-unified .bu-story-v203 .bu-story-kicker:before{content:"";width:28px;height:2px;border-radius:99px;background:#36d8bd;box-shadow:0 0 18px rgba(54,216,189,.8)}
html body.bu-public-unified .bu-story-v203 h2{
  max-width:690px;margin:0!important;color:#fff!important;font-size:clamp(30px,3.1vw,50px)!important;font-weight:900!important;
  line-height:1.01!important;letter-spacing:-.04em!important;text-wrap:balance!important
}
html body.bu-public-unified .bu-story-v203 .bu-story-lead{
  max-width:650px;margin:18px 0 0!important;color:#cce0e8!important;font-size:clamp(15px,1.25vw,18px)!important;font-weight:580!important;
  line-height:1.58!important;text-wrap:pretty!important
}
html body.bu-public-unified .bu-story-v203 .bu-story-signal{
  position:relative;z-index:2;align-self:stretch;display:grid;place-content:end;padding:28px!important
}
html body.bu-public-unified .bu-story-v203 .bu-story-signal>div{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(100%,330px);padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:20px;
  background:rgba(4,35,48,.66);box-shadow:0 18px 45px rgba(0,18,30,.28);backdrop-filter:blur(14px)
}
html body.bu-public-unified .bu-story-v203 .bu-story-signal i{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;background:linear-gradient(145deg,rgba(56,222,195,.9),rgba(34,126,211,.78));box-shadow:inset 0 1px rgba(255,255,255,.28)}
html body.bu-public-unified .bu-story-v203 .bu-story-signal i:before{content:"";width:10px;height:10px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.12)}

@media(max-width:860px){
  html body.bu-public-unified .bu-global-chrome .bu-board-header{min-height:72px!important}
  html body.bu-public-unified .bu-global-chrome .bu-board-brand-system{display:flex!important}
  html body.bu-product-page .bu-public-subnav{background:linear-gradient(90deg,#06243a,#08756e)!important}
  html body.bu-public-unified main.bu-pro .bu-pro-story.bu-story-v203{grid-template-columns:1fr!important;min-height:0!important;border-radius:22px!important}
  html body.bu-public-unified main.bu-pro .bu-pro-story.bu-story-v203:before{background:linear-gradient(180deg,rgba(3,24,38,.98) 0 72%,rgba(4,52,61,.92))!important}
  html body.bu-public-unified .bu-story-v203 .bu-story-copy{padding:27px 22px 20px!important}
  html body.bu-public-unified .bu-story-v203 h2{font-size:clamp(28px,8.3vw,38px)!important}
  html body.bu-public-unified .bu-story-v203 .bu-story-lead{margin-top:14px!important;font-size:14px!important;line-height:1.54!important}
  html body.bu-public-unified .bu-story-v203 .bu-story-signal{padding:0 22px 22px!important}
  html body.bu-public-unified .bu-story-v203 .bu-story-signal>div{width:100%;max-width:none;height:50px;padding:7px;border-radius:16px}
  html body.bu-public-unified .bu-story-v203 .bu-story-signal i{aspect-ratio:auto;border-radius:11px}
}

@media(prefers-reduced-motion:no-preference){
  html body.bu-public-unified .bu-global-chrome :is(.bu-header-app-launcher,.bu-lang-btn,.bu-header-sound,.bu-bell,.bu-board-login),
  html body.bu-product-page .bu-public-subnav a{transition:transform .18s ease,background-color .18s ease,border-color .18s ease!important}
  html body.bu-public-unified .bu-story-v203 .bu-story-signal i{animation:bu-v203-signal 3.6s ease-in-out infinite}
  html body.bu-public-unified .bu-story-v203 .bu-story-signal i:nth-child(2){animation-delay:.2s}
  html body.bu-public-unified .bu-story-v203 .bu-story-signal i:nth-child(3){animation-delay:.4s}
}
@keyframes bu-v203-signal{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* v203.1 — win the compact mobile cascade without touching menus */
@media(max-width:860px){
  html body.bu-public-unified.bu-product-page .bu-global-chrome{
    background:
      radial-gradient(420px 110px at 76% -20%,rgba(35,215,199,.3),transparent 68%),
      linear-gradient(112deg,#061d31 0%,#073b4d 56%,#087a70 100%)!important;
    border-bottom-color:rgba(116,236,223,.34)!important
  }
  html body.bu-public-unified.bu-product-page main.bu-pro .bu-story-v203 .bu-story-lead{
    margin-top:14px!important;color:#cce0e8!important;font-size:14px!important;font-weight:580!important;line-height:1.54!important
  }
  html body.bu-public-unified.bu-product-page main.bu-pro .bu-story-v203 .bu-story-kicker{
    margin-bottom:13px!important;color:#7df1dc!important;font-size:10px!important;font-weight:900!important
  }
}

/* v203.2 — exact mobile shell specificity */
@media(max-width:900px){
  html body.bu-public-unified.bu-product-page.bu-shell-unified.bu-public-inner .bu-global-chrome,
  html body.bu-public-unified.bu-shell-unified.bu-has-public-dock .bu-global-chrome{
    background:
      radial-gradient(420px 110px at 76% -20%,rgba(35,215,199,.3),transparent 68%),
      linear-gradient(112deg,#061d31 0%,#073b4d 56%,#087a70 100%)!important;
    border-bottom-color:rgba(116,236,223,.34)!important
  }
  html body.bu-public-unified.bu-product-page.bu-shell-unified.bu-public-inner .bu-global-chrome .bu-board-header-right :is(.bu-public-menu-button,.bu-lang-btn,.bu-header-sound,.bu-bell,.bu-board-login),
  html body.bu-public-unified.bu-shell-unified.bu-has-public-dock .bu-global-chrome .bu-board-header-right :is(.bu-public-menu-button,.bu-lang-btn,.bu-header-sound,.bu-bell,.bu-board-login){
    color:#effdff!important;background:rgba(245,255,255,.1)!important;border-color:rgba(202,248,243,.3)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.18),0 7px 18px rgba(0,20,34,.16)!important
  }
}


