header{position:sticky!important;top:0;z-index:20;background:#fffffff2!important;backdrop-filter:blur(12px);border-bottom:1px solid #dbe7e5!important}
header .nav{height:72px;display:flex;align-items:center;gap:24px}
header .brand img{display:block;width:auto;height:34px;max-width:165px}
header .nav nav,header .navlinks{display:flex;align-items:center;gap:6px;margin-left:auto}
header .nav nav a,header .navlinks a{padding:10px 13px;border-radius:9px;text-decoration:none!important;font-weight:750;color:#526267}
header .nav nav a:hover,header .nav nav a.active,header .navlinks a:hover,header .navlinks a.active{background:#edf6f4;color:#0d7569}
header .langs{display:flex;gap:4px}
header .langs button{padding:7px 8px;border:0;border-radius:8px;background:transparent;color:#667579;font-weight:800;cursor:pointer}
header .langs button.active{background:#143137;border-color:#143137;color:#fff}
.hero{padding:54px 0 92px!important;background:linear-gradient(135deg,#103f46,#116f68)!important}
.hero h1{font-size:42px;line-height:1.08;letter-spacing:-.035em}
.hero p{color:#d6e8e5}
.search-panel{margin-top:-48px!important}
@media(max-width:700px){
 header .brand img{height:29px;max-width:140px}
 header .nav{height:auto!important;min-height:64px;flex-wrap:wrap;gap:8px!important;padding:9px 0!important}
 header .nav nav,header .navlinks{display:flex!important;order:3;width:100%;margin:0!important;overflow-x:auto;scrollbar-width:none}
 header .nav nav::-webkit-scrollbar,header .navlinks::-webkit-scrollbar{display:none}
 header .nav nav>a,header .nav nav>a:not(.selection-indicator),header .navlinks>a{display:block!important;flex:0 0 auto;white-space:nowrap}
 header .langs{width:auto!important;margin-left:auto}
 .hero{padding:36px 0 76px!important}
 .hero h1{font-size:33px!important}
 .search-panel{margin-top:-42px!important}
}
