html,body{margin:0;background:#1b1c1e;color:#e9e6e0;font-family:'IBM Plex Sans',system-ui,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{color:#d8ab77}
::selection{background:#b9884f;color:#1b1c1e}
input,textarea,select{font-family:'IBM Plex Sans',sans-serif}
input::placeholder,textarea::placeholder{color:#63666b}
[hidden]{display:none !important}
.zpx-spine > *,.zpx-2 > *,.zpx-3 > *{min-width:0}
.zpx-metarow > *,.zpx-shots > *{min-width:0}
.zpx-nav a{white-space:nowrap}
.zpx-header{
  background:transparent;
  border-bottom:1px solid transparent;
  transition:background-color .3s ease,backdrop-filter .3s ease,border-color .3s ease;
}
.zpx-header.is-scrolled{
  background:rgba(27,28,30,.9);
  backdrop-filter:blur(10px);
  border-bottom-color:rgba(255,255,255,.09);
}
.zpx-burger{display:none}
.zpx-burger-bar{width:18px;height:2px;background:#d8ab77;display:block}
.zpx-drawer{
  transform:translateX(100%);
  opacity:0;
  visibility:hidden;
  transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear .32s;
}
.zpx-drawer.open{
  transform:translateX(0);
  opacity:1;
  visibility:visible;
  transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .28s ease;
}
.lang-btn{background:transparent;color:#9a9da2}
.lang-btn.active{background:#d8ab77;color:#1b1c1e}
@media (max-width:1180px){.zpx-nav{gap:18px !important;font-size:11px !important}}
@media (max-width:700px){
  h1{font-size:34px !important;line-height:1.1 !important}
  h2{font-size:24px !important}
  .zpx-wrap{padding-left:20px !important;padding-right:20px !important}
  .zpx-sec{padding-top:56px !important}
  #metodologija .zpx-sec{padding-bottom:56px !important}
  .zpx-hero{height:auto !important;min-height:560px}
  .zpx-herotext{padding-top:calc(var(--zpx-header-h, 74px) + 56px) !important;padding-bottom:72px !important}
  .zpx-pcard{aspect-ratio:4/3 !important}
  .zpx-card{padding:26px 22px !important}
  .zpx-band{padding:22px 20px !important}
  .zpx-aside{border-left:none !important;border-top:1px solid rgba(255,255,255,.09) !important;padding:28px 0 0 0 !important}
  .zpx-hero-cta a{width:100%;text-align:center}
  .zpx-hero-note{display:none !important}
  .zpx-strip-bar{display:none !important}
  #kontakt.zpx-sec{padding-bottom:64px !important}
  #kontakt > .zpx-spine > div:first-child,
  #kontakt h2,
  #kontakt > .zpx-spine p,
  #kontakt .zpx-aside{text-align:center}
  .zpx-footer{grid-template-columns:1fr !important;justify-items:center !important;text-align:center !important}
  .zpx-footer-spacer{display:none !important}}
@media (max-width:1100px){
  .zpx-burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
  .zpx-navcta{display:none}
  .zpx-header-lang{display:none !important}
  .zpx-drawer a{padding:15px 0;border-bottom:1px solid rgba(216,171,119,.25)}
  .zpx-drawer a:hover{color:#e9e6e0}
}
@media (max-width:1100px){.zpx-nav{display:none !important}.zpx-spine{grid-template-columns:1fr !important;gap:28px !important}.zpx-2{grid-template-columns:1fr !important}.zpx-3{grid-template-columns:1fr !important}.zpx-strip{white-space:normal !important;flex-wrap:wrap;gap:14px 0}}
@media (max-width:1100px){.zpx-4{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:700px){
  .zpx-metarow{grid-template-columns:repeat(2,1fr) !important}
  .zpx-metarow > div{padding:16px 0 !important;border-right:none !important;border-bottom:1px solid rgba(255,255,255,.09) !important}
  .zpx-shots{grid-template-columns:repeat(2,1fr) !important}
  .zpx-dchero{height:auto !important;min-height:400px}
}