:root{--site-nav-height:82px}
html{scroll-padding-top:calc(var(--site-nav-height) + 18px)}
body{padding-top:var(--site-nav-height)!important}

.navbar-appcloud{
  position:fixed!important;inset:0 0 auto 0!important;z-index:3000!important;
  height:var(--site-nav-height);padding:0!important;
  display:flex;align-items:center;
  background:rgba(4,13,27,.88)!important;
  border-bottom:1px solid rgba(121,190,255,.13)!important;
  box-shadow:0 12px 35px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);
  transition:height .22s ease,background .22s ease,box-shadow .22s ease;
}
.navbar-appcloud.navbar-scrolled{height:72px;background:rgba(3,11,23,.96)!important;box-shadow:0 14px 38px rgba(0,0,0,.28)!important}
.navbar-container-pro{width:min(1480px,calc(100% - 42px))!important;max-width:none!important;height:100%;display:grid!important;grid-template-columns:minmax(190px,1fr) auto minmax(300px,1fr);align-items:center;gap:24px!important}
.navbar-brand-app{min-width:0!important;width:max-content;display:flex!important;align-items:center;gap:11px!important;color:#fff!important}
.navbar-logo{width:auto!important;height:48px!important;max-width:170px;object-fit:contain!important;transition:height .22s ease}
.navbar-scrolled .navbar-logo{height:42px!important}
.navbar-brand-copy{display:none;line-height:1.05}.navbar-brand-copy strong,.navbar-brand-copy small{display:block}.navbar-brand-copy strong{font-size:16px}.navbar-brand-copy small{margin-top:4px;color:#8298b0;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.navbar-menu-pro{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:5px!important;border:1px solid rgba(121,190,255,.13)!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
.navbar-menu-pro .nav-link-app{position:relative;padding:10px 13px!important;border-radius:10px;color:#bdcde0!important;font-size:12px!important;font-weight:800!important;line-height:1!important;transition:.18s ease!important}
.navbar-menu-pro .nav-link-app:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
.navbar-menu-pro .nav-link-app.active{color:#06231a!important;background:linear-gradient(135deg,#56ec9a,#48c9f0)!important;box-shadow:0 8px 22px rgba(34,228,119,.18)!important}

.navbar-actions-pro{min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}
.site-theme-toggle,.mobile-menu-btn-pro{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border-radius:11px!important}
.navbar-actions-pro .btn-demo-pro,.navbar-actions-pro .btn-login-pro{min-height:42px!important;padding:0 16px!important;border-radius:11px!important;font-size:12px!important;font-weight:900!important}
.navbar-actions-pro .btn-demo-pro{background:linear-gradient(135deg,#28d67e,#2daeea)!important;box-shadow:0 9px 24px rgba(34,196,132,.22)!important}
.navbar-actions-pro .btn-login-pro{color:#c8e9ff!important;background:rgba(72,169,230,.08)!important;border:1px solid rgba(72,169,230,.25)!important}
.navbar-actions-pro .btn-login-pro:hover{color:#071729!important;background:#68ceff!important}
.navbar-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;background:transparent}.navbar-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#22e477,#28b7ff);box-shadow:0 0 12px #22e477}

html[data-theme="light"] .navbar-appcloud{background:rgba(248,251,253,.91)!important;border-bottom-color:rgba(21,67,105,.13)!important;box-shadow:0 12px 34px rgba(29,67,99,.11)!important}
html[data-theme="light"] .navbar-appcloud.navbar-scrolled{background:rgba(255,255,255,.97)!important;box-shadow:0 13px 36px rgba(29,67,99,.15)!important}
html[data-theme="light"] .navbar-menu-pro{background:rgba(229,238,246,.68)!important;border-color:rgba(21,67,105,.12)!important}
html[data-theme="light"] .navbar-menu-pro .nav-link-app{color:#354a61!important}
html[data-theme="light"] .navbar-menu-pro .nav-link-app:hover{color:#0a5f8c!important;background:#fff!important}
html[data-theme="light"] .navbar-menu-pro .nav-link-app.active{color:#052b20!important}
html[data-theme="light"] .navbar-brand-copy strong{color:#10233a}html[data-theme="light"] .navbar-brand-copy small{color:#60748a}

@media(max-width:1240px){
  .navbar-container-pro{grid-template-columns:150px auto minmax(250px,1fr);gap:14px!important}
  .navbar-menu-pro .nav-link-app{padding-inline:9px!important;font-size:11px!important}
  .navbar-actions-pro .btn-demo-pro,.navbar-actions-pro .btn-login-pro{padding-inline:12px!important}
}
@media(max-width:992px){
  :root{--site-nav-height:70px}
  .navbar-appcloud,.navbar-appcloud.navbar-scrolled{height:var(--site-nav-height)!important}
  .navbar-container-pro{width:calc(100% - 24px)!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .navbar-logo,.navbar-scrolled .navbar-logo{height:42px!important;max-width:145px}
  .navbar-actions-pro{gap:7px!important}
  .navbar-actions-pro .btn-demo-pro,.navbar-actions-pro .btn-login-pro{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important}
  .navbar-actions-pro .btn-demo-pro span,.navbar-actions-pro .btn-login-pro span{display:none!important}
  .mobile-menu-btn-pro{display:grid!important;place-items:center!important;color:#dbe8f8!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(121,190,255,.18)!important}
  .navbar-menu-pro{display:none!important;position:fixed!important;z-index:2999!important;top:calc(var(--site-nav-height) + 8px)!important;left:12px!important;right:12px!important;width:auto!important;padding:10px!important;grid-template-columns:1fr 1fr!important;gap:7px!important;border-radius:18px!important;background:rgba(5,16,30,.98)!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important}
  .navbar-menu-pro.active,.navbar-menu-pro.show{display:grid!important}
  .navbar-menu-pro .nav-link-app{padding:14px!important;text-align:center!important;border:1px solid rgba(255,255,255,.06)!important;background:rgba(255,255,255,.035)!important}
  html[data-theme="light"] .navbar-menu-pro{background:rgba(255,255,255,.98)!important;box-shadow:0 24px 70px rgba(29,67,99,.2)!important}
  html[data-theme="light"] .navbar-menu-pro .nav-link-app{border-color:rgba(21,67,105,.09)!important;background:#f2f7fa!important}
}
@media(max-width:520px){
  .navbar-container-pro{width:calc(100% - 18px)!important}
  .navbar-logo,.navbar-scrolled .navbar-logo{height:38px!important;max-width:125px}
  .site-theme-toggle,.mobile-menu-btn-pro,.navbar-actions-pro .btn-demo-pro,.navbar-actions-pro .btn-login-pro{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  .navbar-actions-pro .btn-demo-pro{display:none!important}
  .navbar-menu-pro{grid-template-columns:1fr!important;max-height:calc(100vh - 88px);overflow:auto}
}