/* Shared chrome: TwiinTech blue identity, deliberate RTL spacing. */
.tt-topbar{background:#092b42;font-size:11px;letter-spacing:0}
.tt-topbar>.container{padding-block:7px}
.tt-header{border-bottom:1px solid #dde7ef;box-shadow:0 4px 20px #092b4208}
.tt-header .nav{min-height:94px;gap:26px;position:relative}
.tt-header .tt-logo-frame{width:174px;height:74px;border-radius:0}
.tt-header .desktop-nav{margin-inline:auto}
.tt-header .tt-menu{align-items:center;flex-wrap:nowrap;gap:6px}
.tt-header .tt-menu>li{position:static}
.tt-header .desktop-nav .tt-menu>li>a,.tt-header .tt-nav-disclosure>summary{display:flex;align-items:center;gap:8px;padding:12px!important;min-height:48px;line-height:1.5;font-size:14px;font-weight:650;border-radius:9px;white-space:nowrap;cursor:pointer;color:#173b50;list-style:none}
.tt-nav-disclosure>summary::-webkit-details-marker,.mobile-menu>summary::-webkit-details-marker{display:none}
.tt-nav-disclosure>summary::marker{content:''}
.tt-header .tt-menu>li>a:hover,.tt-header .tt-nav-disclosure[open]>summary{background:#edf5fa;color:#065397}
.tt-nav-disclosure[open]>summary svg{transform:rotate(180deg)}
.tt-header .tt-nav-disclosure{position:static}
.tt-nav-panel{position:absolute;top:calc(100% - 2px);inset-inline:180px 24px;max-height:calc(100dvh - 150px);overflow:auto;background:#fff;border:1px solid #dbe6ef;border-top:3px solid #009bd1;border-radius:0 0 18px 18px;box-shadow:0 30px 55px -20px #092b4240;padding:24px;color:#173b50}
.tt-work-sections .tt-nav-panel{inset-inline:280px 120px}
.tt-nav-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5edf2;padding-bottom:16px;margin-bottom:12px}
.tt-nav-panel-heading strong{font-size:20px}
.tt-nav-panel-heading>span{font-size:12px;color:#5b7283}
.tt-header .tt-nav-panel .tt-section-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;list-style:none;padding:0;margin:0;position:static;width:auto;max-width:none;border:0;box-shadow:none;background:none}
.tt-header .tt-nav-panel .tt-section-links a{display:flex;align-items:center;gap:10px;min-height:56px;line-height:1.6;padding:10px!important;color:#173b50;font-size:13px;font-weight:550;text-decoration:none}
.tt-nav-icon{flex:0 0 34px;width:34px;height:34px;background-color:#eff7fb;background-size:21px;background-position:center;background-repeat:no-repeat;border-radius:9px}
.tt-nav-arrow{margin-inline-start:auto;color:#7699ac;font-size:17px}
.tt-header a.tt-nav-view-all{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 16px!important;border-radius:8px;background:#edf5fa;color:#065397;font-size:13px;font-weight:700;text-decoration:none}
.tt-header .nav-actions{gap:12px;flex-shrink:0}
.tt-header .quote{font-size:13px;padding:13px 18px;border-radius:8px!important;box-shadow:none}
.tt-header-search>summary{border-inline-end:1px solid #dce6ed;line-height:1.5}
.tt-header .tt-header-search>div{inset-inline:24px;max-height:65vh;overflow:auto}
.tt-header summary:focus-visible,.tt-header a:focus-visible,.tt-footer a:focus-visible{outline:3px solid #e09d24;outline-offset:3px}
.tt-footer{margin-top:0;background:#092b42}
.tt-footer-cta{padding-block:54px;gap:40px}
.tt-footer-cta h2{font-size:clamp(25px,3vw,38px);font-weight:650;margin:12px 0}
.tt-footer-cta .button{border-radius:8px!important;padding:14px 24px}
.tt-footer-grid{grid-template-columns:1.3fr 1.35fr 1fr .95fr;gap:36px;padding-block:52px}
.tt-footer nav h2{font-size:16px;font-weight:650;margin-bottom:20px}
.tt-footer-links{gap:9px}
.tt-footer-links a{font-size:12px;line-height:1.9;display:inline-block;padding-block:3px}
.tt-footer-brand p{margin:18px 0;color:#b8ccd9;line-height:1.95;font-size:13px}
.tt-footer .tt-logo-frame{width:182px;height:76px;border-radius:8px}
.tt-footer-phones{margin:12px 0 18px;gap:6px}
.tt-footer .tt-footer-social-links{gap:6px}
.tt-footer .tt-footer-social-links a{font-size:11px;min-height:36px;padding:6px 9px;border-color:#ffffff24}
.tt-footer-bottom{font-size:11px;align-items:center;padding-block:22px}
.tt-footer-bottom nav a{font-size:11px}
.tt-footer .tt-reference-footer{background:#0b3048;border-radius:14px;max-width:1152px;margin:0 auto 32px;border:1px solid #ffffff18;padding:22px 0}
.tt-footer .tt-reference-grid{gap:16px}
@media(min-width:1051px){.tt-header .mobile-menu{display:none!important}}
@media(max-width:1150px) and (min-width:1051px){.tt-header .nav{gap:12px}.tt-header .tt-menu{gap:0}.tt-header .tt-menu>li>a,.tt-header .tt-nav-disclosure>summary{padding-inline:8px!important}.tt-header .tt-logo-frame{width:155px}}
@media(max-width:1050px){
 .tt-header .nav{min-height:84px;gap:14px}.tt-header .mobile-menu[open]{overflow:visible;max-height:none}
 .tt-header .mobile-menu[open]>nav{top:100%;inset-inline:12px;max-height:calc(100dvh - 130px);overflow:auto;padding:16px;border-radius:0 0 14px 14px}
 .tt-header .mobile-menu .tt-menu{align-items:stretch;gap:4px}
 .tt-header .mobile-menu .tt-menu>li>a{display:block;padding:12px;font-size:14px;text-decoration:none;min-height:46px}
 .tt-header .mobile-menu .tt-nav-disclosure>summary{display:flex;justify-content:space-between;border:0;padding:12px!important;font-size:14px;border-radius:8px}
 .tt-header .tt-nav-panel{position:static;max-height:none;overflow:visible;padding:12px;border:1px solid #dde9f0;border-radius:10px;box-shadow:none;background:#f8fbfd;margin:4px 0 10px}
 .tt-header .tt-nav-panel .tt-section-links{grid-template-columns:1fr}
 .tt-nav-panel-heading{display:none}.tt-header .tt-nav-panel .tt-section-links a{min-height:46px}
 .tt-header .tt-menu>li{width:100%}.tt-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.tt-footer .tt-reference-footer{margin-inline:24px}
}
@media(max-width:600px){
 .tt-topbar>.container{justify-content:center}.tt-topbar a{display:none}
 .tt-header .nav{min-height:78px;gap:8px}.tt-header .tt-logo-frame{width:145px;height:66px}
 .tt-header .nav-actions{gap:5px}.tt-header-search>summary{font-size:12px;padding:9px}
 .tt-header .mobile-menu>summary{font-size:12px;min-height:42px}
 .tt-footer-cta{padding-block:36px}.tt-footer-cta p{font-size:13px}
 .tt-footer-grid{gap:30px 20px;padding-block:36px}.tt-footer-brand{grid-column:1/-1}.tt-footer-brand p{max-width:100%}
 .tt-footer-grid>nav:last-child{grid-column:1/-1}.tt-footer-grid>nav:last-child .tt-footer-links{grid-template-columns:1fr 1fr}
 .tt-footer .tt-reference-footer{margin-inline:16px;padding-block:20px}.tt-footer-bottom{line-height:2}.tt-footer-bottom nav{gap:16px}
}
@media(prefers-reduced-motion:reduce){.tt-nav-disclosure>summary svg{transition:none}}
