.admin-bar .site-header{
top:32px;
}

.site-header{
position:fixed;
top:0;
left:0;
right:0;
z-index:1000;
padding:0;
background:transparent;
transition:padding .28s ease, transform .28s ease;
}

.site-header::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
width:100%;
height:90px;
border-radius:0;
background:
linear-gradient(180deg, rgba(7, 23, 34, 0.97), rgba(4, 16, 26, 0.93));
border-bottom:1px solid rgba(255,255,255,.06);
box-shadow:
0 16px 42px rgba(0,0,0,.16),
inset 0 1px 0 rgba(255,255,255,.05);
backdrop-filter:blur(18px);
pointer-events:none;
transition:height .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.site-header::after{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:108px;
background:
radial-gradient(circle at 50% 0%, rgba(95,201,223,.09), transparent 40%);
filter:blur(20px);
opacity:.48;
pointer-events:none;
}

.site-header.header-scrolled{
padding-top:0;
}

.site-header.header-scrolled::before{
height:82px;
background:linear-gradient(180deg, rgba(5, 20, 31, 0.97), rgba(4, 16, 26, 0.94));
border-bottom-color:rgba(95,201,223,.1);
box-shadow:
0 18px 44px rgba(0,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.05);
}

.header-inner{
position:relative;
z-index:2;
display:grid;
grid-template-columns:auto minmax(0, 1fr) auto;
align-items:center;
gap:24px;
min-height:90px;
padding-top:0;
}

.header-brand{
display:flex;
align-items:center;
justify-self:start;
min-width:0;
}

.logo{
display:flex;
align-items:center;
min-width:0;
}

.logo a{
display:inline-flex;
align-items:center;
min-width:0;
}

.logo img{
height:46px;
width:auto;
display:block;
filter:drop-shadow(0 8px 18px rgba(95,201,223,.14));
}

.main-nav{
min-width:0;
display:flex;
justify-content:center;
justify-self:center;
}

.main-nav .main-menu-list,
.main-nav .menu{
display:flex;
align-items:center;
justify-content:center;
min-width:0;
}

.main-nav .main-menu-list,
.main-nav .menu > ul{
display:flex;
align-items:center;
justify-content:center;
position:relative;
gap:0;
list-style:none;
margin:0;
padding:0;
min-width:0;
border-radius:0;
background:transparent;
border:0;
box-shadow:none;
isolation:auto;
}

.main-nav li{
margin:0;
padding:0;
list-style:none;
position:relative;
}

.main-nav .menu-item-has-children{
position:relative;
}

.main-nav .main-menu-list > li + li::before,
.main-nav .menu > ul > li + li::before{
content:"";
position:absolute;
top:50%;
height:14px;
transform:translateY(-50%);
inset-inline-start:0;
width:1px;
background:rgba(255,255,255,.08);
pointer-events:none;
}

.main-nav .menu-item-has-children::after{
content:"";
position:absolute;
top:100%;
right:0;
left:0;
height:30px;
}

.main-nav a{
display:inline-flex;
align-items:center;
justify-content:center;
position:relative;
min-height:42px;
padding:0 18px;
border-radius:13px;
border:1px solid transparent;
color:rgba(233,241,244,.86);
font-size:15px;
font-weight:800;
text-decoration:none;
white-space:nowrap;
text-shadow:0 1px 0 rgba(0,0,0,.22);
transition:color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .25s ease;
}

.header-action-btn__label{
line-height:1;
}

.header-action-btn__icon{
--menu-icon-bg-start:rgba(17,143,166,.18);
--menu-icon-bg-end:rgba(7,27,40,.96);
--menu-icon-border:rgba(95,201,223,.14);
--menu-icon-color:#86e3f3;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 30px;
width:30px;
height:30px;
border-radius:11px;
background:linear-gradient(180deg, var(--menu-icon-bg-start), var(--menu-icon-bg-end));
border:1px solid var(--menu-icon-border);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 10px 22px rgba(0,0,0,.18);
color:var(--menu-icon-color);
transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, color .25s ease, background .25s ease;
}

.header-action-btn__icon svg{
width:16px;
height:16px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:1.85;
stroke-linecap:round;
stroke-linejoin:round;
}

.byanati-menu-link__icon--home{
--menu-icon-bg-start:rgba(67,145,221,.24);
--menu-icon-bg-end:rgba(11,31,46,.95);
--menu-icon-border:rgba(127,215,255,.22);
--menu-icon-color:#8ddfff;
}

.byanati-menu-link__icon--services{
--menu-icon-bg-start:rgba(69,204,214,.24);
--menu-icon-bg-end:rgba(8,39,49,.95);
--menu-icon-border:rgba(113,240,226,.2);
--menu-icon-color:#89f1ea;
}

.byanati-menu-link__icon--products{
--menu-icon-bg-start:rgba(95,201,223,.26);
--menu-icon-bg-end:rgba(8,35,48,.95);
--menu-icon-border:rgba(95,201,223,.24);
--menu-icon-color:#92f1ff;
}

.byanati-menu-link__icon--works{
--menu-icon-bg-start:rgba(120,171,255,.22);
--menu-icon-bg-end:rgba(12,32,48,.95);
--menu-icon-border:rgba(148,196,255,.2);
--menu-icon-color:#9fc8ff;
}

.byanati-menu-link__icon--support{
 --menu-icon-bg-start:rgba(103,235,201,.18);
 --menu-icon-bg-end:rgba(10,36,41,.95);
 --menu-icon-border:rgba(120,245,213,.18);
 --menu-icon-color:#9af3d6;
}

.byanati-menu-link__icon--account{
 --menu-icon-bg-start:rgba(87,178,255,.18);
 --menu-icon-bg-end:rgba(10,30,46,.95);
 --menu-icon-border:rgba(120,194,255,.18);
 --menu-icon-color:#9ed7ff;
}

.byanati-menu-link__icon--about{
--menu-icon-bg-start:rgba(255,193,94,.22);
--menu-icon-bg-end:rgba(44,31,12,.95);
--menu-icon-border:rgba(255,210,132,.2);
--menu-icon-color:#ffd483;
}

.byanati-menu-link__icon--contact{
--menu-icon-bg-start:rgba(255,122,122,.2);
--menu-icon-bg-end:rgba(45,21,28,.95);
--menu-icon-border:rgba(255,149,149,.2);
--menu-icon-color:#ffb1b1;
}

.byanati-menu-link__icon--default{
--menu-icon-bg-start:rgba(186,206,255,.18);
--menu-icon-bg-end:rgba(17,29,47,.95);
--menu-icon-border:rgba(188,206,255,.16);
--menu-icon-color:#d2ddff;
}

.main-nav a::after{
content:"";
position:absolute;
left:50%;
bottom:6px;
width:20px;
height:2px;
border-radius:999px;
background:#8edff0;
opacity:0;
transform:translateX(-50%) scaleX(.35);
transition:transform .25s ease, opacity .25s ease, background .25s ease;
}

.main-nav a:hover{
color:#fff;
background:rgba(255,255,255,.03);
border-color:rgba(255,255,255,.04);
box-shadow:none;
transform:translateY(-1px);
}

.main-nav a:hover::after,
.main-nav .current-menu-item > a::after,
.main-nav .current_page_item > a::after,
.main-nav .current-menu-ancestor > a::after{
opacity:1;
transform:translateX(-50%) scaleX(1);
}

.header-action-btn:hover .header-action-btn__icon,
.header-action-btn.is-active .header-action-btn__icon{
transform:translateY(-1px) scale(1.04);
border-color:rgba(255,255,255,.24);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 14px 28px rgba(0,0,0,.22);
}

.main-nav .current-menu-item > a,
.main-nav .current_page_item > a,
.main-nav .current-menu-ancestor > a{
color:#fff;
background:linear-gradient(180deg, rgba(19, 61, 78, 0.94), rgba(9, 35, 48, 0.9));
border-color:rgba(95,201,223,.24);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 14px 28px rgba(3, 17, 27, .18);
}

.main-nav .menu-item-has-children > a{
gap:8px;
}

.main-nav .menu-item-has-children > a::before{
content:"";
order:3;
width:7px;
height:7px;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:rotate(45deg) translateY(-1px);
opacity:.72;
margin-inline-start:2px;
transition:transform .25s ease, opacity .25s ease;
}

.main-nav .menu-item-has-children:hover > a::before,
.main-nav .menu-item-has-children:focus-within > a::before{
opacity:1;
transform:rotate(225deg) translateY(-1px);
}

.main-nav .sub-menu{
position:absolute;
top:calc(100% + 24px);
right:0;
min-width:250px;
display:grid;
gap:6px;
margin:0;
padding:12px;
list-style:none;
border-radius:0 0 18px 18px;
background:linear-gradient(180deg, rgba(9, 28, 40, 0.985), rgba(4, 16, 26, 0.97));
border:1px solid rgba(255,255,255,.09);
box-shadow:
0 26px 58px rgba(0,0,0,.26),
inset 0 1px 0 rgba(255,255,255,.06);
backdrop-filter:blur(18px);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(8px);
transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
z-index:5;
}

.main-nav .menu-item-has-children:hover > .sub-menu,
.main-nav .menu-item-has-children:focus-within > .sub-menu{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0);
}

.main-nav .sub-menu a{
justify-content:flex-start;
width:100%;
min-height:44px;
padding:0 16px;
border-radius:12px;
background:transparent;
border:1px solid transparent;
box-shadow:none;
}

.main-nav .sub-menu a:hover,
.main-nav .sub-menu .current-menu-item > a,
.main-nav .sub-menu .current_page_item > a{
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
border-color:rgba(95,201,223,.14);
}

.header-actions{
display:flex;
align-items:center;
gap:10px;
justify-self:end;
flex:0 0 auto;
}

.header-action-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-width:128px;
min-height:48px;
padding:0 18px;
border-radius:14px;
text-decoration:none;
font-size:15px;
font-weight:800;
white-space:nowrap;
text-shadow:0 1px 0 rgba(0,0,0,.16);
transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease, color .25s ease;
}

.header-action-btn__icon{
width:32px;
height:32px;
flex-basis:32px;
}

.header-action-btn:hover{
transform:translateY(-2px);
}

.header-action-btn--ghost{
background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.1);
color:#e8f7fb;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
0 14px 28px rgba(0,0,0,.1);
}

.header-action-btn--ghost:hover,
.header-action-btn--ghost.is-active{
background:linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.04));
border-color:rgba(95,201,223,.18);
color:#fff;
box-shadow:0 18px 32px rgba(0,0,0,.12);
}

.header-action-btn--primary{
background:linear-gradient(135deg, #0f95ad, #4fc6dd);
border:1px solid rgba(255,255,255,.08);
color:#fff;
box-shadow:0 18px 34px rgba(17,143,166,.2);
}

.header-action-btn--primary .header-action-btn__icon{
background:rgba(6,30,42,.16);
border-color:rgba(255,255,255,.22);
color:#ffffff;
}

.header-action-btn--primary:hover,
.header-action-btn--primary.is-active{
background:linear-gradient(135deg, #14a1bb, #63d5ea);
box-shadow:0 20px 38px rgba(17,143,166,.24);
}

.mobile-menu-toggle,
.mobile-nav{
display:none;
}

.mobile-menu-toggle{
align-items:center;
justify-content:center;
flex-direction:column;
gap:5px;
width:48px;
height:48px;
padding:0;
border-radius:16px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.04);
box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
cursor:pointer;
}

.mobile-menu-toggle span{
width:20px;
height:2px;
border-radius:999px;
background:#e8f7fb;
transition:transform .25s ease, opacity .25s ease;
}

.mobile-menu-toggle.is-active span:nth-child(1){
transform:translateY(7px) rotate(45deg);
}

.mobile-menu-toggle.is-active span:nth-child(2){
opacity:0;
}

.mobile-menu-toggle.is-active span:nth-child(3){
transform:translateY(-7px) rotate(-45deg);
}

.mobile-nav{
position:fixed;
top:96px;
right:12px;
left:12px;
bottom:12px;
z-index:1305;
margin-top:0;
padding:12px;
border-radius:22px;
background:linear-gradient(180deg, rgba(9, 28, 40, 0.72), rgba(4, 16, 26, 0.64));
border:1px solid rgba(255,255,255,.12);
box-shadow:
0 26px 56px rgba(0,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.12),
inset 0 -1px 0 rgba(0,0,0,.16);
backdrop-filter:blur(24px) saturate(135%);
overflow:auto;
overscroll-behavior:contain;
}

.mobile-nav.is-open{
display:block;
}

.mobile-nav::before{
content:"";
position:absolute;
inset:1px;
border-radius:21px;
background:
linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 24%, rgba(255,255,255,0) 58%),
radial-gradient(circle at top right, rgba(95,201,223,.12), transparent 34%);
pointer-events:none;
}

.mobile-nav::-webkit-scrollbar{
width:8px;
}

.mobile-nav::-webkit-scrollbar-thumb{
background:rgba(255,255,255,.12);
border-radius:999px;
}

.mobile-nav .mobile-menu-list,
.mobile-nav .menu > ul{
display:grid;
gap:8px;
list-style:none;
margin:0;
padding:0;
}

.mobile-nav li{
margin:0;
padding:0;
list-style:none;
position:relative;
}

.mobile-nav a{
display:flex;
align-items:center;
justify-content:flex-start;
min-height:50px;
padding:0 16px;
border-radius:13px;
text-decoration:none;
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
border:1px solid rgba(255,255,255,.12);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 12px 24px rgba(0,0,0,.08);
backdrop-filter:blur(18px) saturate(125%);
color:rgba(232,247,251,.92);
font-weight:700;
transition:background .25s ease, border-color .25s ease, transform .25s ease;
}

.mobile-nav.has-dropdowns .menu-item-has-children > a{
padding-inline-end:56px;
}

.mobile-nav .mobile-submenu-toggle{
position:absolute;
top:9px;
inset-inline-end:12px;
width:32px;
height:32px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0;
border:none;
border-radius:10px;
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.12);
color:#dff7fb;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 10px 20px rgba(0,0,0,.08);
backdrop-filter:blur(16px) saturate(125%);
cursor:pointer;
transition:background .25s ease, border-color .25s ease, transform .25s ease;
}

.mobile-nav .mobile-submenu-toggle::before{
content:"";
width:8px;
height:8px;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:rotate(45deg) translateY(-1px);
transition:transform .25s ease;
}

.mobile-nav .mobile-submenu-toggle:hover{
background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
border-color:rgba(95,201,223,.18);
}

.mobile-nav .menu-item-has-children.is-submenu-open > .mobile-submenu-toggle{
background:linear-gradient(180deg, rgba(95,201,223,.18), rgba(95,201,223,.07));
border-color:rgba(95,201,223,.22);
}

.mobile-nav .menu-item-has-children.is-submenu-open > .mobile-submenu-toggle::before{
transform:rotate(225deg) translateY(-1px);
}

.mobile-nav a:hover{
background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.05));
border-color:rgba(95,201,223,.18);
transform:translateY(-1px);
}

.mobile-nav .current-menu-item > a,
.mobile-nav .current_page_item > a{
background:linear-gradient(180deg, rgba(31, 99, 125, 0.56), rgba(12, 44, 60, 0.42));
border-color:rgba(95,201,223,.24);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.12),
0 14px 28px rgba(7, 24, 35, .12);
}

.mobile-nav .sub-menu{
display:grid;
gap:8px;
margin:8px 0 0;
padding:10px;
list-style:none;
border-radius:16px;
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
border:1px solid rgba(255,255,255,.1);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 16px 28px rgba(0,0,0,.08);
backdrop-filter:blur(18px) saturate(120%);
}

.mobile-nav.has-dropdowns .menu-item-has-children > .sub-menu{
margin-top:0;
padding-top:0;
padding-bottom:0;
max-height:0;
overflow:hidden;
opacity:0;
border-color:transparent;
transform:translateY(-4px);
transition:
max-height .28s ease,
opacity .2s ease,
transform .2s ease,
margin .2s ease,
padding .2s ease,
border-color .2s ease;
}

.mobile-nav.has-dropdowns .menu-item-has-children.is-submenu-open > .sub-menu{
margin-top:8px;
padding-top:10px;
padding-bottom:10px;
max-height:420px;
opacity:1;
border-color:rgba(255,255,255,.1);
transform:translateY(0);
}

.mobile-nav .sub-menu a{
min-height:44px;
padding-inline-start:18px;
background:linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.03));
border-color:rgba(255,255,255,.1);
}

.mobile-nav-actions{
display:grid;
gap:10px;
padding-top:14px;
}

body.mobile-menu-open{
overflow:hidden;
}

.mobile-nav-actions .header-action-btn{
width:100%;
}

@media (max-width: 1200px){
.header-inner{
gap:18px;
}

.main-nav .main-menu-list,
.main-nav .menu > ul{
gap:0;
padding:0;
}

.main-nav a{
padding:0 14px;
font-size:14px;
}

.header-action-btn{
min-width:118px;
padding:0 16px;
}
}

@media (max-width: 991px){
.main-nav{
display:none;
}

.mobile-menu-toggle{
display:inline-flex;
justify-self:start;
order:1;
}

.header-inner{
grid-template-columns:auto 1fr;
min-height:84px;
}

.header-brand{
justify-self:end;
order:2;
}

.header-actions{
display:none;
}

.header-action-btn{
min-width:112px;
min-height:46px;
font-size:14px;
}

.header-action-btn__icon{
width:30px;
height:30px;
flex-basis:30px;
}

.mobile-nav{
top:96px;
}

.admin-bar .mobile-nav{
top:128px;
}
}

@media (max-width: 782px){
.admin-bar .site-header{
top:46px;
}
}

@media (max-width: 767px){
.site-header{
padding-top:0;
}

.site-header::before{
top:0;
height:74px;
border-radius:0;
}

.site-header::after{
height:92px;
}

.header-inner{
gap:12px;
min-height:74px;
padding-top:0;
}

.logo img{
height:38px;
}

.mobile-nav{
top:86px;
right:10px;
left:10px;
bottom:10px;
padding:10px;
border-radius:22px;
}

.admin-bar .mobile-nav{
top:120px;
}
}

@media (max-width: 480px){
.logo img{
height:34px;
}

.site-header::before{
width:100%;
}
}

@media (min-width: 992px){
.mobile-nav.is-open{
display:none;
}
}