/* v9.84.3: restore the original Guidance intro without the retired v155 screen. */
#preloader { display: none !important; background: transparent !important; }
html.ga-intro-active #preloader { display: flex !important; }
html.ga-intro-active, html.ga-intro-active body { overflow: hidden !important; }
#consua-preloader { z-index: 999999; height: 100%; }
#consua-preloader .ga-loader-circle {
    position: relative; width: 110px; height: 110px; margin: 0 auto 16px;
}
#consua-preloader .ga-loader-circle .spinner {
    display: block !important; width: 100%; height: 100%; margin: 0;
    box-sizing: border-box; aspect-ratio: 1; transform-origin: 50% 50%;
}
#consua-preloader .ga-loader-percent {
    position: absolute; inset: 0; display: grid; place-items: center;
    font: 700 24px/1 'Outfit', sans-serif; color: #000; font-variant-numeric: tabular-nums;
}
/* A stable text slot keeps the original wordmark animation in place. */
#consua-preloader .ga-loader-status {
    display: flex; align-items: center; justify-content: center; gap: 9px;
    width: min(340px, calc(100vw - 40px)); min-height: 42px; margin: 0 auto 18px;
    font: 500 14px/1.5 'Outfit', sans-serif; color: #475569;
    text-align: center; letter-spacing: .02em;
}
#consua-preloader .ga-loader-status::before {
    content: ''; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%;
    background: #ef2b54; box-shadow: 0 0 0 4px rgba(239, 43, 84, .08);
}
#consua-preloader .animation-preloader { max-width: calc(100vw - 24px); }
#consua-preloader .loader .row { margin: 0; flex-wrap: nowrap; }
#consua-preloader.loaded { pointer-events: none; }
#consua-preloader.loaded .loader-section .bg { transition: width .7s .3s cubic-bezier(.1,.1,.1,1); }
@media (max-width: 767px) {
    #consua-preloader .ga-loader-circle { width: 80px; height: 80px; }
    #consua-preloader .ga-loader-percent { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    #consua-preloader .spinner, #consua-preloader .letters-loading::before { animation: none; }
    #consua-preloader.loaded .loader-section .bg { transition-duration: .1s; transition-delay: 0s; }
}

/* Decorative layers never participate in layout or pointer hit testing. */
#tmks-proje, #tmks-perspektif, .tmk-cta .achivement-counter, #tmks-iletisim { position: relative; }
.ga-restored-shape, .footer-shape { pointer-events: none; }
.ga-restored-shape { z-index: 0; }
.ga-restored-shape img { display: block; max-width: 100%; height: auto; object-fit: contain; }
#tmks-proje > .container, #tmks-perspektif > .container { position: relative; z-index: 1; }
.tmk-cta .shape-animated-up-down { left: 0; top: -158px; width: 135px; }
#tmks-iletisim .shape-animated-arrow { left: auto; right: 14px; top: -82px; width: 74px; opacity: .6; filter: invert(1); }
#tmks-iletisim > :not(.ga-restored-shape) { position: relative; z-index: 1; }
@media (max-width: 1199.98px) {
    .tmk-cta .shape-animated-up-down { display: none; }
}
/* Keep the spinning mark in the copyright line rather than on a section boundary. */
.ga-copyright-line { display: flex; align-items: center; gap: 12px; }
.ga-copyright-mark { display: inline-flex; width: 30px; height: 30px; flex: 0 0 30px; }
.ga-copyright-mark img {
    display: block; width: 30px; height: 30px; max-width: none; aspect-ratio: 1;
    object-fit: contain; transform-origin: 50% 50%; animation: ga-copyright-spin 20s linear infinite;
}
@keyframes ga-copyright-spin { to { transform: rotate(360deg); } }
@media (max-width: 991.98px) { .ga-copyright-line { justify-content: center; } }

/* Reuse the existing tooltip, including its transition and typography. */
.btn-back-to-top { overflow: visible !important; }
.btn-back-to-top:hover > .ga-floating-tools__tooltip,
.btn-back-to-top:focus-visible > .ga-floating-tools__tooltip { opacity: 1; transform: translate(50%, 0); }
.btn-back-to-top > .ga-floating-tools__tooltip { z-index: 5; }

/* Dock inside the contact column: copyright remains the final footer row. */
.ga-footer-tools-slot { position: relative; width: 220px; max-width: 100%; height: 78px; margin-top: 12px; }
html body .ga-footer-tools-slot .ga-floating-tools,
html body .ga-footer-tools-slot .btn-back-to-top { position: absolute !important; top: 8px !important; bottom: auto !important; }
html body .ga-footer-tools-slot .ga-floating-tools { right: 76px !important; }
html body .ga-footer-tools-slot .btn-back-to-top { right: 0 !important; }
/* Reserve space only while the optional news ticker is open. */
footer.ga-has-tools { padding-bottom: var(--ga-news-rise, 0px); }
@media (prefers-reduced-motion: reduce) { .ga-copyright-mark img { animation: none; } }
/* Equal outer columns center the desktop menu in the viewport beside the logo. */
@media (min-width: 1200px) {
    .wrapper > header .navbar > .container {
        display: grid !important;
        grid-template-columns: minmax(112px, 1fr) auto minmax(112px, 1fr);
    }
    .wrapper > header .navbar-header { grid-column: 1; justify-self: start; }
    .wrapper > header #navbar-menu {
        grid-column: 2; width: auto !important; justify-content: center;
    }
    .wrapper > header #navbar-menu > .navbar-nav {
        float: none !important; flex-direction: row; flex-wrap: nowrap;
    }
}

@media (max-width: 1023px) {
    .wrapper > header .tmk-mobile-menu-head { gap: 12px; margin: 0 0 10px; padding: 14px 12px; }
    .wrapper > header .tmk-mobile-menu-head .tmk-menu-close {
        flex: 0 0 auto; width: auto !important; min-width: 86px; height: 44px !important;
        padding: 0 12px !important; gap: 7px; justify-content: center;
        border-radius: 12px !important; white-space: nowrap;
    }
    body.tmk-menu-opened .ga-floating-tools,
    body.tmk-menu-opened .ga-news-ticker,
    body.tmk-menu-opened .btn-back-to-top { display: none !important; }
}

/* The mobile logo is centered now that the release badge has been removed. */
@media (max-width: 767.98px) {
    .wrapper > header .navbar-brand { left: 50% !important; }
    .wrapper > header .navbar-toggle { margin-left: 0 !important; margin-right: 0 !important; }
}

/* On side-by-side layouts, align the statistics card with the PMO badge. */
@media (min-width: 992px) {
    .tmk-about-intro > .container > .row { align-items: flex-end !important; }
    .tmk-about-intro .about-thumb { margin-bottom: 150px; }
}