/* =========================================================
   QUANTAPS HEADER
   AURORA ICE BLUE / CYAN — BALANCED AIR FINAL V3
   FULL REPLACEMENT

   Renk yönü:
   - Beyaz ve açık buz mavisi yüzey
   - YumuÅŸak periwinkle mavi ana vurgu
   - Kontrollü camgöbeği ışık
   - Koyu lacivert metin
   - Mor/pembe yalnız çok düşük yoğunlukta geçiş tonu
========================================================= */

#quantapsHeader,
#mobileMenu,
.qt-allservices-panel {
    --qt-ink: #162543;
    --qt-ink2: #0f1d38;
    --qt-muted: #596b89;
    --qt-muted2: #7b8ca7;

    --qt-lav: #6f86e8;
    --qt-lav2: #94a9f1;
    --qt-cyan: #68d0df;
    --qt-pink: #b4ade9;

    --qt-line: rgba(67, 91, 145, .105);
    --qt-line-strong: rgba(100, 126, 210, .19);
    --qt-soft: rgba(104, 133, 225, .075);

    --qt-white: #ffffff;
    --qt-brand-word: #172a52;
    --qt-brand-dot: #64d7e8;

    --qt-bg: #f8fbff;
    --qt-bg-2: #eef6fb;
    --qt-surface: #ffffff;
    --qt-surface-2: #f4f9fd;

    --qt-shadow-sm: 0 4px 12px rgba(25, 45, 80, .05);
    --qt-shadow-md: 0 12px 28px rgba(25, 45, 80, .09);
    --qt-shadow-lg: 0 22px 48px rgba(25, 45, 80, .14);

    --qt-radius-sm: 12px;
    --qt-radius-md: 16px;
    --qt-radius-lg: 20px;
    --qt-radius-xl: 24px;

    color: var(--qt-ink);
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

#quantapsHeader *,
#mobileMenu *,
.qt-allservices-panel * {
    box-sizing: border-box;
}

#quantapsHeader svg.qt-ic,
#mobileMenu svg.qt-ic,
.qt-allservices-panel svg.qt-ic {
    display: block;
    width: 1em;
    height: 1em;
    overflow: visible;
    color: currentColor;
    fill: currentColor;
}

#quantapsHeader svg.qt-ic use,
#mobileMenu svg.qt-ic use,
.qt-allservices-panel svg.qt-ic use {
    color: inherit;
    fill: currentColor;
}

#quantapsHeader svg.qt-ic--stroke,
#mobileMenu svg.qt-ic--stroke,
.qt-allservices-panel svg.qt-ic--stroke {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* =========================================================
   HEADER BASE
========================================================= */

#quantapsHeader {
    position: relative;
    z-index: 5000;

    width: 100%;
    margin: 0;

    isolation: isolate;

    color: var(--qt-ink);

background:
        radial-gradient(
            680px 178px at 8% 0%,
            rgba(104, 143, 226, .12),
            transparent 69%
        ),
        radial-gradient(
            590px 170px at 92% 0%,
            rgba(104, 208, 223, .10),
            transparent 71%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbff 56%,
            #eef6fb 100%
        );

    border-bottom: 1px solid var(--qt-line);

    box-shadow:
        0 6px 18px rgba(28, 44, 82, .055),
        inset 0 1px 0 rgba(255, 255, 255, .96);

    transition:
        box-shadow .18s ease,
        border-color .18s ease;
}

#quantapsHeader::before {
    content: "";

    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    height: 1px;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(180, 173, 233, .15),
        rgba(104, 208, 223, .26),
        rgba(111, 134, 232, .25),
        transparent
    );
}

#quantapsHeader.scrolled {
    border-bottom-color: rgba(94, 109, 210, .18);

    box-shadow:
        0 8px 22px rgba(28, 44, 82, .085),
        inset 0 1px 0 rgba(255, 255, 255, .96);
}

#quantapsHeader + .hero,
#quantapsHeader + .home-hero,
#quantapsHeader + main > .hero:first-child,
#quantapsHeader + main > .home-hero:first-child {
    margin-top: 0 !important;
}

#quantapsHeader .qt-head {
    display: grid;
    grid-template-columns: minmax(260px, 300px) minmax(340px, 1fr) max-content;
    align-items: center;
    gap: 12px;

    width: 100%;
    min-width: 0;
    min-height: 82px;
    padding: 8px 20px;
}

#quantapsHeader .qt-head > * {
    min-width: 0;
}

/* =========================================================
   LOGO
   EXTERNAL Q SYMBOL + HTML WORDMARK
   /assets/shared/img/quantaps-mark.svg
========================================================= */

#quantapsHeader .site-brand--quantaps,
#mobileMenu .site-brand--quantaps {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;

    width: max-content;
    max-width: 100%;
    min-width: 0;

    overflow: visible;

    color: var(--qt-brand-word) !important;
    text-decoration: none;
    line-height: 1;

    -webkit-tap-highlight-color: transparent;
}

#quantapsHeader .site-brand__mark,
#mobileMenu .site-brand__mark {
    display: grid;
    place-items: center;

    width: 60px;
    height: 60px;
    flex: 0 0 60px;

    overflow: hidden;
}

#quantapsHeader .site-brand__mark img,
#mobileMenu .site-brand__mark img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    transform: scale(1.40);
    transform-origin: center;

    user-select: none;
    -webkit-user-drag: none;
}

#quantapsHeader .site-brand__word,
#mobileMenu .site-brand__word {
    display: block;
    min-width: 0;

    color: var(--qt-brand-word);

    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    font-size: 34px;
    font-weight: 950;
    line-height: .90;
    letter-spacing: -.052em;

    white-space: nowrap;

    transition: color .16s ease;
}

#quantapsHeader .site-brand__dot,
#mobileMenu .site-brand__dot {
    display: inline-block;
    margin-left: .055em;

    color: var(--qt-brand-dot);
}

@media (hover: hover) {
    #quantapsHeader .site-brand--quantaps:hover .site-brand__word,
    #mobileMenu .site-brand--quantaps:hover .site-brand__word {
        color: #213b6d;
    }
}

/* =========================================================
   SEARCH
========================================================= */

#quantapsHeader .qt-search {
    position: relative;

    display: flex;
    align-items: center;
    justify-self: stretch;
    gap: 10px;

    width: 100%;
    min-width: 0;
    padding: 6px 7px 6px 12px;

    color: var(--qt-ink);

    background: rgba(255, 255, 255, .94);

    border: 1px solid rgba(65, 83, 145, .13);
    border-radius: 15px;

    box-shadow:
        0 4px 12px rgba(28, 44, 82, .045),
        inset 0 1px 0 rgba(255, 255, 255, .96);

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

#quantapsHeader .qt-search:focus-within {
    border-color: rgba(100, 126, 210, .32);
    background: #ffffff;

    box-shadow:
        0 0 0 4px rgba(100, 126, 210, .07),
        0 7px 18px rgba(28, 44, 82, .07);
}

#quantapsHeader .qt-search svg.qt-ic {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;

    color: #5e78c9;
}

#quantapsHeader .qt-search input {
    flex: 1 1 auto;

    width: 100%;
    min-width: 0;

    border: 0;
    outline: 0;

    color: var(--qt-ink);
    background: transparent;

    font: 650 13px/1.3 Inter, system-ui, sans-serif;
}

#quantapsHeader .qt-search input::placeholder {
    color: #8b96aa;
    opacity: 1;
}

#quantapsHeader .qt-search button {
    flex: 0 0 auto;

    min-height: 34px;
    padding: 0 14px;

    border: 0;
    border-radius: 11px;

    color: #ffffff;

    background: linear-gradient(
        135deg,
        #6681e4,
        #7893e9
    );

    box-shadow: 0 6px 14px rgba(78, 113, 199, .17);

    cursor: pointer;

    font: 900 12px/1 Inter, system-ui, sans-serif;

    transition:
        transform .14s ease,
        box-shadow .14s ease;
}

#quantapsHeader .qt-search button:hover {
    transform: translateY(-1px);

    box-shadow: 0 8px 18px rgba(78, 113, 199, .21);
}

#quantapsHeader .qt-search button:active {
    transform: scale(.98);
}

/* =========================================================
   LANGUAGE
========================================================= */

#quantapsHeader .qt-lang,
#mobileMenu .qt-lang {
    display: inline-flex;
    align-items: center;

    flex: 0 0 auto;
}

#quantapsHeader .qt-lang--desktop {
    display: inline-flex;
    align-items: center;
    justify-self: end;
    align-self: center;

    min-width: max-content;

    white-space: nowrap;
}

#quantapsHeader .qt-lang--desktop .qt-lang-dd {
    position: relative;
}

#quantapsHeader .qt-lang--desktop .qt-lang-current {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    min-width: auto;
    height: 40px;
    padding: 0 12px 0 14px;

    appearance: none;
    -webkit-appearance: none;

    border: 1px solid rgba(65, 83, 145, .13);
    border-radius: 14px;

    color: var(--qt-ink);

    background: rgba(255, 255, 255, .94);

    box-shadow:
        0 4px 12px rgba(28, 44, 82, .045),
        inset 0 1px 0 rgba(255, 255, 255, .96);

    cursor: pointer;
    white-space: nowrap;

    font: 850 13px/1 Inter, system-ui, sans-serif;

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        transform .14s ease,
        background-color .16s ease;
}

#quantapsHeader .qt-lang--desktop .qt-lang-current:hover,
#quantapsHeader .qt-lang--desktop .qt-lang-dd:focus-within .qt-lang-current {
    border-color: rgba(100, 126, 210, .28);
    background: #ffffff;

    box-shadow:
        0 0 0 3px rgba(100, 126, 210, .052),
        0 7px 17px rgba(28, 44, 82, .07);
}

#quantapsHeader .qt-lang--desktop .qt-lang-current:active {
    transform: scale(.98);
}

#quantapsHeader .qt-lang-current-main {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    min-width: 0;
}

#quantapsHeader .qt-lang-current-flag,
#quantapsHeader .qt-lang-option-flag {
    font-size: 16px;
    line-height: 1;
}

#quantapsHeader .qt-lang-current-label {
    white-space: nowrap;
}

#quantapsHeader .qt-lang-current-caret {
    position: relative;

    display: block;

    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

#quantapsHeader .qt-lang-current-caret::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 7px;
    height: 7px;

    border-right: 2px solid #607bd3;
    border-bottom: 2px solid #607bd3;

    transform: translate(-50%, -62%) rotate(45deg);

    transition: transform .18s ease;
}

#quantapsHeader .qt-lang--desktop .qt-lang-dd:hover .qt-lang-current-caret::before,
#quantapsHeader .qt-lang--desktop .qt-lang-dd:focus-within .qt-lang-current-caret::before {
    transform: translate(-50%, -38%) rotate(225deg);
}

#quantapsHeader .qt-lang-current-chev,
#quantapsHeader .qt-lang--desktop .qt-lang-btn {
    display: none !important;
}

#quantapsHeader .qt-lang--desktop .qt-lang-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 5400;

    display: grid;
    gap: 5px;

    min-width: 180px;
    padding: 7px;

    opacity: 0;
    visibility: hidden;

    transform: translateY(6px);

    border: 1px solid rgba(65, 83, 145, .12);
    border-radius: 16px;

    background: #ffffff;

    box-shadow: var(--qt-shadow-md);

    transition:
        opacity .14s ease,
        transform .14s ease,
        visibility .14s ease;
}

#quantapsHeader .qt-lang--desktop .qt-lang-dd:hover .qt-lang-menu,
#quantapsHeader .qt-lang--desktop .qt-lang-dd:focus-within .qt-lang-menu {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

#quantapsHeader .qt-lang--desktop .qt-lang-option {
    display: flex;
    align-items: center;
    gap: 10px;

    min-height: 42px;
    padding: 0 12px;

    border-radius: 11px;

    color: #35425f;
    background: transparent;

    text-decoration: none;

    font: 750 13px/1.2 Inter, system-ui, sans-serif;

    transition:
        background-color .14s ease,
        color .14s ease;
}

#quantapsHeader .qt-lang--desktop .qt-lang-option:hover {
    color: #506bd4;
    background: rgba(104, 133, 225, .072);
}

#quantapsHeader .qt-lang-option-label {
    flex: 1 1 auto;
}

#quantapsHeader .qt-lang-option-code {
    color: #5b6ed2;
    font-weight: 900;
}

/* =========================================================
   HAMBURGER
========================================================= */

#quantapsHeader .hamburger {
    position: relative;

    display: none;

    width: 40px;
    height: 38px;
    padding: 0;

    border: 1px solid rgba(112, 103, 218, .15);
    border-radius: 13px;

    background: rgba(255, 255, 255, .84);

    box-shadow: var(--qt-shadow-sm);

    cursor: pointer;

    justify-self: end;
    flex: 0 0 auto;

    -webkit-tap-highlight-color: transparent;
}

#quantapsHeader .hamburger .bar {
    position: absolute;
    right: 7px;
    left: 7px;

    height: 3px;

    border-radius: 999px;

    background: linear-gradient(
        90deg,
        #6480df,
        #68d0df
    );

    transition:
        transform .24s ease,
        top .24s ease,
        opacity .18s ease;
}

#quantapsHeader .hamburger .bar:nth-child(1) {
    top: 9px;
}

#quantapsHeader .hamburger .bar:nth-child(2) {
    top: 17px;
}

#quantapsHeader .hamburger .bar:nth-child(3) {
    top: 25px;
}

#quantapsHeader .hamburger.active .bar:nth-child(1) {
    top: 17px;
    transform: rotate(45deg);
}

#quantapsHeader .hamburger.active .bar:nth-child(2) {
    opacity: 0;
}

#quantapsHeader .hamburger.active .bar:nth-child(3) {
    top: 17px;
    transform: rotate(-45deg);
}

/* =========================================================
   DESKTOP MENU
========================================================= */

@media (min-width: 993px) {
    #quantapsHeader .qt-menubar {
        position: relative;
        z-index: 5200;

        overflow: visible;

        border-top: 1px solid rgba(111, 134, 232, .07);
        border-bottom: 1px solid rgba(105, 126, 230, .14);

        background:
    linear-gradient(
        180deg,
        rgba(255, 255, 255, .98),
        rgba(246, 246, 255, .98)
    );
    }

    #quantapsHeader .qt-menu-shell {
        position: relative;

        width: 100%;
        max-width: 100%;

        overflow: visible;
    }

    #quantapsHeader .qt-menu-root {
        display: flex;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 2px;

        margin: 0;
        padding: 0 14px;

        overflow: visible;

        list-style: none;
        white-space: nowrap;
    }

    #quantapsHeader .qt-menu-root::-webkit-scrollbar {
        display: none;
    }

    #quantapsHeader .qt-menu-item {
        position: relative;

        display: flex;
        align-items: stretch;
        flex: 0 0 auto;

        border-bottom: 2px solid transparent;

        transition: border-color .14s ease;
    }

    #quantapsHeader .qt-menu-item:hover,
    #quantapsHeader .qt-menu-item:focus-within,
    #quantapsHeader .qt-menu-item.is-current {
        border-bottom-color: #6f86e8;
    }

    #quantapsHeader .qt-menu-item--has-sub {
        position: static;
    }

    #quantapsHeader .qt-menu-link,
    #quantapsHeader .qt-menu-trigger {
        position: relative;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        height: 46px;
        margin: 0;
        padding: 0 11px;

        border: 0;
        border-radius: 11px 11px 0 0;

        color: #46577b;
        background: transparent;

        text-decoration: none;
        white-space: nowrap;

        cursor: pointer;

        font: 760 13px/1 Inter, system-ui, sans-serif;

        transition:
            color .14s ease,
            background-color .14s ease;
    }

    #quantapsHeader .qt-menu-link__inner {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    #quantapsHeader .qt-menu-link__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: 18px;
        height: 18px;
        flex: 0 0 18px;
    }

    #quantapsHeader .qt-menu-link:hover,
    #quantapsHeader .qt-menu-trigger:hover,
    #quantapsHeader .qt-menu-item:hover > .qt-menu-link,
    #quantapsHeader .qt-menu-item:hover > .qt-menu-trigger {
        color: #5868dc;
        background: rgba(111, 134, 232, .085);
    }

    #quantapsHeader .qt-menu-link.is-active,
    #quantapsHeader .qt-menu-item.is-current > .qt-menu-trigger {
        color: #506bd4;
    }

    #quantapsHeader .qt-menu-link--allservices {
        color: #506bd4;
        font-weight: 850;
    }

    #quantapsHeader .qt-menu-item--has-sub > .qt-menu-trigger {
        padding-right: 22px;
    }

    #quantapsHeader .qt-menu-item--has-sub > .qt-menu-trigger::after {
        content: "";

        position: absolute;
        top: 50%;
        right: 8px;

        width: 7px;
        height: 7px;
        margin-top: -6px;

        border-right: 1.8px solid currentColor;
        border-bottom: 1.8px solid currentColor;

        opacity: .65;

        transform: rotate(45deg);

        transition:
            transform .18s ease,
            opacity .18s ease;
    }

   #quantapsHeader .qt-menu-item--has-sub.is-open > .qt-menu-trigger::after {
    opacity: 1;
    transform: rotate(225deg);
}

    #quantapsHeader .qt-menu-item--has-sub::before {
        content: "";

        position: absolute;
        top: 100%;
        right: 0;
        left: 0;

        height: 14px;
    }

    #quantapsHeader .qt-submenu {
        position: absolute;
        top: calc(100% + 1px);
        left: 50%;
        z-index: 5300;

        display: block;

        width: 100vw;
        min-width: 100vw;
        max-width: 100vw;

        padding: 16px 24px 18px;

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transform: translateX(-50%) translateY(3px);

        background:
    radial-gradient(
        700px 180px at 12% 0%,
        rgba(104, 143, 226, .09),
        transparent 68%
    ),
    radial-gradient(
        520px 160px at 88% 0%,
        rgba(104, 208, 223, .065),
        transparent 70%
    ),
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f8fbff 55%,
        #f0f7fb 100%
    );

        border-top: 1px solid rgba(65, 83, 145, .10);
        border-bottom: 1px solid rgba(65, 83, 145, .12);

        box-shadow: 0 18px 36px rgba(28, 44, 82, .13);

        transition:
            opacity .14s ease,
            visibility .14s ease,
            transform .14s ease;
    }

    #quantapsHeader .qt-menu-item--has-sub.is-open > .qt-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

    #quantapsHeader .qt-submenu-head,
    #quantapsHeader .qt-submenu-grid {
        width: min(1380px, calc(100vw - 48px));
        margin-right: auto;
        margin-left: auto;
    }

    #quantapsHeader .qt-submenu-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;

        margin-bottom: 11px;
        padding: 0 2px 11px;

        border-bottom: 1px solid rgba(65, 83, 145, .10);
    }

    #quantapsHeader .qt-submenu-title {
        color: var(--qt-ink2);

        letter-spacing: -.01em;

        font: 900 15px/1.2 Inter, system-ui, sans-serif;
    }

    #quantapsHeader .qt-submenu-all {
        display: inline-flex;
        align-items: center;

        min-height: 28px;
        padding: 0 10px;

        border: 1px solid rgba(99, 105, 216, .17);
        border-radius: 999px;

        color: #536fd5;
        background: rgba(104, 133, 225, .06);

        text-decoration: none;
        white-space: nowrap;

        font: 900 12px/1 Inter, system-ui, sans-serif;
    }

    #quantapsHeader .qt-submenu-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: start;
        gap: 7px 18px;
    }

    #quantapsHeader .qt-submenu-link {
        display: block;

        min-width: 0;
        padding: 7px 8px;

        border-radius: 9px;

        color: #506080;
        background: transparent;

        text-decoration: none;
        white-space: normal;

        font: 650 13px/1.34 Inter, system-ui, sans-serif;

        transition:
            color .14s ease,
            background-color .14s ease;
    }

    #quantapsHeader .qt-submenu-link:hover {
        color: #5975d8;
background: rgba(111, 134, 232, .075);
    }

    /* =====================================================
       ADAPTIVE DESKTOP PLATFORM OVERFLOW
       Existing JS may create DiÄŸer / More dynamically.
    ===================================================== */

    #quantapsHeader .qt-menu-item.is-adaptive-hidden {
        display: none !important;
    }

    #quantapsHeader .qt-menu-overflow {
        position: relative;
        display: flex;
        align-items: stretch;
        flex: 0 0 auto;
    }

    #quantapsHeader .qt-menu-overflow__button {
        position: relative;
        min-width: 78px;
        padding-right: 27px;
    }

    #quantapsHeader .qt-menu-overflow__button::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 11px;
        width: 6px;
        height: 6px;
        border-right: 1.8px solid currentColor;
        border-bottom: 1.8px solid currentColor;
        transform: translateY(-68%) rotate(45deg);
        transition: transform .16s ease;
    }

    #quantapsHeader .qt-menu-overflow.is-open .qt-menu-overflow__button::after {
        transform: translateY(-32%) rotate(225deg);
    }

    #quantapsHeader .qt-menu-overflow__menu {
        position: absolute;
        top: calc(100% + 7px);
        right: 0;
        z-index: 5450;
        display: grid;
        gap: 4px;
        min-width: 188px;
        max-height: min(60vh, 460px);
        padding: 7px;
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        border: 1px solid rgba(67, 91, 145, .12);
        border-radius: 14px;
        background:
            radial-gradient(220px 90px at 10% 0%, rgba(104, 143, 226, .075), transparent 72%),
            #ffffff;
        box-shadow: 0 18px 42px rgba(25, 45, 80, .14);
        transform: translateY(6px);
        transition: opacity .14s ease, visibility .14s ease, transform .14s ease;
    }

    #quantapsHeader .qt-menu-overflow.is-open .qt-menu-overflow__menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    #quantapsHeader .qt-menu-overflow__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 39px;
        padding: 0 11px;
        border-radius: 9px;
        color: #465a7b;
        font: 790 12.6px/1 Inter, system-ui, sans-serif;
        text-decoration: none;
    }

    #quantapsHeader .qt-menu-overflow__link::after {
        content: "→";
        color: #6b86c9;
        font-weight: 900;
    }

    #quantapsHeader .qt-menu-overflow__link:hover,
    #quantapsHeader .qt-menu-overflow__link.is-current {
        color: #506bd4;
        background: rgba(104, 143, 226, .075);
    }

    #quantapsHeader .qt-menu-overflow.has-current > .qt-menu-overflow__button {
        color: #506bd4;
        background: rgba(104, 133, 225, .075);
    }

}

/* =========================================================
   ALL SERVICES PANEL
========================================================= */

.qt-allservices-panel {
    position: fixed;
    inset: 0;
    z-index: 99930;

    pointer-events: none;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .18s ease,
        visibility .18s ease;
}

.qt-allservices-panel.is-open {
    pointer-events: auto;

    opacity: 1;
    visibility: visible;
}

.qt-allservices-panel__overlay {
    position: absolute;
    inset: 0;

    background: rgba(27, 36, 67, .34);
}

.qt-allservices-panel__drawer {
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width: min(420px, 92vw);
    height: 100%;

    border-right: 1px solid rgba(65, 83, 145, .13);

    background:
    radial-gradient(
        420px 190px at 100% 0,
        rgba(104, 143, 226, .12),
        transparent 68%
    ),
    radial-gradient(
        320px 180px at 0 100%,
        rgba(104, 208, 223, .065),
        transparent 72%
    ),
    linear-gradient(
        180deg,
        #fdfdff 0%,
        #f7fbff 55%,
        #eef6fb 100%
    );

    box-shadow: 18px 0 44px rgba(28, 44, 82, .18);

    transform: translateX(-100%);

    transition: transform .22s ease;
}

.qt-allservices-panel.is-open .qt-allservices-panel__drawer {
    transform: translateX(0);
}

.qt-allservices-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    min-height: 72px;
    padding: 15px 18px;

    border-bottom: 1px solid rgba(65, 83, 145, .11);

    background: rgba(255, 255, 255, .82);
}

.qt-allservices-panel__titlewrap {
    min-width: 0;
}

.qt-allservices-panel__title {
    display: block;

    color: var(--qt-ink2);

    letter-spacing: -.035em;

    font: 950 21px/1.05 Inter, system-ui, sans-serif;
}

.qt-allservices-panel__title::after {
    content: "";

    display: block;

    width: 44px;
    height: 3px;
    margin-top: 8px;

    border-radius: 999px;

    background: linear-gradient(
        90deg,
        var(--qt-pink),
        var(--qt-lav),
        var(--qt-cyan)
    );
}

.qt-allservices-panel__close {
    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    padding: 0;

    border: 1px solid rgba(65, 83, 145, .13);
    border-radius: 13px;

    color: #5772d5;
    background: #ffffff;

    box-shadow: var(--qt-shadow-sm);

    cursor: pointer;

    transition:
        background-color .14s ease,
        transform .14s ease;
}

.qt-allservices-panel__close:hover {
    background: #eef7fb;
    transform: scale(1.03);
}

.qt-allservices-panel__body {
    flex: 1 1 auto;

    padding: 8px 12px 16px;

    overflow: auto;

    scrollbar-width: none;
}

.qt-allservices-panel__body::-webkit-scrollbar {
    display: none;
}

.qt-allservices-accordion {
    display: grid;
    gap: 6px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.qt-allservices-item {
    --qt-menu-accent: var(--qt-platform-default, #6f86e8);
    --qt-menu-accent-soft: var(--qt-platform-default-soft, rgba(111, 134, 232, .10));

    overflow: hidden;

    border: 1px solid rgba(65, 83, 145, .10);
    border-radius: 15px;

    background: rgba(255, 255, 255, .78);

    box-shadow: 0 3px 10px rgba(28, 44, 82, .04);

    transition:
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.qt-allservices-item:hover {
    border-color: rgba(65, 83, 145, .18);
    background: #ffffff;

    box-shadow: 0 7px 17px rgba(28, 44, 82, .065);
}

.qt-allservices-item__btn[aria-expanded="true"] {
    background: rgba(104, 133, 225, .045);
}

.qt-allservices-item__btn {
    display: flex;
    align-items: center;
    gap: 10px;

    width: 100%;
    min-height: 54px;
    padding: 8px 10px;

    border: 0;

    color: #293755;
    background: transparent;

    cursor: pointer;
    text-align: left;

    font: 850 15px/1.18 Inter, system-ui, sans-serif;
}

.qt-allservices-item__main {
    display: flex;
    align-items: center;
    gap: 10px;

    min-width: 0;
    flex: 1 1 auto;
}

.qt-allservices-item__icon {
    display: grid;
    place-items: center;

    width: 36px;
    height: 36px;
    flex: 0 0 36px;

    overflow: hidden;

    border-radius: 12px;

    color: var(--qt-menu-accent) !important;
    background: var(--qt-menu-accent-soft) !important;

    box-shadow: inset 0 0 0 1px rgba(65, 83, 145, .08);
}

.qt-allservices-item__icon .qt-ic,
.qt-allservices-item__icon svg,
.qt-allservices-item__icon svg.qt-ic {
    display: block;

    width: 19px;
    height: 19px;

    color: var(--qt-menu-accent) !important;
    fill: currentColor !important;
    stroke: none;
}

.qt-allservices-item__name {
    min-width: 0;
    flex: 1 1 auto;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.qt-allservices-item__chev {
    display: grid;
    place-items: center;

    width: 28px;
    height: 28px;
    flex: 0 0 28px;

    border-radius: 9px;

    color: var(--qt-menu-accent) !important;
    background: var(--qt-menu-accent-soft);

    transition: transform .18s ease;
}

.qt-allservices-item__chev .qt-ic,
.qt-allservices-item__chev svg {
    display: block;

    width: 15px;
    height: 15px;

    color: currentColor !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.qt-allservices-item__btn[aria-expanded="true"] .qt-allservices-item__chev {
    transform: rotate(90deg);
}

.qt-allservices-item__panel {
    max-height: 0;

    overflow: hidden;

    opacity: 0;

    transition:
        max-height .22s ease,
        opacity .16s ease;
}

.qt-allservices-item__panel.open {
    max-height: 560px;
    opacity: 1;
}

.qt-allservices-item__links {
    display: grid;
    gap: 3px;

    padding: 0 10px 10px 56px;
}

.qt-allservices-item__link {
    display: block;

    min-width: 0;
    padding: 7px 8px;

    border-radius: 9px;

    color: #65718a;
    background: transparent;

    text-decoration: none;

    font: 700 12.8px/1.28 Inter, system-ui, sans-serif;

    transition:
        color .14s ease,
        background-color .14s ease;
}

.qt-allservices-item__link:hover {
    color: var(--qt-menu-accent);
    background: var(--qt-menu-accent-soft);
}

/* =========================================================
   MOBILE DRAWER
========================================================= */

.mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 99990;

    display: none;

    overflow: hidden;
}

.mobile-menu.active {
    display: block;
}

.menu-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    opacity: 0;

    background: rgba(27, 36, 67, .38);

    transition: opacity .18s ease;
}

.mobile-menu.active .menu-overlay {
    opacity: 1;
}

.drawer {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 2;

    width: min(84vw, 360px);
    max-width: 360px;
    height: 100%;

    padding:
        90px
        13px
        calc(58px + env(safe-area-inset-bottom, 0px));

    overflow-x: hidden;
    overflow-y: auto;

    border-left: 1px solid rgba(65, 83, 145, .13);

    background:
        radial-gradient(
            390px 170px at 100% 0,
            rgba(111, 134, 232, .075),
            transparent 68%
        ),
        linear-gradient(
            180deg,
            #f9fcff,
            #edf6fa
        );

    box-shadow: -18px 0 44px rgba(28, 44, 82, .18);

    -webkit-overflow-scrolling: touch;

    transition: right .24s ease;
}

.mobile-menu.active .drawer {
    right: 0;
}

body.qt-mm-open #quantapsHeader {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#mobileMenu .drawer .site-brand {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 4;

    display: flex;
    align-items: center;

    width: min(84vw, 360px);
    max-width: 360px;
    height: 76px;
    padding: 8px 16px;

    border-bottom: 1px solid rgba(65, 83, 145, .11);
    border-left: 1px solid rgba(65, 83, 145, .13);

    background: #f9fcff;

    box-shadow: 0 5px 15px rgba(28, 44, 82, .07);
}

#mobileMenu .drawer a,
#mobileMenu .drawer button {
    color: var(--qt-ink);
}

#mobileMenu .drawer svg.qt-ic {
    color: #5d79d7;
}

.floating-close {
    position: fixed;
    top: 21px;
    right: 14px;
    z-index: 5;

    display: grid;
    place-items: center;

    width: 42px;
    height: 42px;

    border: 1px solid rgba(65, 83, 145, .14);
    border-radius: 14px;

    color: #5772d5;
    background: #ffffff;

    box-shadow: var(--qt-shadow-sm);

    cursor: pointer;

    font: 900 19px/1 Inter, system-ui, sans-serif;

    transition:
        transform .14s ease,
        background-color .14s ease;
}

.floating-close:hover {
    background: #eef6fb;
    transform: scale(1.03);
}

.drawer .mnav {
    position: relative;
    z-index: 1;
}

.drawer .mnav-list {
    display: grid;
    gap: 8px;

    margin: 9px 0 0;
    padding: 0;

    list-style: none;
}

.drawer .mnav-sec,
.drawer .mnav-list a {
    display: flex;
    align-items: center;
    gap: 10px;

    width: 100%;
    min-height: 47px;
    padding: 9px 10px;

    border: 1px solid rgba(65, 83, 145, .11);
    border-radius: 14px;

    color: #33415e;

    background: rgba(255, 255, 255, .78);

    box-shadow: 0 3px 10px rgba(28, 44, 82, .04);

    text-align: left;
    text-decoration: none;

    font: 850 14px/1.2 Inter, system-ui, sans-serif;

    transition:
        transform .14s ease,
        box-shadow .14s ease,
        border-color .14s ease,
        background-color .14s ease;
}

.drawer .mnav-sec {
    cursor: pointer;
}

.drawer .mnav-sec:hover,
.drawer .mnav-list a:hover {
    border-color: rgba(100, 126, 210, .20);
    background: #ffffff;

    box-shadow: 0 7px 17px rgba(28, 44, 82, .065);

    transform: translateY(-1px);
}

.drawer .mnav-sec:active,
.drawer .mnav-list a:active {
    transform: scale(.99);
}

.drawer .mnav-list a > svg.qt-ic {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;

    color: #5d79d7;
}

.drawer .mnav-ico {
    display: grid;
    place-items: center;

    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    border-radius: 11px;

    color: #5d79d7;
    background: rgba(104, 133, 225, .085);

    box-shadow: inset 0 0 0 1px rgba(65, 83, 145, .08);
}

.drawer .mnav-chev {
    display: grid;
    place-items: center;

    width: 30px;
    height: 30px;
    margin-left: auto;

    border-radius: 10px;

    color: #5d79d7;
    background: rgba(104, 133, 225, .075);

    transition: transform .2s ease;
}

.drawer .mnav-sec[aria-expanded="true"] .mnav-chev {
    transform: rotate(180deg);
}

.drawer .mnav-sub {
    max-height: 0;
    margin-top: 9px;
    padding: 0 9px;

    overflow: hidden;

    opacity: 0;

    border: 1px solid rgba(65, 83, 145, .10);
    border-radius: 16px;

    background: rgba(255, 255, 255, .72);

    transition:
        max-height .22s ease,
        opacity .16s ease,
        padding .16s ease;
}

.drawer .mnav-sub.open {
    max-height: 500px;
    padding: 10px 9px;

    overflow: auto;

    opacity: 1;

    scrollbar-width: none;
}

.drawer .mnav-sub.open::-webkit-scrollbar {
    display: none;
}

.drawer .mnav-sublist {
    margin: 0;
    padding: 0;

    list-style: none;
}

.drawer .mnav-sublist--platforms {
    display: grid;
}

.drawer .mplat {
    overflow: hidden;

    border-bottom: 1px solid rgba(65, 83, 145, .09);
}

.drawer .mplat:last-child {
    border-bottom: 0;
}

.drawer .mplat-btn {
    display: flex;
    align-items: center;
    gap: 10px;

    width: 100%;
    min-height: 48px;
    padding: 8px 3px;

    border: 0;

    color: #33415e;
    background: transparent;

    cursor: pointer;
    text-align: left;

    font: 850 14px/1.2 Inter, system-ui, sans-serif;
}

.drawer .mplat-main {
    display: flex;
    align-items: center;
    gap: 10px;

    min-width: 0;
    flex: 1 1 auto;
}

.drawer .mplat-icon {
    display: grid;
    place-items: center;

    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    border-radius: 12px;

    color: #5d79d7;
    background: rgba(104, 133, 225, .075);

    box-shadow: inset 0 0 0 1px rgba(65, 83, 145, .08);
}

.drawer .mplat-icon .qt-ic {
    width: 17px;
    height: 17px;
}

.drawer .mplat-name {
    min-width: 0;
    flex: 1 1 auto;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.drawer .mplat-chev {
    display: grid;
    place-items: center;

    width: 28px;
    height: 28px;
    flex: 0 0 28px;

    border-radius: 9px;

    color: #5d79d7;
    background: rgba(104, 133, 225, .075);

    transition: transform .2s ease;
}

.drawer .mplat-btn[aria-expanded="true"] .mplat-chev {
    transform: rotate(90deg);
}

.drawer .mplat-panel {
    max-height: 0;

    overflow: hidden;

    opacity: 0;

    transition:
        max-height .22s ease,
        opacity .16s ease;
}

.drawer .mplat-panel.open {
    max-height: 300px;
    opacity: 1;
}

.drawer .mplat-links {
    display: grid;
    gap: 1px;

    padding: 0 0 10px 45px;
}

.drawer .mplat-link {
    display: block;

    padding: 7px 0;

    border: 0;

    color: #6b7690;
    background: transparent;

    text-decoration: none;

    font: 700 12.5px/1.28 Inter, system-ui, sans-serif;
}

.drawer .mplat-link:hover,
.drawer .mplat-link--all {
    color: #536fd5;
}

.drawer .mplat-link--all {
    font-weight: 900;
}

.drawer .mnav-allservices {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;
    margin-top: 10px;

    border-radius: 13px;

    color: #ffffff !important;

    background: linear-gradient(
        135deg,
        #6681e4,
        #7893e9
    );

    box-shadow: 0 8px 18px rgba(78, 113, 199, .17);

    text-decoration: none;

    font: 900 12.5px/1 Inter, system-ui, sans-serif;
}

.drawer .mnav-contact {
    display: grid;
    gap: 8px;

    margin-top: 10px;
}

.drawer .ct-card {
    display: flex;
    align-items: center;
    gap: 8px;

    width: 100%;
    padding: 7px 9px;

    overflow: hidden;

    border: 1px solid rgba(65, 83, 145, .10);
    border-radius: 13px;

    background: rgba(255, 255, 255, .78);

    box-shadow: 0 3px 10px rgba(28, 44, 82, .04);

    text-decoration: none;

    transition:
        transform .14s ease,
        box-shadow .14s ease,
        border-color .14s ease,
        background-color .14s ease;
}

.drawer .ct-card:hover {
    border-color: rgba(100, 126, 210, .18);
    background: #ffffff;

    box-shadow: 0 7px 17px rgba(28, 44, 82, .065);

    transform: translateY(-1px);
}

.drawer .ct-card:active {
    transform: scale(.99);
}

.drawer .ct-ico {
    display: grid;
    place-items: center;

    width: 24px;
    height: 24px;
    flex: 0 0 24px;

    border-radius: 9px;
}

.drawer .ct-wa .ct-ico {
    color: #22b95b;
}

.drawer .ct-tg .ct-ico {
    color: #269fd3;
}

.drawer .ct-ig .ct-ico {
    color: #d44f91;
}

.drawer .ct-mail .ct-ico {
    color: #5d79d7;
}

.drawer .ct-ico .qt-ic {
    width: 18px;
    height: 18px;
}

.drawer .ct-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;

    min-width: 0;
    flex: 1 1 auto;
}

.drawer .ct-top {
    color: #8994aa;

    font: 700 10.5px/1 Inter, system-ui, sans-serif;
}

.drawer .ct-main {
    overflow: hidden;

    color: #2c3957;

    text-overflow: ellipsis;
    white-space: nowrap;

    font: 800 12.5px/1.08 Inter, system-ui, sans-serif;
}

.drawer .ct-go {
    display: grid;
    place-items: center;

    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    margin-left: auto;

    border-radius: 8px;

    color: #5d79d7;
    background: rgba(104, 133, 225, .075);

    transition: transform .16s ease;
}

.drawer .ct-card:hover .ct-go {
    transform: translateY(-1px);
}

/* =========================================================
   SEARCH SUGGESTIONS
========================================================= */

.qt-suggest-portal {
    position: absolute;
    z-index: 9999;

    display: none;

    overflow: hidden;

    border: 1px solid rgba(65, 83, 145, .13);
    border-radius: 15px;

    background: #ffffff;

    box-shadow: var(--qt-shadow-md);
}

.qt-suggest-portal.open {
    display: block;
}

.qt-suggest-portal .sug {
    display: block;

    width: 100%;
    padding: 10px 14px;

    border: 0;

    color: #536079;
    background: transparent;

    cursor: pointer;
    text-align: left;

    font: 650 13.5px/1.4 Inter, system-ui, sans-serif;

    transition:
        background-color .14s ease,
        color .14s ease;
}

.qt-suggest-portal .sug:hover,
.qt-suggest-portal .sug.is-active {
    color: #506bd4;
    background: rgba(104, 133, 225, .072);
}

.qt-suggest-portal .title {
    pointer-events: none;
}

.qt-suggest-portal .sug--empty {
    color: #929caf;
    cursor: default;
}

.qt-suggest-portal .sug--empty:hover {
    color: #929caf;
    background: transparent;
}

/* =========================================================
   SCROLL TO TOP
========================================================= */

#scrollToTop {
    position: fixed;
    right: 18px;
    bottom: 95px;
    z-index: 9999;

    display: none;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border: 1px solid rgba(100, 126, 210, .17);
    border-radius: 999px;

    color: #ffffff;

    background: linear-gradient(
        135deg,
        #6681e4,
        #7893e9
    );

    box-shadow: 0 8px 18px rgba(78, 113, 199, .18);

    cursor: pointer;

    transition:
        transform .14s ease,
        box-shadow .14s ease;
}

#scrollToTop svg.qt-ic {
    width: 18px;
    height: 18px;
}

#scrollToTop.visible {
    display: flex;
}

#scrollToTop:hover {
    transform: translateY(-2px);

    box-shadow: 0 11px 22px rgba(78, 113, 199, .23);
}

body.qt-mm-open .qtmnav {
    pointer-events: none;

    opacity: 0;

    transform: translateY(110%);
}

/* =========================================================
   RESPONSIVE HEADER
   COMPACT DESKTOP + BALANCED MOBILE BRAND
========================================================= */

@media (min-width: 1440px) {
    #quantapsHeader .qt-head {
        grid-template-columns: minmax(270px, 305px) minmax(420px, 1fr) max-content;
        gap: 14px;
        min-height: 82px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    #quantapsHeader .site-brand__mark {
        width: 60px;
        height: 60px;
        flex-basis: 60px;
    }

    #quantapsHeader .site-brand__word {
        font-size: 36px;
    }
}

@media (min-width: 993px) and (max-width: 1400px) {
    #quantapsHeader .qt-head {
        grid-template-columns: minmax(235px, 270px) minmax(300px, 1fr) max-content;
        gap: 11px;
        min-height: 76px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    #quantapsHeader .site-brand--quantaps {
        gap: 9px;
    }

    #quantapsHeader .site-brand__mark {
        width: 56px;
        height: 56px;
        flex-basis: 56px;
    }

    #quantapsHeader .site-brand__word {
        font-size: 32px;
    }

    #quantapsHeader .qt-menu-link,
    #quantapsHeader .qt-menu-trigger {
        height: 44px;
        padding: 0 10px;
        font-size: 13px;
    }

    #quantapsHeader .qt-menu-item--has-sub > .qt-menu-trigger {
        padding-right: 20px;
    }

    #quantapsHeader .qt-submenu {
        padding: 14px 22px 16px;
    }

    #quantapsHeader .qt-submenu-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px 18px;
    }

    #quantapsHeader .qt-submenu-link {
        padding: 5px 2px;
        font-size: 13px;
    }
}

@media (min-width: 993px) and (max-width: 1150px) {
    #quantapsHeader .qt-head {
        grid-template-columns: minmax(215px, 242px) minmax(250px, 1fr) max-content;
        gap: 9px;
        min-height: 74px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    #quantapsHeader .site-brand--quantaps {
        gap: 8px;
    }

    #quantapsHeader .site-brand__mark {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    #quantapsHeader .site-brand__word {
        font-size: 29px;
    }

    #quantapsHeader .qt-search {
        padding: 5px 7px 5px 10px;
    }

    #quantapsHeader .qt-search input {
        font-size: 12.5px;
    }

    #quantapsHeader .qt-search button {
        min-height: 31px;
        padding: 0 10px;
        font-size: 11.5px;
    }

    #quantapsHeader .qt-lang--desktop .qt-lang-current {
        height: 38px;
        padding: 0 10px 0 12px;
        gap: 8px;
        font-size: 12.6px;
    }

    #quantapsHeader .qt-submenu-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    #quantapsHeader .qt-menubar,
    .qt-allservices-panel {
        display: none !important;
    }

    #quantapsHeader .qt-search {
        display: none !important;
    }

    #quantapsHeader .qt-head {
        grid-template-columns: minmax(0, 1fr) auto auto;
        align-items: center;
        gap: 7px;

        min-height: 76px;
        padding:
            7px
            calc(10px + env(safe-area-inset-right))
            7px
            calc(11px + env(safe-area-inset-left));
    }

    #quantapsHeader .site-brand--quantaps {
        grid-column: 1;
        grid-row: 1;

        justify-self: start;
        align-self: center;

        gap: 8px;
        width: max-content;
        max-width: min(100%, 235px);
    }

    #quantapsHeader .site-brand__mark {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
    }

    #quantapsHeader .site-brand__word {
        font-size: 27px;
    }

    #quantapsHeader .qt-lang--desktop {
        display: inline-flex !important;

        grid-column: 2;
        grid-row: 1;

        justify-self: end;
        align-self: center;

        min-width: 0;
    }

    #quantapsHeader .qt-lang--desktop .qt-lang-current {
        min-width: 68px;
        height: 36px;
        padding: 0 8px;
        gap: 6px;

        border-radius: 12px;
        font-size: 12px;
    }

    #quantapsHeader .qt-lang-current-label {
        display: none;
    }

    #quantapsHeader .qt-lang-current-flag {
        font-size: 16px;
    }

    #quantapsHeader .qt-lang-current-main {
        gap: 5px;
    }

    #quantapsHeader .qt-lang--desktop .qt-lang-current-main::after {
        content: "EN";

        color: #35425f;
        font: 900 12px/1 Inter, system-ui, sans-serif;
    }

    html[lang="tr"] #quantapsHeader .qt-lang--desktop .qt-lang-current-main::after {
        content: "TR";
    }

    #quantapsHeader .qt-lang-current-caret {
        width: 12px;
        height: 12px;
        flex-basis: 12px;
    }

    #quantapsHeader .qt-lang-current-caret::before {
        width: 6px;
        height: 6px;
        border-right-width: 2px;
        border-bottom-width: 2px;
    }

    #quantapsHeader .qt-lang--desktop .qt-lang-menu {
        right: 0;
        z-index: 99999;
        min-width: 150px;
    }

    #quantapsHeader .hamburger {
        display: flex;

        grid-column: 3;
        grid-row: 1;

        align-self: center;
        justify-self: end;

        width: 38px;
        height: 36px;
        margin: 0;
    }

    #quantapsHeader .hamburger .bar:nth-child(1) {
        top: 8px;
    }

    #quantapsHeader .hamburger .bar:nth-child(2) {
        top: 16px;
    }

    #quantapsHeader .hamburger .bar:nth-child(3) {
        top: 24px;
    }

    #quantapsHeader .hamburger.active .bar:nth-child(1),
    #quantapsHeader .hamburger.active .bar:nth-child(3) {
        top: 16px;
    }
}

@media (max-width: 600px) {
    #quantapsHeader .qt-head {
        gap: 6px;
        min-height: 72px;
        padding:
            6px
            calc(8px + env(safe-area-inset-right))
            6px
            calc(9px + env(safe-area-inset-left));
    }

    #quantapsHeader .site-brand--quantaps {
        gap: 7px;
        max-width: min(100%, 220px);
    }

    #quantapsHeader .site-brand__mark {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
    }

    #quantapsHeader .site-brand__word {
        font-size: 27px;
    }

    #quantapsHeader .qt-lang--desktop .qt-lang-current {
        min-width: 64px;
        height: 35px;
        padding: 0 7px;
    }

    .drawer {
        width: min(88vw, 352px);
        max-width: 352px;
        padding-top: 86px;
        padding-right: 12px;
        padding-left: 12px;
    }

    #mobileMenu .drawer .site-brand {
        width: min(88vw, 352px);
        max-width: 352px;
        height: 72px;
        padding: 7px 15px;
    }

    #mobileMenu .site-brand--quantaps {
        gap: 8px;
    }

    #mobileMenu .site-brand__mark {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    #mobileMenu .site-brand__word {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .qt-allservices-panel__drawer {
        width: 100vw;
        border-right: 0;
    }

    .qt-allservices-panel__head {
        min-height: 70px;
        padding: 14px 16px;
    }

    .qt-allservices-panel__title {
        font-size: 20px;
    }

    .qt-allservices-panel__body {
        padding: 8px 10px 16px;
    }

    .qt-allservices-item {
        border-radius: 14px;
    }

    .qt-allservices-item__btn {
        min-height: 54px;
        padding: 8px 10px;
    }
}

@media (max-width: 420px) {
    #quantapsHeader .qt-head {
        gap: 5px;
        min-height: 68px;
        padding:
            5px
            calc(7px + env(safe-area-inset-right))
            5px
            calc(8px + env(safe-area-inset-left));
    }

    #quantapsHeader .site-brand--quantaps {
        gap: 6px;
        max-width: min(100%, 195px);
    }

    #quantapsHeader .site-brand__mark {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    #quantapsHeader .site-brand__word {
        font-size: 25px;
    }

    #quantapsHeader .qt-lang--desktop .qt-lang-current {
        min-width: 58px;
        height: 33px;
        padding: 0 6px;
    }

    #quantapsHeader .hamburger {
        width: 36px;
        height: 34px;
    }

    #quantapsHeader .hamburger .bar {
        right: 6px;
        left: 6px;
    }

    .drawer {
        width: min(88vw, 340px);
        max-width: 340px;
        padding-right: 12px;
        padding-left: 12px;
    }

    #mobileMenu .drawer .site-brand {
        width: min(88vw, 340px);
        max-width: 340px;
        padding: 7px 14px;
    }

    #mobileMenu .site-brand__mark {
        width: 49px;
        height: 49px;
        flex-basis: 49px;
    }

    #mobileMenu .site-brand__word {
        font-size: 28px;
    }

    .floating-close {
        top: 17px;
        right: 12px;
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 360px) {
    #quantapsHeader .qt-head {
        gap: 4px;
        min-height: 64px;
        padding:
            5px
            calc(6px + env(safe-area-inset-right))
            5px
            calc(7px + env(safe-area-inset-left));
    }

    #quantapsHeader .site-brand--quantaps {
        gap: 5px;
        max-width: min(100%, 176px);
    }

    #quantapsHeader .site-brand__mark {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    #quantapsHeader .site-brand__word {
        font-size: 22px;
    }

    #quantapsHeader .qt-lang--desktop .qt-lang-current {
        min-width: 54px;
        height: 32px;
        padding: 0 5px;
    }

    #quantapsHeader .hamburger {
        width: 34px;
        height: 32px;
    }
}

/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================= */

#quantapsHeader a:focus-visible,
#quantapsHeader button:focus-visible,
#mobileMenu a:focus-visible,
#mobileMenu button:focus-visible,
.qt-allservices-panel a:focus-visible,
.qt-allservices-panel button:focus-visible {
    outline: 3px solid rgba(104, 208, 223, .27);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    #quantapsHeader *,
    #mobileMenu *,
    .qt-allservices-panel * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}


/* =========================================================
   QUANTAPS TOPBAR
   LIGHT ICE / LAVENDER / CYAN
   CLEAN • RESPONSIVE • PERFORMANCE FRIENDLY
   FULL REPLACEMENT
========================================================= */

.qt-topbar {
    --qt-topbar-accent: #756ee8;
    --qt-topbar-accent-2: #5fcde2;
    --qt-topbar-accent-soft: rgba(117, 110, 232, .10);
    --qt-topbar-accent-line: rgba(117, 110, 232, .22);
    --qt-topbar-accent-shadow: rgba(92, 98, 205, .18);

    position: relative;
    z-index: 35;

    width: 100%;
    min-height: 32px;

    overflow: hidden;

    color: #263555;

   background:
    linear-gradient(
        90deg,
        #faf8ff 0%,
        #f4f6ff 45%,
        #f5fbff 100%
    );

border-bottom: 1px solid rgba(113, 105, 220, .18);

box-shadow: none;

    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;
}

.qt-topbar::after {
    content: "";

    position: absolute;
    right: 18%;
    bottom: 0;
    left: 18%;

    height: 1px;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(117, 110, 232, .28),
        rgba(95, 205, 226, .24),
        transparent
    );
}

/* =========================================================
   LAYOUT
========================================================= */

.qt-topbar__shell {
    position: relative;
    z-index: 1;

    width: min(1320px, calc(100% - 24px));
    margin: 0 auto;
}

.qt-topbar__track {
    position: relative;
    height: 32px;
}

.qt-topbar__item {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;

    color: inherit;
    text-decoration: none;

    -webkit-tap-highlight-color: transparent;
}

.qt-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: 100%;
    min-width: 0;
}

/* =========================================================
   BADGE
========================================================= */

.qt-topbar__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 18px;
    max-width: 110px;
    padding: 0 8px;

    overflow: hidden;

    border: 1px solid var(--qt-topbar-accent-line);
    border-radius: 999px;

    color: var(--qt-topbar-accent);
    background: var(--qt-topbar-accent-soft);

    font-size: 8.8px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .07em;

    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

/* =========================================================
   TEXT
========================================================= */

.qt-topbar__text {
    min-width: 0;
    max-width: min(760px, 58vw);
    flex: 0 1 auto;

    overflow: hidden;

    color: #435273;

    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .004em;

    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qt-topbar__text-desktop {
    display: inline;
}

.qt-topbar__text-mobile {
    display: none;
}

/* =========================================================
   CTA
========================================================= */

.qt-topbar__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 21px;
    max-width: 128px;
    padding: 0 10px;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 999px;

    color: #ffffff;

    background: linear-gradient(
        135deg,
        var(--qt-topbar-accent),
        var(--qt-topbar-accent-2)
    );

    box-shadow: 0 4px 10px var(--qt-topbar-accent-shadow);

    font-size: 9.5px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .02em;

    text-overflow: ellipsis;
    white-space: nowrap;

    transition:
        transform .14s ease,
        box-shadow .14s ease;
}

@media (hover: hover) {
    .qt-topbar__item:hover .qt-topbar__cta {
        transform: translateY(-1px);
        box-shadow: 0 6px 13px var(--qt-topbar-accent-shadow);
    }
}

.qt-topbar__item:active .qt-topbar__cta {
    transform: scale(.98);
}

/* =========================================================
   PLATFORM COLORS
========================================================= */

.qt-topbar__item--default {
    --qt-topbar-accent: #756ee8;
    --qt-topbar-accent-2: #58cde2;
    --qt-topbar-accent-soft: rgba(117, 110, 232, .10);
    --qt-topbar-accent-line: rgba(117, 110, 232, .22);
    --qt-topbar-accent-shadow: rgba(92, 98, 205, .18);
}

.qt-topbar__item--instagram {
    --qt-topbar-accent: #d95c9a;
    --qt-topbar-accent-2: #f08a68;
    --qt-topbar-accent-soft: rgba(217, 92, 154, .09);
    --qt-topbar-accent-line: rgba(217, 92, 154, .20);
    --qt-topbar-accent-shadow: rgba(217, 92, 154, .17);
}

.qt-topbar__item--telegram {
    --qt-topbar-accent: #299fd4;
    --qt-topbar-accent-2: #60b8ed;
    --qt-topbar-accent-soft: rgba(41, 159, 212, .09);
    --qt-topbar-accent-line: rgba(41, 159, 212, .20);
    --qt-topbar-accent-shadow: rgba(41, 159, 212, .16);
}

.qt-topbar__item--twitter {
    --qt-topbar-accent: #389fd7;
    --qt-topbar-accent-2: #6f91e4;
    --qt-topbar-accent-soft: rgba(56, 159, 215, .09);
    --qt-topbar-accent-line: rgba(56, 159, 215, .20);
    --qt-topbar-accent-shadow: rgba(56, 159, 215, .16);
}

.qt-topbar__item--tiktok {
    --qt-topbar-accent: #36bdd1;
    --qt-topbar-accent-2: #d862a4;
    --qt-topbar-accent-soft: rgba(54, 189, 209, .09);
    --qt-topbar-accent-line: rgba(54, 189, 209, .20);
    --qt-topbar-accent-shadow: rgba(74, 150, 194, .17);
}

.qt-topbar__item--youtube {
    --qt-topbar-accent: #e64f68;
    --qt-topbar-accent-2: #f37a83;
    --qt-topbar-accent-soft: rgba(230, 79, 104, .09);
    --qt-topbar-accent-line: rgba(230, 79, 104, .19);
    --qt-topbar-accent-shadow: rgba(230, 79, 104, .16);
}

.qt-topbar__item--facebook {
    --qt-topbar-accent: #4e82df;
    --qt-topbar-accent-2: #55b9e8;
    --qt-topbar-accent-soft: rgba(78, 130, 223, .09);
    --qt-topbar-accent-line: rgba(78, 130, 223, .20);
    --qt-topbar-accent-shadow: rgba(78, 130, 223, .16);
}

.qt-topbar__item--linkedin {
    --qt-topbar-accent: #258dc5;
    --qt-topbar-accent-2: #5ebbdc;
    --qt-topbar-accent-soft: rgba(37, 141, 197, .09);
    --qt-topbar-accent-line: rgba(37, 141, 197, .20);
    --qt-topbar-accent-shadow: rgba(37, 141, 197, .16);
}

.qt-topbar__item--spotify {
    --qt-topbar-accent: #28ad69;
    --qt-topbar-accent-2: #56ca89;
    --qt-topbar-accent-soft: rgba(40, 173, 105, .09);
    --qt-topbar-accent-line: rgba(40, 173, 105, .19);
    --qt-topbar-accent-shadow: rgba(40, 173, 105, .15);
}

.qt-topbar__item--soundcloud {
    --qt-topbar-accent: #ea7447;
    --qt-topbar-accent-2: #efa060;
    --qt-topbar-accent-soft: rgba(234, 116, 71, .09);
    --qt-topbar-accent-line: rgba(234, 116, 71, .19);
    --qt-topbar-accent-shadow: rgba(234, 116, 71, .15);
}

.qt-topbar__item--twitch {
    --qt-topbar-accent: #8169df;
    --qt-topbar-accent-2: #a78eeb;
    --qt-topbar-accent-soft: rgba(129, 105, 223, .09);
    --qt-topbar-accent-line: rgba(129, 105, 223, .20);
    --qt-topbar-accent-shadow: rgba(129, 105, 223, .16);
}

.qt-topbar__item--whatsapp {
    --qt-topbar-accent: #25b866;
    --qt-topbar-accent-2: #55cf87;
    --qt-topbar-accent-soft: rgba(37, 184, 102, .09);
    --qt-topbar-accent-line: rgba(37, 184, 102, .19);
    --qt-topbar-accent-shadow: rgba(37, 184, 102, .15);
}

.qt-topbar__item--pinterest {
    --qt-topbar-accent: #df4f6b;
    --qt-topbar-accent-2: #ed7890;
    --qt-topbar-accent-soft: rgba(223, 79, 107, .09);
    --qt-topbar-accent-line: rgba(223, 79, 107, .19);
    --qt-topbar-accent-shadow: rgba(223, 79, 107, .15);
}

.qt-topbar__item--kick {
    --qt-topbar-accent: #55b937;
    --qt-topbar-accent-2: #82cc57;
    --qt-topbar-accent-soft: rgba(85, 185, 55, .09);
    --qt-topbar-accent-line: rgba(85, 185, 55, .19);
    --qt-topbar-accent-shadow: rgba(85, 185, 55, .15);
}

/* =========================================================
   SINGLE / ROTATING ITEMS
========================================================= */

.qt-topbar--single .qt-topbar__item {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.qt-topbar--rotate .qt-topbar__item {
    opacity: 0;
    visibility: hidden;

    transform: translateY(4px);

    animation:
        qtTopbarFadeRotate
        var(--qt-topbar-total-duration)
        linear
        var(--qt-topbar-delay)
        infinite;
}

@keyframes qtTopbarFadeRotate {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(4px);
    }

    5%,
    21% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    26%,
    100% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-4px);
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 992px) {
    .qt-topbar {
        min-height: 30px;
    }

    .qt-topbar__shell {
        width: min(100% - 18px, 760px);
    }

    .qt-topbar__track {
        height: 30px;
    }

    .qt-topbar__inner {
        gap: 6px;
    }

    .qt-topbar__badge {
        min-height: 16px;
        max-width: 84px;
        padding: 0 7px;
        font-size: 8.2px;
    }

    .qt-topbar__text {
        max-width: 52vw;
        font-size: 10.6px;
    }

    .qt-topbar__cta {
        min-height: 19px;
        max-width: 94px;
        padding: 0 8px;
        font-size: 8.9px;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {
    .qt-topbar {
        min-height: 29px;

        background:
            radial-gradient(
                340px 66px at 10% 0%,
                rgba(137, 119, 245, .12),
                transparent 70%
            ),
            radial-gradient(
                300px 64px at 92% 0%,
                rgba(105, 223, 245, .09),
                transparent 72%
            ),
            linear-gradient(
                180deg,
                #fdfdff,
                #f4f5ff
            );
    }

    .qt-topbar__shell {
        width: 100%;
        padding: 0 6px;
    }

    .qt-topbar__track {
        height: 29px;
    }

    .qt-topbar__inner {
        gap: 5px;
    }

    .qt-topbar__text-desktop {
        display: none;
    }

    .qt-topbar__text-mobile {
        display: inline;
    }

    .qt-topbar__badge {
        min-height: 16px;
        max-width: 72px;
        padding: 0 6px;

        font-size: 7.4px;
        letter-spacing: .04em;
    }

    .qt-topbar__text {
        max-width: calc(100vw - 158px);

        font-size: 9.8px;
    }

    .qt-topbar__cta {
        min-height: 18px;
        max-width: 76px;
        padding: 0 6px;

        font-size: 8.2px;
    }
}

@media (max-width: 430px) {
    .qt-topbar__shell {
        padding: 0 5px;
    }

    .qt-topbar__inner {
        gap: 4px;
    }

    .qt-topbar__badge {
        max-width: 64px;
        padding: 0 5px;

        font-size: 7px;
    }

    .qt-topbar__text {
        max-width: calc(100vw - 142px);

        font-size: 9.2px;
    }

    .qt-topbar__cta {
        max-width: 66px;
        padding: 0 5px;

        font-size: 7.8px;
    }
}

@media (max-width: 370px) {
    .qt-topbar__badge {
        max-width: 56px;

        font-size: 6.7px;
    }

    .qt-topbar__text {
        max-width: calc(100vw - 124px);

        font-size: 8.9px;
    }

    .qt-topbar__cta {
        max-width: 58px;

        font-size: 7.5px;
    }
}

@media (max-width: 330px) {
    .qt-topbar__badge {
        display: none;
    }

    .qt-topbar__text {
        max-width: calc(100vw - 72px);
    }

    .qt-topbar__cta {
        max-width: 64px;
    }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .qt-topbar--rotate .qt-topbar__item {
        opacity: 0;
        visibility: hidden;

        transform: none;

        animation: none !important;
    }

    .qt-topbar--rotate .qt-topbar__item:first-child {
        opacity: 1;
        visibility: visible;
    }

    .qt-topbar *,
    .qt-topbar *::before,
    .qt-topbar *::after {
        transition: none !important;
    }
}

/* =========================================================
   QUANTAPS MOBILE BOTTOM NAVIGATION
   LIGHT APP BAR • SOFT LAVENDER • COMPACT
   FULL REPLACEMENT
========================================================= */

.qtmnav,
.qtmnavSheet {
    display: none;
}

/* =========================================================
   MOBILE NAVIGATION
========================================================= */

@media (max-width: 820px) {
    :root {
        --qtmnav-accent: #6573dc;
        --qtmnav-accent-strong: #5664cb;
        --qtmnav-lavender: #8175df;
        --qtmnav-mint: #62c7bf;

        --qtmnav-ink: #17203d;
        --qtmnav-muted: #7a849b;

        --qtmnav-surface: rgba(255, 255, 255, .94);
        --qtmnav-surface-soft: rgba(247, 249, 255, .96);

        --qtmnav-line: rgba(70, 88, 153, .12);
        --qtmnav-line-strong: rgba(91, 104, 194, .19);

        --qtmnav-safe: env(safe-area-inset-bottom, 0px);
        --qtmnav-h: 72px;
        --qtmnav-side: 9px;
    }

    body {
        padding-bottom:
            calc(
                var(--qtmnav-h) +
                var(--qtmnav-safe) +
                18px
            ) !important;
    }

 
    main > section:last-child,
    .page-wrap > section:last-child,
    .home-page > section:last-child {
        padding-bottom:
            calc(
                var(--qtmnav-h) +
                var(--qtmnav-safe) +
                28px
            ) !important;
    }

    .qtmnav,
    .qtmnavSheet {
        display: block;

        font-family:
            Inter,
            system-ui,
            -apple-system,
            "Segoe UI",
            Roboto,
            Arial,
            sans-serif;

        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }

    .qtmnav,
    .qtmnav *,
    .qtmnavSheet,
    .qtmnavSheet * {
        box-sizing: border-box;
    }

    /* =====================================================
       NAV SHELL
    ===================================================== */

    .qtmnav {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147482500;

        padding:
            0
            var(--qtmnav-side)
            calc(8px + var(--qtmnav-safe));

        pointer-events: none;

        transition:
            opacity .18s ease,
            transform .18s ease;
    }

    .qtmnav::before {
        content: "";

        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        height:
            calc(
                var(--qtmnav-h) +
                var(--qtmnav-safe) +
                34px
            );

        pointer-events: none;

        background:
            linear-gradient(
                180deg,
                rgba(248, 250, 255, 0),
                rgba(248, 250, 255, .70) 40%,
                rgba(248, 250, 255, .96) 72%,
                #f8faff 100%
            );
    }

    .qtmnav__wrap {
        position: relative;
        isolation: isolate;

        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: center;
        gap: 3px;

        width: min(100%, 540px);
        min-height: var(--qtmnav-h);
        margin: 0 auto;
        padding: 7px 7px 6px;

        pointer-events: auto;

        border: 1px solid var(--qtmnav-line);
        border-radius: 23px;

        background:
            radial-gradient(
                260px 78px at 50% -30%,
                rgba(101, 115, 220, .095),
                transparent 72%
            ),
            linear-gradient(
                180deg,
                rgba(255, 255, 255, .97),
                rgba(247, 249, 255, .96)
            );

        box-shadow:
            0 15px 36px rgba(34, 48, 91, .13),
            0 4px 13px rgba(34, 48, 91, .055),
            inset 0 1px 0 rgba(255, 255, 255, .98);

        -webkit-backdrop-filter: blur(20px) saturate(145%);
        backdrop-filter: blur(20px) saturate(145%);
    }

    .qtmnav__wrap::before {
        content: "";

        position: absolute;
        top: 0;
        right: 24px;
        left: 24px;

        height: 1px;

        border-radius: 999px;

        pointer-events: none;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(98, 199, 191, .26),
                rgba(101, 115, 220, .38),
                rgba(129, 117, 223, .25),
                transparent
            );
    }

    /* =====================================================
       STANDARD NAV ITEM
    ===================================================== */

    .qtmnav__link {
        position: relative;
        isolation: isolate;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;

        min-width: 0;
        min-height: 56px;
        padding: 6px 2px 5px;

        border: 0;
        border-radius: 16px;

        color: var(--qtmnav-muted);
        background: transparent;

        cursor: pointer;

        font: inherit;
        line-height: 1;
        text-decoration: none;

        outline: none;

        -webkit-tap-highlight-color: transparent;

        transition:
            color .15s ease,
            background-color .15s ease,
            box-shadow .15s ease,
            transform .15s ease;
    }

    .qtmnav__link::before {
        content: "";

        position: absolute;
        inset: 3px;

        z-index: -1;

        border: 1px solid transparent;
        border-radius: 14px;

        pointer-events: none;

        opacity: 0;

        background:
            radial-gradient(
                72px 42px at 50% 0%,
                rgba(101, 115, 220, .11),
                transparent 72%
            ),
            rgba(101, 115, 220, .055);

        transition:
            opacity .15s ease,
            border-color .15s ease;
    }

    .qtmnav__link::after {
        content: "";

        position: absolute;
        right: 16px;
        bottom: 2px;
        left: 16px;

        height: 2px;

        border-radius: 999px;

        pointer-events: none;

        opacity: 0;

        background:
            linear-gradient(
                90deg,
                transparent,
                var(--qtmnav-accent),
                var(--qtmnav-mint),
                transparent
            );

        transform: scaleX(.55);

        transition:
            opacity .15s ease,
            transform .15s ease;
    }

    .qtmnav__icon {
        position: relative;
        z-index: 1;

        display: grid;
        place-items: center;

        width: 25px;
        height: 25px;
        flex: 0 0 25px;

        color: currentColor;

        transition:
            color .15s ease,
            transform .15s ease;
    }

    .qtmnav__icon .qt-ic {
        display: block;

        width: 22px;
        height: 22px;

        color: currentColor;
        fill: currentColor;
        stroke: none;
    }

    .qtmnav__label {
        position: relative;
        z-index: 1;

        display: block;

        width: 100%;
        max-width: 100%;

        overflow: hidden;

        color: currentColor;

        font-size: 10.2px;
        font-weight: 820;
        line-height: 1.1;
        letter-spacing: -.018em;

        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .qtmnav__link:active {
        transform: scale(.965);
    }

    .qtmnav__link.is-active {
        color: var(--qtmnav-accent-strong);
    }

    .qtmnav__link.is-active::before {
        opacity: 1;

        border-color: rgba(101, 115, 220, .09);
    }

    .qtmnav__link.is-active::after {
        opacity: .68;
        transform: scaleX(1);
    }

    .qtmnav__link.is-active .qtmnav__icon {
        color: var(--qtmnav-accent);
        transform: translateY(-1px);
    }

    .qtmnav__link:focus-visible {
        box-shadow:
            0 0 0 3px rgba(101, 115, 220, .14);
    }

    @media (hover: hover) {
        .qtmnav__link:hover {
            color: var(--qtmnav-accent-strong);

            background: rgba(101, 115, 220, .045);
        }
    }

    /* =====================================================
       CENTER CONTACT BUTTON
    ===================================================== */

    .qtmnav__link--contact {
        z-index: 3;

        width: 62px;
        min-height: 62px;
        margin-top: -20px;
        justify-self: center;

        padding: 7px 4px 6px;

        border: 1px solid rgba(101, 115, 220, .19);
        border-radius: 21px;

        color: #ffffff;

        background:
            radial-gradient(
                82px 42px at 28% 8%,
                rgba(255, 255, 255, .30),
                transparent 65%
            ),
            linear-gradient(
                145deg,
                #7d78e4 0%,
                #6573dc 54%,
                #62c7bf 145%
            );

        box-shadow:
            0 13px 25px rgba(76, 88, 190, .25),
            0 5px 12px rgba(40, 52, 100, .12),
            inset 0 1px 0 rgba(255, 255, 255, .31);

        transform: translateZ(0);
    }

    .qtmnav__link--contact::before {
        inset: 3px;

        border-color: rgba(255, 255, 255, .22);
        border-radius: 18px;

        opacity: 1;

        background:
            linear-gradient(
                180deg,
                rgba(255, 255, 255, .09),
                rgba(255, 255, 255, .015)
            );
    }

    .qtmnav__link--contact::after {
        right: 13px;
        bottom: 5px;
        left: 13px;

        height: 2px;

        opacity: .72;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, .82),
                transparent
            );

        transform: none;
    }

    .qtmnav__link--contact .qtmnav__icon {
        width: 27px;
        height: 27px;
        flex-basis: 27px;

        color: #ffffff;
    }

    .qtmnav__link--contact .qtmnav__icon .qt-ic {
        width: 24px;
        height: 24px;
    }

    .qtmnav__link--contact .qtmnav__label {
        color: #ffffff;

        font-size: 9.6px;
        font-weight: 900;
        letter-spacing: -.024em;
    }

    .qtmnav__link--contact.is-active {
        color: #ffffff;
    }

    .qtmnav__link--contact.is-active .qtmnav__icon {
        color: #ffffff;
        transform: none;
    }

    .qtmnav__link--contact:active {
        transform: translateY(1px) scale(.95);
    }

    .qtmnav__link--contact:focus-visible {
        box-shadow:
            0 0 0 4px rgba(101, 115, 220, .15),
            0 13px 25px rgba(76, 88, 190, .25);
    }

    @media (hover: hover) {
        .qtmnav__link--contact:hover {
            color: #ffffff;

            background:
                radial-gradient(
                    82px 42px at 28% 8%,
                    rgba(255, 255, 255, .34),
                    transparent 65%
                ),
                linear-gradient(
                    145deg,
                    #877fea 0%,
                    #6976df 54%,
                    #68cdc5 145%
                );

            box-shadow:
                0 16px 29px rgba(76, 88, 190, .29),
                0 6px 14px rgba(40, 52, 100, .13),
                inset 0 1px 0 rgba(255, 255, 255, .34);

            transform: translateY(-1px);
        }
    }

    /* =====================================================
       CONTACT SHEET
    ===================================================== */

    .qtmnavSheet {
        position: fixed;
        inset: 0;
        z-index: 2147482499;

        pointer-events: none;
    }

    .qtmnavSheet[hidden] {
        display: none !important;
    }

    .qtmnavSheet.is-open {
        pointer-events: auto;
    }

    .qtmnavSheet__backdrop {
        position: absolute;
        inset: 0;

        padding: 0;

        border: 0;

        cursor: pointer;

        background:
            radial-gradient(
                520px 250px at 50% 100%,
                rgba(101, 115, 220, .15),
                transparent 72%
            ),
            rgba(26, 34, 63, .31);

        opacity: 0;

        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);

        transition: opacity .18s ease;
    }

    .qtmnavSheet.is-open .qtmnavSheet__backdrop {
        opacity: 1;
    }

    .qtmnavSheet__card {
        position: absolute;
        bottom:
            calc(
                var(--qtmnav-h) +
                var(--qtmnav-safe) +
                20px
            );
        left: 50%;

        width: min(calc(100% - 20px), 470px);
        padding: 12px;

        overflow: hidden;

        border: 1px solid rgba(70, 88, 153, .13);
        border-radius: 24px;

        background:
            radial-gradient(
                390px 140px at 50% -30%,
                rgba(101, 115, 220, .105),
                transparent 72%
            ),
            radial-gradient(
                250px 110px at 100% 100%,
                rgba(98, 199, 191, .065),
                transparent 72%
            ),
            linear-gradient(
                180deg,
                rgba(255, 255, 255, .985),
                rgba(247, 249, 255, .985)
            );

        box-shadow:
            0 26px 58px rgba(31, 43, 82, .20),
            0 8px 22px rgba(31, 43, 82, .08),
            inset 0 1px 0 rgba(255, 255, 255, .98);

        opacity: 0;

        transform:
            translate(-50%, 14px)
            scale(.985);

        -webkit-backdrop-filter: blur(22px) saturate(145%);
        backdrop-filter: blur(22px) saturate(145%);

        transition:
            opacity .18s ease,
            transform .18s ease;
    }

    .qtmnavSheet__card::before {
        content: "";

        display: block;

        width: 40px;
        height: 4px;
        margin: 0 auto 10px;

        border-radius: 999px;

        background:
            linear-gradient(
                90deg,
                rgba(101, 115, 220, .10),
                rgba(101, 115, 220, .42),
                rgba(98, 199, 191, .37),
                rgba(101, 115, 220, .10)
            );
    }

    .qtmnavSheet.is-open .qtmnavSheet__card {
        opacity: 1;

        transform:
            translate(-50%, 0)
            scale(1);
    }

    /* =====================================================
       SHEET HEADER
    ===================================================== */

    .qtmnavSheet__head {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;

        min-height: 44px;
        margin-bottom: 11px;
        padding: 0 38px;

        text-align: center;
    }

    .qtmnavSheet__head > div {
        width: 100%;
        min-width: 0;
    }

    .qtmnavSheet__title {
        margin: 0;

        color: var(--qtmnav-ink);

        font-size: 15.5px;
        font-weight: 950;
        line-height: 1.15;
        letter-spacing: -.028em;

        text-align: center;
    }

    .qtmnavSheet__sub {
        margin: 4px 0 0;

        color: var(--qtmnav-muted);

        font-size: 11.8px;
        font-weight: 680;
        line-height: 1.35;

        text-align: center;
    }

    .qtmnavSheet__x {
        position: absolute;
        top: 50%;
        right: 0;

        display: grid;
        place-items: center;

        width: 32px;
        height: 32px;
        flex: 0 0 32px;

        padding: 0;

        border: 1px solid rgba(70, 88, 153, .11);
        border-radius: 999px;

        color: #737e96;

        background:
            linear-gradient(
                180deg,
                #ffffff,
                #f3f6fc
            );

        box-shadow:
            0 4px 11px rgba(38, 51, 92, .06),
            inset 0 1px 0 rgba(255, 255, 255, .96);

        cursor: pointer;

        font:
            800 18px/1
            Inter,
            system-ui,
            sans-serif;

        transform: translateY(-50%);

        transition:
            color .15s ease,
            border-color .15s ease,
            background-color .15s ease,
            transform .15s ease;
    }

    .qtmnavSheet__x:active {
        transform:
            translateY(-50%)
            scale(.95);
    }

    .qtmnavSheet__x:focus-visible {
        outline: none;

        box-shadow:
            0 0 0 3px rgba(101, 115, 220, .13);
    }

    @media (hover: hover) {
        .qtmnavSheet__x:hover {
            color: var(--qtmnav-accent-strong);
            border-color: rgba(101, 115, 220, .18);
            background: #ffffff;
        }
    }

    /* =====================================================
       SHEET ACTIONS
    ===================================================== */

    .qtmnavSheet__actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .qtmnavSheet__action {
        position: relative;
        isolation: isolate;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;

        min-width: 0;
        min-height: 78px;
        padding: 10px 6px;

        overflow: hidden;

        border: 1px solid rgba(70, 88, 153, .10);
        border-radius: 18px;

        color: var(--qtmnav-ink);

        background:
            radial-gradient(
                110px 48px at 50% 0%,
                rgba(101, 115, 220, .07),
                transparent 68%
            ),
            rgba(255, 255, 255, .76);

        box-shadow:
            0 5px 14px rgba(38, 51, 92, .045),
            inset 0 1px 0 rgba(255, 255, 255, .95);

        text-align: center;
        text-decoration: none;

        -webkit-tap-highlight-color: transparent;

        transition:
            transform .15s ease,
            border-color .15s ease,
            box-shadow .15s ease,
            background-color .15s ease;
    }

    .qtmnavSheet__action::after {
        content: "";

        position: absolute;
        right: 11px;
        bottom: 5px;
        left: 11px;

        height: 2px;

        border-radius: 999px;

        pointer-events: none;

        opacity: .50;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(101, 115, 220, .35),
                rgba(98, 199, 191, .28),
                transparent
            );
    }

    .qtmnavSheet__action:active {
        transform: scale(.975);
    }

    .qtmnavSheet__action:focus-visible {
        outline: none;

        box-shadow:
            0 0 0 3px rgba(101, 115, 220, .12);
    }

    @media (hover: hover) {
        .qtmnavSheet__action:hover {
            border-color: rgba(101, 115, 220, .18);

            background: #ffffff;

            box-shadow:
                0 10px 21px rgba(38, 51, 92, .075),
                inset 0 1px 0 rgba(255, 255, 255, .98);

            transform: translateY(-2px);
        }
    }

    .qtmnavSheet__ico {
        display: grid;
        place-items: center;

        width: 38px;
        height: 38px;
        flex: 0 0 38px;

        border: 1px solid rgba(255, 255, 255, .35);
        border-radius: 13px;

        color: #ffffff;

        box-shadow:
            0 7px 15px rgba(38, 51, 92, .12),
            inset 0 1px 0 rgba(255, 255, 255, .30);
    }

    .qtmnavSheet__ico .qt-ic {
        display: block;

        width: 19px;
        height: 19px;

        color: currentColor;
        fill: currentColor;
        stroke: none;
    }

    .qtmnavSheet__action span:last-child {
        display: block;

        width: 100%;
        max-width: 100%;

        overflow: hidden;

        color: var(--qtmnav-ink);

        font-size: 11.4px;
        font-weight: 850;
        line-height: 1.08;

        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .qtmnavSheet__action--wa .qtmnavSheet__ico {
        background:
            linear-gradient(
                145deg,
                #3bd978,
                #20ae5d
            );
    }

    .qtmnavSheet__action--tg .qtmnavSheet__ico {
        background:
            linear-gradient(
                145deg,
                #49bce9,
                #229ed9
            );
    }

    .qtmnavSheet__action--mail .qtmnavSheet__ico {
        background:
            linear-gradient(
                145deg,
                #8175df,
                #6573dc 60%,
                #62c7bf 145%
            );
    }

    /* =====================================================
       MOBILE MENU OPEN STATE
    ===================================================== */

    body.qt-mm-open .qtmnav {
        pointer-events: none;

        opacity: 0;

        transform: translateY(110%);
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 390px) {
    :root {
        --qtmnav-h: 69px;
        --qtmnav-side: 7px;
    }

    .qtmnav {
        padding-bottom:
            calc(7px + var(--qtmnav-safe));
    }

    .qtmnav__wrap {
        gap: 2px;

        padding:
            6px
            6px
            5px;

        border-radius: 21px;
    }

    .qtmnav__link {
        min-height: 53px;
        padding-right: 1px;
        padding-left: 1px;

        border-radius: 15px;
    }

    .qtmnav__link::before {
        border-radius: 13px;
    }

    .qtmnav__icon {
        width: 23px;
        height: 23px;
        flex-basis: 23px;
    }

    .qtmnav__icon .qt-ic {
        width: 21px;
        height: 21px;
    }

    .qtmnav__label {
        font-size: 9.6px;
    }

    .qtmnav__link--contact {
        width: 59px;
        min-height: 59px;
        margin-top: -18px;

        border-radius: 20px;
    }

    .qtmnav__link--contact::before {
        border-radius: 17px;
    }

    .qtmnav__link--contact .qtmnav__icon {
        width: 25px;
        height: 25px;
        flex-basis: 25px;
    }

    .qtmnav__link--contact .qtmnav__icon .qt-ic {
        width: 23px;
        height: 23px;
    }

    .qtmnav__link--contact .qtmnav__label {
        font-size: 9px;
    }

    .qtmnavSheet__card {
        bottom:
            calc(
                var(--qtmnav-h) +
                var(--qtmnav-safe) +
                17px
            );

        width: calc(100% - 16px);
        padding: 11px;

        border-radius: 22px;
    }

    .qtmnavSheet__head {
        padding: 0 35px;
    }

    .qtmnavSheet__actions {
        gap: 7px;
    }

    .qtmnavSheet__action {
        min-height: 73px;
        padding-right: 5px;
        padding-left: 5px;

        border-radius: 17px;
    }

    .qtmnavSheet__ico {
        width: 36px;
        height: 36px;
        flex-basis: 36px;

        border-radius: 12px;
    }

    .qtmnavSheet__action span:last-child {
        font-size: 10.8px;
    }
}

/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 340px) {
    :root {
        --qtmnav-h: 67px;
        --qtmnav-side: 5px;
    }

    .qtmnav__wrap {
        gap: 1px;

        padding-right: 5px;
        padding-left: 5px;
    }

    .qtmnav__link {
        min-height: 51px;
    }

    .qtmnav__label {
        font-size: 8.7px;
        font-weight: 780;
        letter-spacing: -.025em;
    }

    .qtmnav__icon .qt-ic {
        width: 20px;
        height: 20px;
    }

    .qtmnav__link--contact {
        width: 56px;
        min-height: 56px;
        margin-top: -16px;

        border-radius: 19px;
    }

    .qtmnav__link--contact::before {
        border-radius: 16px;
    }

    .qtmnav__link--contact .qtmnav__label {
        font-size: 8.4px;
    }

    .qtmnavSheet__actions {
        gap: 5px;
    }

    .qtmnavSheet__action {
        min-height: 70px;
        padding-right: 3px;
        padding-left: 3px;
    }

    .qtmnavSheet__action span:last-child {
        font-size: 10px;
    }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .qtmnav,
    .qtmnav *,
    .qtmnav *::before,
    .qtmnav *::after,
    .qtmnavSheet,
    .qtmnavSheet *,
    .qtmnavSheet *::before,
    .qtmnavSheet *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================
   QUANTAPS FOOTER / SITEMAP
   AURORA ICE — HEADER COMPLEMENT FINAL V4
   FULL CLEAN REPLACEMENT

   Design:
   - Header ile aynı buz mavisi / camgöbeği / periwinkle dili
   - Gri ağırlığı olmayan açık aurora zemin
   - Koyu lacivert metin
   - Beyaz cam paneller
   - Mobil accordion ve mevcut HTML davranışı korunur
========================================================= */

.qtf-sitemap {
    --qtf-bg-top: #f3f7ff;
    --qtf-bg-mid: #eaf7fb;
    --qtf-bg-bottom: #eef0ff;

    --qtf-surface: rgba(255, 255, 255, .88);
    --qtf-surface-strong: rgba(255, 255, 255, .96);
    --qtf-surface-soft: rgba(247, 250, 255, .82);

    --qtf-ink: #172a52;
    --qtf-title: #172a52;
    --qtf-muted: #536381;
    --qtf-muted-soft: #71809c;

    --qtf-blue: #6f86e8;
    --qtf-blue-strong: #536dd9;
    --qtf-cyan: #64d7e8;
    --qtf-periwinkle: #9aa9f5;

    --qtf-line: rgba(85, 106, 184, .13);
    --qtf-line-strong: rgba(97, 119, 211, .21);

    --qtf-shadow-sm: 0 7px 20px rgba(31, 50, 94, .055);
    --qtf-shadow-md: 0 14px 34px rgba(31, 50, 94, .085);

    --qtf-max: 1320px;

    position: relative;
    isolation: isolate;

    overflow: hidden;

    border-top: 1px solid rgba(111, 134, 232, .19);

    color: var(--qtf-ink);

    background:
        radial-gradient(
            820px 300px at 8% -8%,
            rgba(111, 134, 232, .16),
            transparent 66%
        ),
        radial-gradient(
            760px 280px at 96% 2%,
            rgba(100, 215, 232, .14),
            transparent 67%
        ),
        radial-gradient(
            700px 260px at 54% 108%,
            rgba(154, 169, 245, .13),
            transparent 68%
        ),
        linear-gradient(
            180deg,
            var(--qtf-bg-top) 0%,
            var(--qtf-bg-mid) 50%,
            var(--qtf-bg-bottom) 100%
        );

    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
}

.qtf-sitemap,
.qtf-sitemap * {
    box-sizing: border-box;
}

.qtf-sitemap::before {
    content: "";

    position: absolute;
    top: 0;
    right: 7%;
    left: 7%;
    z-index: 0;

    height: 2px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(100, 215, 232, .48),
            rgba(111, 134, 232, .62),
            rgba(154, 169, 245, .44),
            transparent
        );

    filter: blur(.2px);
}

.qtf-sitemap::after {
    content: "";

    position: absolute;
    top: 44px;
    left: 50%;
    z-index: 0;

    width: min(1100px, 88vw);
    height: 230px;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(255, 255, 255, .56),
            rgba(255, 255, 255, 0) 70%
        );

    transform: translateX(-50%);
}

.qtf-sitemap a {
    color: inherit;
    text-decoration: none;
}

.qtf-sitemap ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.qtf-sitemap p {
    margin: 0;
}

/* =========================================================
   MAIN SHELL
========================================================= */

.qtf-sitemap > .qtf-shell {
    position: relative;
    z-index: 1;

    width: min(var(--qtf-max), calc(100% - 24px));
    margin: 0 auto;
    padding: 34px 0 24px;
}

/* =========================================================
   TOP BRAND / TRUST PANEL
========================================================= */

.qtf-topbar {
    position: relative;

    display: grid;
    grid-template-columns: minmax(250px, 1fr) auto;
    align-items: center;
    gap: 24px;

    margin-bottom: 14px;
    padding: 17px 19px;

    overflow: hidden;

    border: 1px solid var(--qtf-line-strong);
    border-radius: 22px;

    background:
        radial-gradient(
            420px 130px at 0 0,
            rgba(100, 215, 232, .10),
            transparent 70%
        ),
        radial-gradient(
            420px 130px at 100% 0,
            rgba(154, 169, 245, .10),
            transparent 70%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .97),
            rgba(249, 251, 255, .88)
        );

    box-shadow:
        var(--qtf-shadow-md),
        inset 0 1px 0 rgba(255, 255, 255, .98);
}

.qtf-topbar::after {
    content: "";

    position: absolute;
    right: 22px;
    bottom: 0;
    left: 22px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(100, 215, 232, .22),
            rgba(111, 134, 232, .30),
            transparent
        );
}

/* =========================================================
   BRAND
========================================================= */

.qtf-brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    width: max-content;
    max-width: 100%;
    min-width: 0;

    color: var(--qtf-title);

    font-size: 28px;
    font-weight: 950;
    line-height: .94;
    letter-spacing: -.045em;

    -webkit-tap-highlight-color: transparent;
}

.qtf-brand-mark {
    position: relative;

    display: grid;
    place-items: center;

    width: 54px;
    height: 54px;
    flex: 0 0 54px;

    overflow: hidden;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .72),
            rgba(231, 242, 255, .52)
        );

    box-shadow:
        inset 0 0 0 1px rgba(111, 134, 232, .11),
        0 8px 18px rgba(58, 82, 162, .08);
}

.qtf-brand-mark::before {
    content: "";

    position: absolute;
    inset: 6px;

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 35% 28%,
            rgba(255, 255, 255, .72),
            transparent 46%
        ),
        linear-gradient(
            145deg,
            rgba(100, 215, 232, .13),
            rgba(111, 134, 232, .11) 56%,
            rgba(154, 169, 245, .12)
        );

    filter: blur(5px);
}

.qtf-brand-mark > svg,
.qtf-brand-mark > img {
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    transform: scale(1.27);
    transform-origin: center;

    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

.qtf-brand-text {
    display: inline-block;

    min-width: max-content;

    color: var(--qtf-title);

    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;

    white-space: nowrap;
}

.qtf-brand-dot {
    color: var(--qtf-cyan);
}

.qtf-brand:focus-visible {
    outline: none;
}

.qtf-brand:focus-visible .qtf-brand-mark {
    box-shadow:
        0 0 0 4px rgba(100, 215, 232, .16),
        inset 0 0 0 1px rgba(111, 134, 232, .16);
}

/* =========================================================
   TRUST ITEMS
========================================================= */

.qtf-trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.qtf-trust a,
.qtf-trust span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 35px;
    padding: 0 12px;

    border: 1px solid rgba(91, 111, 188, .14);
    border-radius: 999px;

    color: #4f6081;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .94),
            rgba(244, 248, 255, .86)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .92);

    font-size: 12.2px;
    font-weight: 650;
    line-height: 1;

    white-space: nowrap;

    transition:
        color .15s ease,
        border-color .15s ease,
        background-color .15s ease,
        transform .15s ease,
        box-shadow .15s ease;
}

.qtf-trust a:focus-visible {
    outline: none;

    border-color: rgba(100, 215, 232, .34);

    box-shadow:
        0 0 0 3px rgba(100, 215, 232, .12);
}

@media (hover: hover) {
    .qtf-trust a:hover {
        color: var(--qtf-blue-strong);
        border-color: rgba(111, 134, 232, .24);

        background: #ffffff;

        box-shadow:
            0 7px 17px rgba(42, 61, 116, .07);

        transform: translateY(-1px);
    }
}

/* =========================================================
   FOOTER NAVIGATION PANEL
========================================================= */

.qtf-grid {
    position: relative;

    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: stretch;

    padding: 23px 8px;

    overflow: hidden;

    border: 1px solid var(--qtf-line-strong);
    border-radius: 22px;

    background:
        radial-gradient(
            620px 180px at 4% 0,
            rgba(100, 215, 232, .075),
            transparent 70%
        ),
        radial-gradient(
            620px 180px at 96% 0,
            rgba(154, 169, 245, .075),
            transparent 70%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .95),
            rgba(248, 251, 255, .86)
        );

    box-shadow:
        var(--qtf-shadow-md),
        inset 0 1px 0 rgba(255, 255, 255, .96);
}

.qtf-col {
    min-width: 0;
    padding: 0 17px;

    border-left: 1px solid rgba(91, 111, 188, .11);
}

.qtf-col:first-child {
    border-left: 0;
}

/* =========================================================
   COLUMN HEAD
========================================================= */

.qtf-col-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;

    width: 100%;
    min-height: 38px;
    margin: 0 0 10px;
    padding: 0;

    border: 0;

    color: var(--qtf-title);
    background: transparent;

    cursor: default;

    font:
        820 14px/1.35
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;

    letter-spacing: -.012em;
    text-align: left;
}

.qtf-col-head > span:first-child {
    position: relative;
    min-width: 0;
}

.qtf-col-head > span:first-child::after {
    content: "";

    display: block;

    width: 26px;
    height: 3px;
    margin-top: 7px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--qtf-cyan),
            var(--qtf-blue),
            var(--qtf-periwinkle)
        );
}

/* =========================================================
   ACCORDION CARET
========================================================= */

.qtf-col-caret {
    display: none;

    width: 9px;
    height: 9px;
    flex: 0 0 9px;

    margin-top: 2px;
    margin-right: 3px;

    border-right: 2px solid var(--qtf-blue);
    border-bottom: 2px solid var(--qtf-blue);

    transform: rotate(45deg);

    transition: transform .18s ease;
}

.qtf-col.is-open .qtf-col-caret {
    transform: rotate(225deg);
}

/* =========================================================
   COLUMN BODY / LINKS
========================================================= */

.qtf-col-body {
    overflow: visible;
}

.qtf-links {
    display: grid;
    gap: 8px;
}

.qtf-links a {
    position: relative;

    display: block;

    width: fit-content;
    max-width: 100%;

    color: var(--qtf-muted);

    font-size: 13.2px;
    font-weight: 550;
    line-height: 1.48;

    overflow-wrap: anywhere;

    transition:
        color .15s ease,
        transform .15s ease;
}

.qtf-links a:focus-visible {
    outline: none;

    color: var(--qtf-blue-strong);

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

@media (hover: hover) and (min-width: 861px) {
    .qtf-links a:hover {
        color: var(--qtf-blue-strong);
        transform: translateX(2px);
    }
}

/* =========================================================
   PAYMENT AND LEGAL AREA
========================================================= */

.qtf-middle {
    display: grid;
    grid-template-columns: minmax(420px, .88fr) minmax(0, 1.12fr);
    align-items: stretch;
    gap: 12px;

    margin-top: 14px;
}

/* =========================================================
   PAYMENT CARD
========================================================= */

.qtf-payment {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 14px 20px;

    min-width: 0;
    min-height: 94px;
    padding: 17px 18px;

    border: 1px solid rgba(100, 215, 232, .22);
    border-radius: 20px;

    background:
        radial-gradient(
            330px 120px at 0 0,
            rgba(100, 215, 232, .10),
            transparent 72%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .96),
            rgba(243, 251, 254, .88)
        );

    box-shadow:
        var(--qtf-shadow-sm),
        inset 0 1px 0 rgba(255, 255, 255, .94);
}

.qtf-pay {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;

    border: 0;

    color: #526583;
    background: transparent;

    opacity: .92;

    line-height: 1;

    transition:
        color .15s ease,
        opacity .15s ease,
        transform .15s ease;
}

.qtf-pay .qt-ic {
    display: block;

    color: currentColor;
    fill: currentColor;
    stroke: none;
}

.qtf-pay--amex .qt-ic {
    width: 72px;
    height: 27px;
}

.qtf-pay--visa .qt-ic {
    width: 69px;
    height: 25px;
}

.qtf-pay--mastercard .qt-ic {
    width: 57px;
    height: 30px;
}

.qtf-pay--unionpay .qt-ic {
    width: 70px;
    height: 28px;
}

.qtf-pay--troy .qt-ic {
    width: 62px;
    height: 28px;
}

.qtf-pay--secure .qt-ic {
    width: 65px;
    height: 41px;
}

.qtf-pay--go .qt-ic {
    width: 94px;
    height: 29px;
}

@media (hover: hover) {
    .qtf-pay:hover {
        color: var(--qtf-blue-strong);
        opacity: 1;
        transform: translateY(-1px);
    }
}

/* =========================================================
   LEGAL NOTE CARD
========================================================= */

.qtf-note {
    display: flex;
    align-items: center;

    min-width: 0;
    min-height: 94px;
    padding: 17px 19px;

    border: 1px solid rgba(154, 169, 245, .23);
    border-radius: 20px;

    color: #536381;

    background:
        radial-gradient(
            380px 130px at 100% 0,
            rgba(154, 169, 245, .12),
            transparent 72%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .96),
            rgba(248, 247, 255, .88)
        );

    box-shadow:
        var(--qtf-shadow-sm),
        inset 0 1px 0 rgba(255, 255, 255, .94);

    font-size: 12.6px;
    font-weight: 470;
    line-height: 1.68;
}

/* =========================================================
   BOTTOM BAR
========================================================= */

.qtf-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;

    margin-top: 14px;
    padding: 17px 4px 0;

    border-top: 1px solid rgba(91, 111, 188, .14);

    color: var(--qtf-muted-soft);

    font-size: 12.2px;
    font-weight: 470;
    line-height: 1.55;
}

.qtf-bottom-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 15px;
}

.qtf-bottom-links a {
    color: var(--qtf-muted);

    font-weight: 650;

    transition: color .15s ease;
}

.qtf-bottom-links a:focus-visible {
    outline: none;

    color: var(--qtf-blue-strong);

    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (hover: hover) {
    .qtf-bottom-links a:hover {
        color: var(--qtf-blue-strong);
    }
}

/* =========================================================
   LARGE TABLET / SMALL DESKTOP
========================================================= */

@media (max-width: 1200px) {
    .qtf-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 7px 13px;
    }

    .qtf-col {
        padding: 18px 20px;

        border-left: 1px solid rgba(91, 111, 188, .11);
    }

    .qtf-col:nth-child(3n + 1) {
        border-left: 0;
    }

    .qtf-col:nth-child(n + 4) {
        border-top: 1px solid rgba(91, 111, 188, .11);
    }

    .qtf-middle {
        grid-template-columns: 1fr;
    }

    .qtf-payment,
    .qtf-note {
        min-height: auto;
    }
}

/* =========================================================
   TABLET / MOBILE ACCORDION
========================================================= */

@media (max-width: 860px) {
    .qtf-sitemap > .qtf-shell {
        width: min(100% - 20px, 760px);
        padding: 26px 0 18px;
    }

    .qtf-topbar {
        grid-template-columns: 1fr;
        gap: 14px;

        margin-bottom: 11px;
        padding: 15px;

        border-radius: 20px;
    }

    .qtf-brand {
        gap: 10px;

        width: max-content;

        font-size: 25px;
    }

    .qtf-brand-mark {
        width: 49px;
        height: 49px;
        flex-basis: 49px;

        border-radius: 16px;
    }

    .qtf-brand-text {
        min-width: max-content;
        font-size: 25px;
    }

    .qtf-trust {
        justify-content: flex-start;
        width: 100%;
    }

    .qtf-trust a,
    .qtf-trust span {
        min-height: 34px;
        padding: 0 11px;
        font-size: 11.6px;
    }

    .qtf-grid {
        display: block;

        padding: 5px 13px;

        border-radius: 20px;
    }

    .qtf-col,
    .qtf-col:nth-child(3n + 1),
    .qtf-col:nth-child(n + 4) {
        padding: 0;

        border-top: 0;
        border-left: 0;
        border-bottom: 1px solid rgba(91, 111, 188, .11);
    }

    .qtf-col:last-child {
        border-bottom: 0;
    }

    .qtf-col.is-open {
        background:
            linear-gradient(
                90deg,
                rgba(100, 215, 232, .055),
                rgba(111, 134, 232, .045),
                transparent
            );
    }

    .qtf-col-head {
        align-items: center;

        min-height: 52px;
        margin: 0;
        padding: 0 3px;

        cursor: pointer;

        font-size: 13.8px;

        -webkit-tap-highlight-color: transparent;
    }

    .qtf-col-head > span:first-child::after {
        display: none;
    }

    .qtf-col-caret {
        display: block;
    }

    .qtf-col-head:focus-visible,
    .qtf-col.is-open .qtf-col-head {
        outline: none;
        color: var(--qtf-blue-strong);
    }

    .qtf-col-body {
        max-height: 0;

        overflow: hidden;

        opacity: 0;

        transition:
            max-height .24s ease,
            opacity .18s ease;
    }

    .qtf-col.is-open .qtf-col-body {
        max-height: 680px;
        opacity: 1;
    }

    .qtf-links {
        gap: 9px;
        padding: 0 3px 16px;
    }

    .qtf-links a {
        width: 100%;

        padding: 1px 0;

        font-size: 13.2px;
        font-weight: 550;
        line-height: 1.5;
    }

    .qtf-middle {
        gap: 10px;
        margin-top: 11px;
    }

    .qtf-payment {
        flex-wrap: nowrap;
        gap: 16px;

        width: 100%;
        min-height: 70px;
        padding: 14px 16px 9px;

        overflow-x: auto;
        overflow-y: hidden;

        border-radius: 18px;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .qtf-payment::-webkit-scrollbar {
        display: none;
    }

    .qtf-pay--amex .qt-ic {
        width: 58px;
        height: 22px;
    }

    .qtf-pay--visa .qt-ic {
        width: 57px;
        height: 21px;
    }

    .qtf-pay--mastercard .qt-ic {
        width: 48px;
        height: 25px;
    }

    .qtf-pay--unionpay .qt-ic {
        width: 58px;
        height: 23px;
    }

    .qtf-pay--troy .qt-ic {
        width: 51px;
        height: 23px;
    }

    .qtf-pay--secure .qt-ic {
        width: 53px;
        height: 34px;
    }

    .qtf-pay--go .qt-ic {
        width: 78px;
        height: 24px;
    }

    .qtf-note {
        padding: 15px 16px;

        border-radius: 18px;

        font-size: 12.2px;
        line-height: 1.65;
    }

    .qtf-bottom {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;

        width: 100%;
        margin-top: 12px;
        padding: 15px 5px 0;

        font-size: 12px;

        text-align: center;
    }

    .qtf-bottom > div:first-child,
    .qtf-bottom-links {
        width: 100%;
        text-align: center;
    }

    .qtf-bottom-links {
        justify-content: center;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 520px) {
    .qtf-sitemap > .qtf-shell {
        width: calc(100% - 16px);
        padding-top: 21px;
    }

    .qtf-topbar {
        padding: 13px;
        border-radius: 18px;
    }

    .qtf-brand {
        gap: 9px;
        font-size: 23px;
    }

    .qtf-brand-mark {
        width: 46px;
        height: 46px;
        flex-basis: 46px;

        border-radius: 15px;
    }

    .qtf-brand-text {
        min-width: max-content;

        color: var(--qtf-title);

        font-size: 23px;
        font-weight: 950;
    }

    .qtf-trust {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .qtf-trust a,
    .qtf-trust span {
        width: 100%;
        min-width: 0;
        padding: 0 8px;

        overflow: hidden;

        font-size: 11.4px;

        text-overflow: ellipsis;
    }

    .qtf-grid {
        padding-right: 11px;
        padding-left: 11px;

        border-radius: 18px;
    }

    .qtf-col-head {
        min-height: 50px;
        font-size: 13.5px;
    }

    .qtf-links a {
        font-size: 13px;
    }

    .qtf-payment,
    .qtf-note {
        border-radius: 17px;
    }

    .qtf-payment {
        gap: 14px;

        min-height: 66px;
        padding-right: 13px;
        padding-left: 13px;
    }

    .qtf-note {
        padding: 14px;

        font-size: 11.8px;
        line-height: 1.62;
    }

    .qtf-bottom {
        gap: 11px;

        padding-right: 5px;
        padding-left: 5px;
    }

    .qtf-bottom-links {
        justify-content: center;
        gap: 8px 14px;

        width: 100%;
    }

    .qtf-bottom-links a {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        text-align: center;
    }
}

/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 360px) {
    .qtf-brand {
        gap: 8px;
        font-size: 21px;
    }

    .qtf-brand-mark {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
    }

    .qtf-brand-text {
        font-size: 21px;
    }

    .qtf-trust {
        grid-template-columns: 1fr;
    }

    .qtf-payment {
        gap: 12px;
    }

    .qtf-pay--amex .qt-ic {
        width: 52px;
        height: 20px;
    }

    .qtf-pay--visa .qt-ic {
        width: 51px;
        height: 19px;
    }

    .qtf-pay--mastercard .qt-ic {
        width: 43px;
        height: 23px;
    }

    .qtf-pay--unionpay .qt-ic {
        width: 53px;
        height: 22px;
    }

    .qtf-pay--troy .qt-ic {
        width: 47px;
        height: 22px;
    }

    .qtf-pay--secure .qt-ic {
        width: 48px;
        height: 31px;
    }

    .qtf-pay--go .qt-ic {
        width: 72px;
        height: 23px;
    }

    .qtf-bottom {
        padding-right: 2px;
        padding-left: 2px;
    }

    .qtf-bottom-links {
        gap: 8px 11px;
    }
}

/* =========================================================
   DESKTOP ACCORDION RESET
========================================================= */

@media (min-width: 861px) {
    .qtf-col-body {
        max-height: none !important;
        overflow: visible !important;
        opacity: 1 !important;
    }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .qtf-sitemap,
    .qtf-sitemap *,
    .qtf-sitemap *::before,
    .qtf-sitemap *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}