.tt-header,.tt-header *{box-sizing:border-box}
.tt-header{
    position:relative;display:flex;align-items:center;gap:28px;
    max-width:1400px;margin:20px auto;padding:12px 24px;
    background:#151b29;border:1px solid #293348;border-radius:28px;
    color:#f5f7fb;font-family:Arial,sans-serif
}
.tt-header a{color:inherit;text-decoration:none}
.tt-brand{flex-shrink:0}
.tt-brand img{display:block;width:150px;height:76px;object-fit:contain}
.tt-nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1}
.tt-nav>a,.tt-services>summary{
    display:flex;align-items:center;min-height:44px;
    font-size:15px;font-weight:600;line-height:1.4
}
.tt-services>summary{cursor:pointer;gap:8px;list-style:none}
.tt-services>summary::-webkit-details-marker{display:none}
.tt-services>summary:after{content:"+";font-size:20px}
.tt-services[open]>summary:after{content:"−"}
.tt-contact{
    display:flex;align-items:center;justify-content:center;
    min-height:48px;padding:12px 22px;border-radius:28px;
    background:#9af02e;color:#102000!important;
    font-size:15px;font-weight:700;text-align:center
}
.tt-mega{
    position:absolute;z-index:1000;top:calc(100% + 8px);left:0;right:0;
    padding:24px;background:#111c2e;border:1px solid #3d4d64;
    border-radius:16px;box-shadow:0 16px 40px #0006;
    max-height:75vh;overflow:auto
}
.tt-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.tt-category{min-width:0}
.tt-category h2,.tt-technologies h2{
    margin:0 0 10px;font-size:17px;line-height:1.4;color:#fff
}
.tt-category ul,.tt-technologies ul{list-style:none;margin:0;padding:0}
.tt-category li a{
    display:block;padding:7px 0;font-size:14px;line-height:1.5;
    color:#dce5f2;overflow-wrap:anywhere
}
.tt-header a:hover,.tt-services>summary:hover{color:#b4f46b}
.tt-header a:focus-visible,.tt-header summary:focus-visible{
    outline:3px solid #9af02e;outline-offset:4px
}
.tt-technologies{margin-top:24px;padding-top:20px;border-top:1px solid #3d4d64}
.tt-technologies ul{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.tt-technologies li{
    display:flex;align-items:center;justify-content:center;
    padding:8px;background:#fff;border-radius:6px;min-height:56px
}
.tt-technologies img{display:block;width:100%;height:36px;object-fit:contain}
@media(max-width:1100px){
    .tt-header{gap:16px;padding:12px 18px}
    .tt-nav{gap:14px}
    .tt-contact{padding:12px 16px}
}
@media(max-width:767px){
    .tt-header{
        display:grid;grid-template-columns:1fr auto;
        gap:12px;margin:12px;padding:12px 16px;border-radius:20px
    }
    .tt-brand img{width:120px;height:58px}
    .tt-nav{
        grid-column:1/-1;display:flex;flex-wrap:wrap;
        justify-content:flex-start;gap:4px 16px;
        border-top:1px solid #293348;padding-top:8px
    }
    .tt-contact{grid-column:2;grid-row:1;font-size:13px;max-width:150px}
    .tt-nav>a,.tt-services>summary{font-size:14px}
    .tt-mega{padding:18px;max-height:65vh}
    .tt-category-grid{grid-template-columns:1fr;gap:20px}
    .tt-category li a{min-height:44px;padding:11px 0}
    .tt-technologies ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Balanced category columns */
.tt-menu-column{display:flex;flex-direction:column;gap:22px;min-width:0}
.tt-category li a{padding:5px 0;line-height:1.45}
.tt-mega{scrollbar-width:thin;scrollbar-color:#63758d #111c2e}
@media(min-width:768px){
    .tt-mega{padding:22px;max-height:calc(100dvh - 150px)}
}
@media(max-width:767px){
    .tt-category li a{min-height:44px;padding:11px 0}
}

/* Logo presentation */
.tt-technologies li{
    position:relative;
    overflow:hidden;
    height:60px;
    padding:8px;
}
.tt-technologies .tt-logo-fortinet img,
.tt-technologies .tt-logo-microsoft img,
.tt-technologies .tt-logo-aruba img{
    position:absolute;
    top:50%;
    left:50%;
    width:200px;
    height:200px;
    max-width:none;
    transform:translate(-50%,-50%);
    object-fit:contain;
}
.tt-technologies .tt-logo-avaya{
    background:#243145;
}
.tt-technologies .tt-logo-avaya img{
    position:absolute;
    top:50%;
    left:50%;
    width:200px;
    height:auto;
    max-width:none;
    transform:translate(-50%,-50%);
}

/* Compact native navigation */
.tt-navigation-shell{flex:1;min-width:0}
.tt-mobile-toggle{display:none}
@media(min-width:768px){
    .tt-navigation-shell:not([open])>.tt-nav{display:flex}
}
@media(max-width:767px){
    .tt-header{grid-template-columns:1fr auto;gap:8px}
    .tt-header>.tt-contact{display:none}
    .tt-navigation-shell{
        grid-column:2;grid-row:1;justify-self:end;
    }
    .tt-mobile-toggle{
        display:flex;align-items:center;justify-content:center;
        min-width:64px;min-height:48px;padding:10px 12px;
        border:1px solid #53657e;border-radius:10px;
        color:#fff;font-size:15px;font-weight:700;
        cursor:pointer;list-style:none;
    }
    .tt-mobile-toggle::-webkit-details-marker{display:none}
    .tt-navigation-shell[open] .tt-mobile-toggle{color:#b4f46b}
    .tt-navigation-shell>.tt-nav{
        position:absolute;top:calc(100% + 8px);left:0;right:0;
        z-index:1000;display:flex;flex-direction:column;
        align-items:stretch;gap:0;padding:12px 18px;
        background:#111c2e;border:1px solid #3d4d64;
        border-radius:16px;max-height:65vh;overflow:auto;
    }
    .tt-navigation-shell:not([open])>.tt-nav{display:none}
    .tt-nav>a,.tt-services>summary{min-height:48px;padding:10px 0}
    .tt-services .tt-mega{
        position:static;max-height:none;overflow:visible;
        margin:8px 0;padding:16px 12px;
        box-shadow:none;border-radius:10px;
    }
}

.tt-nav>.tt-mobile-contact{display:none}
@media(max-width:767px){
    .tt-nav>.tt-mobile-contact{
        display:flex;align-items:center;justify-content:center;
        min-height:48px;margin:12px 0 4px;padding:12px 16px;
        border-radius:24px;background:#9af02e;color:#102000;
        text-align:center;font-weight:700;
    }
}

/* Hide service toggle symbols */
.tt-services>summary:after{content:none!important;display:none!important}