/* TurbineWeb brand lockup and primary navigation */
.site-header{
    position:sticky;
    top:0;
    z-index:90;
    width:100%;
    height:auto;
    padding:12px 20px 0;
    pointer-events:none;
}
.site-header-inner{
    display:flex;
    align-items:center;
    width:min(1240px,100%);
    min-height:68px;
    margin:auto;
    padding:7px 8px 7px 15px;
    border:1px solid rgba(11,27,32,.11);
    border-radius:20px;
    background:rgba(248,248,243,.92);
    box-shadow:0 13px 38px rgba(11,27,32,.08),inset 0 1px rgba(255,255,255,.72);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    pointer-events:auto;
}
.brand-header{gap:11px;flex:0 0 auto;margin-right:auto;padding-right:20px}
.brand-header .logo-mark{width:43px;height:43px;flex-basis:43px}
.brand-copy{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.brand-copy .wordmark{font-size:20px;letter-spacing:-.06em}
.brand-copy>small{color:#748184;font-size:7px;font-weight:700;line-height:1;letter-spacing:.2em}
.brand:hover .logo-mark{transform:rotate(4deg) scale(1.025)}
.brand .logo-mark{transition:transform .4s cubic-bezier(.2,.75,.25,1)}
.logo-core{animation:none}

.site-nav{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:550}
.nav-main{display:flex;align-items:center;gap:2px;padding:4px;border-radius:14px;background:rgba(11,27,32,.045)}
.nav-main a{position:relative;padding:8px 11px;border-radius:10px;color:#526164;opacity:1!important;white-space:nowrap;transition:color .18s,background .18s,box-shadow .18s}
.nav-main a:hover{color:var(--ink);background:rgba(255,255,255,.65)}
.nav-main a.active{color:var(--ink);background:#fff;box-shadow:0 3px 12px rgba(11,27,32,.08)}
.nav-main a.active:after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--lime);transform:translateX(-50%)}
.nav-actions{display:flex;align-items:center;gap:4px;padding-left:3px}
.nav-actions>a:not(.nav-cta):not(.nav-portal),.nav-actions .link-button{padding:9px 10px;color:#526164;opacity:1;white-space:nowrap}
.nav-actions>a:hover,.nav-actions .link-button:hover{color:var(--ink)}
.nav-actions form{margin:0}
.nav-cta,.nav-portal{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:0 9px 0 17px;border-radius:13px;background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(11,27,32,.14);white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}
.nav-cta i,.nav-portal i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--lime);color:var(--ink);font-size:13px;font-style:normal;transition:transform .2s}
.nav-cta:hover,.nav-portal:hover{color:#fff!important;background:#163137;box-shadow:0 11px 25px rgba(11,27,32,.2);transform:translateY(-1px)}
.nav-cta:hover i,.nav-portal:hover i{transform:translate(1px,-1px)}
.nav-portal{background:var(--teal)}
.nav-toggle{display:none;align-items:center;gap:10px;margin-left:auto;padding:9px 10px 9px 13px;border:1px solid #d4d9d1;border-radius:12px;background:#fff;color:var(--ink);font-size:12px;font-weight:650}
.nav-toggle>i{position:relative;display:block;width:27px;height:27px;border-radius:8px;background:var(--ink)}
.nav-toggle>i b{position:absolute;left:7px;width:13px;height:1.5px;border-radius:2px;background:var(--lime);transition:transform .22s,top .22s}
.nav-toggle>i b:first-child{top:10px}.nav-toggle>i b:last-child{top:16px}
.nav-toggle.open>i b:first-child{top:13px;transform:rotate(45deg)}.nav-toggle.open>i b:last-child{top:13px;transform:rotate(-45deg)}

@media(max-width:1120px){
    .brand-copy>small{display:none}
    .brand-header{padding-right:12px}
    .nav-main a{padding-inline:8px}
    .nav-actions>a:not(.nav-cta):not(.nav-portal),.nav-actions .link-button{padding-inline:7px}
}
@media(max-width:930px){
    .site-header{padding:9px 12px 0}
    .site-header-inner{min-height:62px;padding:6px 6px 6px 12px;border-radius:17px}
    .brand-header .logo-mark{width:40px;height:40px;flex-basis:40px}
    .brand-copy .wordmark{font-size:19px}
    .brand-copy>small{display:block}
    .nav-toggle{display:flex}
    .site-nav{
        display:none;
        position:absolute;
        top:calc(100% + 8px);
        left:12px;
        right:12px;
        max-height:calc(100vh - 100px);
        overflow:auto;
        padding:9px;
        border:1px solid rgba(11,27,32,.12);
        border-radius:18px;
        background:rgba(250,250,246,.98);
        box-shadow:0 24px 60px rgba(11,27,32,.17);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
    }
    .site-nav.open{display:block;animation:nav-reveal .2s ease-out}
    .nav-main{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#eef0e9}
    .nav-main a{padding:12px 13px}
    .nav-main a.active:after{left:auto;right:12px;bottom:50%;transform:translateY(50%)}
    .nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;padding:0}
    .nav-actions>a:not(.nav-cta):not(.nav-portal),.nav-actions .link-button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff}
    .nav-actions form{display:flex}.nav-actions form .link-button{width:100%}
    .nav-cta,.nav-portal{justify-content:space-between;min-height:46px}
    @keyframes nav-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:520px){
    .site-header{padding-inline:8px}
    .site-header-inner{padding-left:9px}
    .brand-header{gap:8px;padding-right:0}
    .brand-header .logo-mark{width:38px;height:38px;flex-basis:38px}
    .brand-copy .wordmark{font-size:18px}
    .brand-copy>small{font-size:6px;letter-spacing:.17em}
    .nav-toggle{padding-left:10px}.nav-toggle>span{display:none}
    .site-nav{left:8px;right:8px}
    .nav-main{grid-template-columns:1fr 1fr}
    .nav-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.brand .logo-mark,.nav-cta,.nav-portal,.nav-cta i,.nav-portal i{transition:none}.brand:hover .logo-mark{transform:none}.site-nav.open{animation:none}}