.jysync-header,
.jysync-header *{box-sizing:border-box}

.jysync-header{
    position:sticky;
    top:0;
    z-index:99990;
    width:100%;
    background:var(--jysync-bg,#fff);
    border-bottom:1px solid var(--jysync-border,#e7edf5);
    backdrop-filter:blur(var(--jysync-blur,14px));
    -webkit-backdrop-filter:blur(var(--jysync-blur,14px));
    box-shadow:var(--jysync-shadow,0 4px 18px rgba(15,23,42,.04));
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    transition:background .2s ease,box-shadow .2s ease;
}

body.admin-bar .jysync-header{top:32px}

.jysync-header__inner{
    width:min(var(--jysync-container-width,1440px),calc(100% - 64px));
    min-height:var(--jysync-header-height,82px);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(240px,1fr) auto minmax(180px,1fr);
    align-items:center;
    gap:28px;
    transition:min-height .22s ease;
}

.jysync-header.is-scrolled .jysync-header__inner{
    min-height:var(--jysync-header-height-scrolled,68px);
}

.jysync-brand{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:var(--jysync-text,#111a35);
    text-decoration:none!important;
    width:max-content;
    max-width:100%;
}

.jysync-brand__image{
    display:block;
    max-height:var(--jysync-logo-height,52px);
    max-width:240px;
    width:auto;
    transition:max-height .22s ease;
}

.jysync-header.is-scrolled .jysync-brand__image{
    max-height:calc(var(--jysync-logo-height,52px) - 6px);
}

.jysync-brand__mark{
    position:relative;
    display:inline-block;
    width:44px;
    height:44px;
    border-radius:14px;
    background:linear-gradient(135deg,#19b5ff 0%,var(--jysync-accent,#1267f4) 48%,#5d36f5 100%);
    transform:rotate(8deg);
    box-shadow:0 8px 22px rgba(18,103,244,.22);
    flex:0 0 auto;
}

.jysync-brand__mark:before,
.jysync-brand__mark:after{
    content:"";
    position:absolute;
    width:24px;
    height:10px;
    border:5px solid #fff;
    border-left-width:0;
    border-radius:0 16px 16px 0;
    opacity:.95;
}

.jysync-brand__mark:before{left:5px;top:8px;transform:rotate(35deg)}
.jysync-brand__mark:after{right:5px;bottom:8px;transform:rotate(215deg)}

.jysync-brand__copy{display:flex;flex-direction:column;line-height:1.1}
.jysync-brand__copy strong{color:var(--jysync-text,#0b1739);font-size:27px;font-weight:800;letter-spacing:-.04em}
.jysync-brand__copy small{color:var(--jysync-muted,#667085);font-size:10.5px;margin-top:5px;white-space:nowrap;letter-spacing:.01em}

.jysync-nav{justify-self:center}
.jysync-menu{list-style:none;margin:0!important;padding:0!important;display:flex;align-items:center;gap:var(--jysync-menu-gap,38px)}
.jysync-menu li{position:relative;margin:0;padding:0}

.jysync-menu>li>a{
    position:relative;
    display:flex;
    align-items:center;
    gap:6px;
    min-height:var(--jysync-header-height,82px);
    color:var(--jysync-text,#111a35)!important;
    text-decoration:none!important;
    font-size:var(--jysync-menu-size,15px);
    font-weight:var(--jysync-menu-weight,600);
    line-height:1;
    white-space:nowrap;
    transition:color .18s ease,min-height .22s ease;
}

.jysync-header.is-scrolled .jysync-menu>li>a{min-height:var(--jysync-header-height-scrolled,68px)}

.jysync-menu>li>a:hover,
.jysync-menu>li.current-menu-item>a,
.jysync-menu>li.current-menu-ancestor>a{color:var(--jysync-accent,#1267f4)!important}

.jysync-menu>li.current-menu-item>a:after,
.jysync-menu>li.current-menu-ancestor>a:after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--jysync-accent,#1267f4);border-radius:999px 999px 0 0
}

.jysync-menu .menu-item-has-children>a:before{
    content:"";width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);order:2;margin-left:2px;margin-top:-4px
}

.jysync-menu .sub-menu{
    position:absolute;top:calc(100% - 8px);left:50%;transform:translate(-50%,8px);
    min-width:230px;margin:0!important;padding:10px!important;list-style:none;background:#fff;
    border:1px solid var(--jysync-border,#e7edf5);border-radius:14px;
    box-shadow:0 18px 50px rgba(15,23,42,.13);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease
}

.jysync-menu li:hover>.sub-menu,
.jysync-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}

.jysync-menu .sub-menu a{display:block;padding:11px 12px;color:#24314f!important;text-decoration:none!important;border-radius:9px;font-size:14px;font-weight:550}
.jysync-menu .sub-menu a:hover{background:#f2f7ff;color:var(--jysync-accent,#1267f4)!important}

.jysync-demo-btn{
    justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:9px;
    min-height:46px;padding:0 20px;background:var(--jysync-accent,#1267f4);
    color:#fff!important;border:1px solid var(--jysync-accent,#1267f4);
    border-radius:var(--jysync-cta-radius,9px);text-decoration:none!important;
    font-size:14px;font-weight:700;box-shadow:0 8px 20px rgba(18,103,244,.18);
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease
}

.jysync-demo-btn:hover{background:var(--jysync-accent-hover,#0e57d2);transform:translateY(-1px);box-shadow:0 10px 24px rgba(18,103,244,.25)}
.jysync-demo-btn__icon{display:inline-flex;align-items:center}

.jysync-nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--jysync-border,#e7edf5);border-radius:10px;background:#fff;padding:10px;cursor:pointer}
.jysync-nav-toggle span{display:block;width:100%;height:2px;margin:4px 0;background:var(--jysync-text,#15213f);border-radius:99px;transition:.2s ease}

@media(max-width:1100px){
    .jysync-header__inner{width:min(100% - 36px,var(--jysync-container-width,1440px));grid-template-columns:1fr auto auto;min-height:76px}
    .jysync-nav-toggle{display:block;grid-column:2;grid-row:1}
    .jysync-demo-btn{grid-column:3;grid-row:1}
    .jysync-nav{
        position:absolute;left:18px;right:18px;top:calc(100% + 1px);background:#fff;border:1px solid var(--jysync-border,#e7edf5);
        border-radius:0 0 16px 16px;box-shadow:0 20px 40px rgba(15,23,42,.10);padding:12px;
        opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s ease
    }
    .jysync-header.is-open .jysync-nav{opacity:1;visibility:visible;transform:translateY(0)}
    .jysync-menu{display:block}
    .jysync-menu>li>a{min-height:auto!important;padding:13px 12px;border-radius:10px}
    .jysync-menu>li.current-menu-item>a:after,.jysync-menu>li.current-menu-ancestor>a:after{display:none}
    .jysync-menu .sub-menu{position:static;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;display:none;min-width:0;border:0;box-shadow:none;background:#f7faff;margin:0 0 6px 12px!important}
    .jysync-menu li.menu-item-has-children.is-submenu-open>.sub-menu{display:block}
}

@media(max-width:680px){
    body.admin-bar .jysync-header{top:46px}
    .jysync-header__inner{width:calc(100% - 24px);min-height:70px;grid-template-columns:1fr auto;gap:10px}
    .jysync-brand__mark{width:38px;height:38px;border-radius:12px}
    .jysync-brand__copy strong{font-size:22px}
    .jysync-brand__copy small{display:none}
    .jysync-demo-btn{display:none}
    .jysync-nav-toggle{grid-column:2}
    .jysync-nav{left:12px;right:12px}
}