/* LE0N Stairs Studio 10.3.1 — static header & compact aligned actions */
.topbar {
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  height:94px!important;
  min-height:94px!important;
  padding:6px clamp(16px,2vw,34px)!important;
  z-index:20!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:#fdfbf8!important;
  border-bottom:1px solid rgba(26,58,42,.1)!important;
  box-shadow:0 4px 20px rgba(27,42,31,.055)!important;
}
.topbar .brand {
  display:flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:0;
}
.topbar .brand-mark {
  width:clamp(185px,20vw,266px)!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  line-height:0!important;
}
.topbar .brand-mark img { width:100%!important; height:auto!important; max-height:84px!important; object-fit:contain!important; }
.topbar .top-actions {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
  min-width:0!important;
}
/* All 3 controls share a uniform height and vertical baseline. */
.topbar .top-actions > .locale,
.topbar .top-actions > .leon-demo-nav-link,
.topbar .top-actions > #resetTop {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:41px!important;
  height:41px!important;
  margin:0!important;
  line-height:1.15!important;
  border-radius:12px!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  font:650 12px/1.15 Inter,system-ui,sans-serif!important;
}
.topbar .top-actions > .locale {
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  padding:0!important;
  border:1px solid #d2dbd1!important;
  background:#fffdf9!important;
  box-shadow:0 4px 14px rgba(21,49,34,.07)!important;
  overflow:hidden!important;
}
.topbar .top-actions > .locale::before { content:none!important; display:none!important; }
.topbar .top-actions > .locale select {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0 8px 0 12px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  font:650 12px/1.1 Inter,system-ui,sans-serif!important;
  color:#193b2e!important;
  cursor:pointer!important;
  outline-offset:-3px;
  appearance:auto;
}
.topbar .top-actions > .leon-demo-nav-link {
  padding:0 13px!important;
  border:1px solid #bdcfc3!important;
  color:#285540!important;
  background:#fafbf8!important;
  text-decoration:none!important;
}
.topbar .top-actions > #resetTop {
  padding:0 14px!important;
  border:1px solid #dedbd4!important;
  color:#393a37!important;
  background:#fffdfa!important;
  box-shadow:0 4px 14px rgba(21,49,34,.04)!important;
}
.topbar .top-actions :is(select,button,a):focus-visible {outline:2px solid #bb8e51!important;outline-offset:2px!important;}
.topbar .top-actions > .leon-demo-nav-link:hover,
.topbar .top-actions > #resetTop:hover {background:#eff4ec!important;transform:translateY(-1px);}
/* The header scrolls away; targets no longer require a sticky-header offset. */
#leonBusinessPricing {scroll-margin-top:18px!important;}
@media (max-width:820px) {
  .topbar {height:80px!important;min-height:80px!important;padding:5px 12px!important;gap:9px!important;}
  .topbar .brand-mark {width:clamp(145px,24vw,196px)!important;}
  .topbar .top-actions{gap:6px!important;}
  .topbar .top-actions > .locale {width:114px!important;min-width:114px!important;max-width:114px!important;}
  .topbar .top-actions > .locale select {padding-left:5px!important;font-size:11px!important;}
  .topbar .top-actions > .leon-demo-nav-link {padding:0 9px!important;font-size:11px!important;}
  .topbar .top-actions > #resetTop {padding:0 9px!important;font-size:11px!important;}
}
@media (max-width:650px) {
  .topbar {height:auto!important;min-height:73px!important;gap:6px!important;padding:9px 10px!important;}
  .topbar .brand-mark {width:clamp(112px,31vw,162px)!important;}
  .topbar .top-actions > .leon-demo-nav-link {display:none!important;}
  .topbar .top-actions > .locale,
  .topbar .top-actions > #resetTop {height:38px!important;min-height:38px!important;}
  .topbar .top-actions > .locale {width:111px!important;min-width:111px!important;max-width:111px!important;}
  .topbar .top-actions > #resetTop {max-width:128px!important;white-space:normal!important;text-align:center!important;font-size:10px!important;}
}
@media (max-width:385px) {
  .topbar .brand-mark {width:105px!important;}
  .topbar .top-actions > .locale {width:104px!important;min-width:104px!important;max-width:104px!important;}
  .topbar .top-actions > #resetTop {max-width:92px!important;font-size:9px!important;}
}
@media (prefers-reduced-motion:reduce) {
  .topbar .top-actions > .leon-demo-nav-link:hover,
  .topbar .top-actions > #resetTop:hover {transform:none;}
}

/* Compatibility: retain data binding without visible lockup */
.topbar .brand-lockup{display:none!important}