.kyno-header,
.kyno-header *{
box-sizing:border-box;
}

.kyno-header{
position:fixed;
top:0;
left:0;
right:0;
width:100%;
max-width:100vw;
z-index:999;
background:transparent;
transition:.25s ease;
overflow-x:clip;
}

.kyno-header.scrolled{
background:rgba(255,255,255,.94);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
box-shadow:0 4px 30px rgba(0,0,0,.08);
}

.kyno-header p,
.kyno-mobile-menu p{
margin:0!important;
padding:0!important;
line-height:1!important;
}

.kyno-header br,
.kyno-mobile-menu br,
.kyno-header-inner br{
display:none!important;
}

.kyno-header-inner{
width:100%;
max-width:1440px;
min-width:0;
height:82px;
margin:0 auto;
padding:0 40px;
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
overflow:hidden;
}

.kyno-header-inner>p{
display:contents!important;
margin:0!important;
padding:0!important;
}

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

.kyno-header-logo img{
height:44px;
width:auto;
max-width:100%;
display:block;
transition:.2s ease;
}

.kyno-header-logo:hover img{
transform:translateY(-1px);
opacity:.95;
}

.kyno-header-nav{
display:flex;
align-items:center;
gap:32px;
margin-left:auto;
}

.kyno-header-nav a,
.kyno-header-link{
position:relative;
display:inline-flex;
align-items:center;
padding:8px 2px;
font-size:.95rem;
font-weight:650;
line-height:1;
color:#374151;
text-decoration:none;
transition:color .2s ease,transform .2s ease;
white-space:nowrap;
}

.kyno-header-nav a::after,
.kyno-header-link::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:2px;
height:2px;
border-radius:999px;
background:#0F2B5B;
transform:scaleX(0);
transform-origin:left;
transition:transform .22s ease;
}

.kyno-header-nav a:hover,
.kyno-header-link:hover,
.kyno-header-nav a:focus-visible,
.kyno-header-link:focus-visible{
color:#0F2B5B;
transform:translateY(-1px);
}

.kyno-header-nav a:hover::after,
.kyno-header-link:hover::after,
.kyno-header-nav a:focus-visible::after,
.kyno-header-link:focus-visible::after{
transform:scaleX(1);
}

.kyno-header-actions{
display:flex;
align-items:center;
gap:18px;
}

.kyno-header-actions p{
display:flex!important;
align-items:center!important;
margin:0!important;
padding:0!important;
}

.kyno-header-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:11px 20px;
border-radius:12px;
background:#0F2B5B;
color:#fff;
font-size:.92rem;
font-weight:700;
line-height:1;
white-space:nowrap;
text-decoration:none;
transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
box-shadow:0 8px 20px rgba(15,43,91,.16);
}

.kyno-header-btn:hover{
background:#1E3A8A;
color:#fff;
transform:translateY(-1px);
box-shadow:0 12px 26px rgba(15,43,91,.22);
}

.kyno-header-btn:active{
transform:translateY(0);
box-shadow:0 6px 14px rgba(15,43,91,.18);
}

.kyno-header-nav a:focus-visible,
.kyno-header-link:focus-visible,
.kyno-header-btn:focus-visible,
.kyno-header-toggle:focus-visible,
.kyno-mobile-menu a:focus-visible{
outline:2px solid #0F2B5B;
outline-offset:4px;
border-radius:10px;
}

.kyno-header-toggle{
display:none;
align-items:center;
justify-content:center;
flex-direction:column;
gap:5px;
width:44px;
height:44px;
padding:0;
margin:0;
border:1px solid rgba(15,43,91,.14);
border-radius:14px;
background:#fff;
cursor:pointer;
color:#0F2B5B;
box-shadow:0 8px 20px rgba(15,43,91,.08);
flex:0 0 auto;
}

.kyno-header-toggle span{
display:block;
width:20px;
height:2px;
border-radius:999px;
background:#0F2B5B;
transition:.2s ease;
}

body.kyno-menu-open .kyno-header-toggle span:nth-child(1){
transform:translateY(7px) rotate(45deg);
}

body.kyno-menu-open .kyno-header-toggle span:nth-child(2){
opacity:0;
}

body.kyno-menu-open .kyno-header-toggle span:nth-child(3){
transform:translateY(-7px) rotate(-45deg);
}

.kyno-mobile-menu{
display:none;
}

@media(max-width:1024px){

.kyno-header{
width:100%!important;
max-width:100vw!important;
left:0!important;
right:0!important;
background:rgba(255,255,255,.94)!important;
backdrop-filter:blur(14px)!important;
-webkit-backdrop-filter:blur(14px)!important;
box-shadow:0 4px 24px rgba(0,0,0,.06)!important;
}

.kyno-header-inner{
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:68px!important;
padding:0 12px!important;
gap:10px!important;
justify-content:space-between!important;
overflow:hidden!important;
}

.kyno-header-logo{
max-width:calc(100vw - 76px)!important;
overflow:hidden!important;
}

.kyno-header-logo img{
height:32px!important;
width:auto!important;
max-width:190px!important;
}

.kyno-header-nav,
.kyno-header-actions{
display:none!important;
}

.kyno-header-toggle{
display:inline-flex!important;
width:42px!important;
height:42px!important;
border-radius:14px!important;
}

.kyno-mobile-menu{
position:fixed;
top:78px;
left:12px;
right:12px;
width:auto;
max-width:calc(100vw - 24px);
background:#fff;
padding:12px;
display:none;
flex-direction:column;
gap:4px;
border:1px solid #E5E7EB;
border-radius:18px;
box-shadow:0 20px 45px rgba(15,43,91,.14);
overflow:hidden;
}

.kyno-mobile-menu a{
position:relative;
display:block;
padding:12px 14px;
border-radius:14px;
color:#374151;
font-size:.96rem;
font-weight:700;
line-height:1.2;
text-decoration:none;
transition:.2s ease;
}

.kyno-mobile-menu a:hover,
.kyno-mobile-menu a:focus-visible{
background:#F8FAFC;
color:#0F2B5B;
transform:translateX(2px);
}

body.kyno-menu-open .kyno-mobile-menu{
display:flex;
}

}

@media(max-width:380px){

.kyno-header-inner{
padding:0 10px!important;
}

.kyno-header-logo{
max-width:calc(100vw - 72px)!important;
}

.kyno-header-logo img{
height:30px!important;
max-width:165px!important;
}

.kyno-header-toggle{
width:40px!important;
height:40px!important;
border-radius:13px!important;
}

.kyno-mobile-menu{
left:10px;
right:10px;
max-width:calc(100vw - 20px);
}

}