/*
 * ITMSFT Liquid Glass homepage layer.
 * DEBUG: reference structure is wrapper/effect/tint/shine from CSS Liquid Glass examples.
 */

html {
    background: #fff;
    min-height: 100%;
}

body {
    background: #fff !important;
    min-height: 100%;
    overflow-x: hidden;
    position: relative;
}

html.dark-theme {
    background: #080b12;
}

.dark-theme body {
    background: #080b12 !important;
}

body:before,
body:after {
    backface-visibility: hidden;
    contain: paint;
    content: "";
    inset: -6vh -6vw;
    pointer-events: none;
    position: fixed;
    transform: translate3d(0, 0, 0);
    will-change: background-position, opacity;
    z-index: 0;
}

body:before {
    animation: itmsftLiquidLavaA var(--itmsft-lava-a-duration, 46s) ease-in-out infinite alternate;
    animation-delay: var(--itmsft-lava-a-delay, 0s);
    background-image:
        radial-gradient(circle closest-side, rgba(255, 178, 28, 0.74), rgba(255, 178, 28, 0.36) 47%, rgba(255, 178, 28, 0) 75%),
        radial-gradient(circle closest-side, rgba(114, 76, 255, 0.62), rgba(114, 76, 255, 0.3) 48%, rgba(114, 76, 255, 0) 76%),
        radial-gradient(circle closest-side, rgba(255, 58, 128, 0.5), rgba(255, 58, 128, 0.24) 48%, rgba(255, 58, 128, 0) 76%);
    background-position: var(--itmsft-lava-a-pos-0, 18vw 20vh, 70vw 18vh, 46vw 63vh);
    background-repeat: no-repeat;
    background-size:
        clamp(250px, 25vw, 460px) clamp(250px, 25vw, 460px),
        clamp(290px, 31vw, 560px) clamp(290px, 31vw, 560px),
        clamp(240px, 27vw, 500px) clamp(240px, 27vw, 500px);
    filter: blur(22px) saturate(1.62) contrast(1.14);
    opacity: 0.9;
}

body:after {
    animation: itmsftLiquidLavaB var(--itmsft-lava-b-duration, 54s) ease-in-out infinite alternate;
    animation-delay: var(--itmsft-lava-b-delay, 0s);
    background-image:
        radial-gradient(circle closest-side, rgba(255, 118, 42, 0.58), rgba(255, 118, 42, 0.28) 46%, rgba(255, 118, 42, 0) 74%),
        radial-gradient(circle closest-side, rgba(36, 164, 255, 0.5), rgba(36, 164, 255, 0.24) 48%, rgba(36, 164, 255, 0) 76%);
    background-position: var(--itmsft-lava-b-pos-0, 79vw 56vh, 44vw 36vh);
    background-repeat: no-repeat;
    background-size:
        clamp(250px, 28vw, 500px) clamp(250px, 28vw, 500px),
        clamp(260px, 29vw, 520px) clamp(260px, 29vw, 520px);
    filter: blur(24px) saturate(1.54) contrast(1.1);
    opacity: 0.82;
}

.dark-theme body:before {
    filter: blur(34px) saturate(1.22);
    opacity: 0.5;
}

.dark-theme body:after {
    filter: blur(38px) saturate(1.18);
    opacity: 0.42;
}

body > * {
    position: relative;
    z-index: 1;
}

.itmsft-liquid-page {
    background: transparent !important;
}

.itmsft-liquid-home {
    /* DEBUG: panel glass accents are intentionally decoupled from configurable button accents. */
    --lg-amber: #f0a34a;
    --lg-blue: #8b5cf6;
    --lg-green: #22d3ee;
    --lg-glass-border: rgba(255, 255, 255, 0.42);
    --lg-glass-border-soft: rgba(8, 18, 32, 0.07);
    --lg-glass-shadow: 0 28px 90px rgba(30, 41, 64, 0.1), 0 6px 16px rgba(30, 41, 64, 0.06);
    --lg-glass-tint:
        radial-gradient(circle at 24% 82%, rgba(37, 181, 255, 0.045), rgba(37, 181, 255, 0) 46%),
        radial-gradient(circle at 76% 78%, rgba(255, 46, 143, 0.032), rgba(255, 46, 143, 0) 48%),
        rgba(255, 255, 255, 0.022);
    --lg-ink: #06101d;
    --lg-muted: rgba(6, 16, 29, 0.64);
    background: transparent;
    color: var(--lg-ink);
    isolation: isolate;
    left: 50%;
    margin: 0 0 28px -50vw;
    overflow: visible;
    padding: clamp(72px, 6vw, 96px) clamp(14px, 3vw, 32px) clamp(26px, 4vw, 46px);
    position: relative;
    width: 100vw;
}

.itmsft-liquid-home:before {
    animation: itmsftLiquidLocalColor var(--itmsft-lava-local-duration, 32s) ease-in-out infinite alternate;
    animation-delay: var(--itmsft-lava-local-delay, 0s);
    background-image:
        radial-gradient(circle closest-side, rgba(37, 181, 255, 0.34), rgba(37, 181, 255, 0.14) 52%, rgba(37, 181, 255, 0) 76%),
        radial-gradient(circle closest-side, rgba(255, 46, 143, 0.32), rgba(255, 46, 143, 0.13) 50%, rgba(255, 46, 143, 0) 76%),
        radial-gradient(circle closest-side, rgba(255, 181, 28, 0.36), rgba(255, 181, 28, 0.14) 50%, rgba(255, 181, 28, 0) 76%);
    background-position: var(--itmsft-lava-local-pos-0, 48% 34%, 49% 66%, 27% 42%);
    background-repeat: no-repeat;
    background-size:
        clamp(260px, 28vw, 520px) clamp(260px, 28vw, 520px),
        clamp(240px, 27vw, 500px) clamp(240px, 27vw, 500px),
        clamp(230px, 24vw, 440px) clamp(230px, 24vw, 440px);
    content: "";
    filter: blur(22px) saturate(1.42);
    inset: 0;
    opacity: 0.68;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 0, 0);
    will-change: background-position, opacity;
    z-index: 0;
}

.dark-theme .itmsft-liquid-home {
    --lg-glass-border: rgba(255, 255, 255, 0.26);
    --lg-glass-border-soft: rgba(255, 255, 255, 0.07);
    --lg-glass-shadow: 0 30px 92px rgba(0, 0, 0, 0.34), 0 6px 16px rgba(0, 0, 0, 0.22);
    --lg-glass-tint:
        radial-gradient(circle at 24% 82%, rgba(37, 181, 255, 0.105), rgba(37, 181, 255, 0) 46%),
        radial-gradient(circle at 76% 78%, rgba(255, 46, 143, 0.08), rgba(255, 46, 143, 0) 48%),
        rgba(255, 255, 255, 0.012);
    --lg-ink: #f7fbff;
    --lg-muted: rgba(247, 251, 255, 0.72);
}

.dark-theme .itmsft-liquid-home:before {
    opacity: 0.34;
}

.itmsft-liquid-home,
.itmsft-liquid-home * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.itmsft-liquid-home__filters {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.itmsft-liquid-home__shell {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 clamp(18px, 4vw, 46px);
    position: relative;
    z-index: 1;
}

.itmsft-liquid-home__hero {
    display: block;
    margin: 0 0 18px;
}

.itmsft-liquid-home__stage {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: clamp(510px, 46vw, 660px);
    overflow: visible;
    position: relative;
}

.itmsft-liquid-home__stage:after {
    background: radial-gradient(ellipse at center, rgba(38, 31, 24, 0.12), rgba(38, 31, 24, 0) 68%);
    border-radius: 50%;
    bottom: 8%;
    content: "";
    filter: blur(18px);
    height: 54px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    width: min(520px, 56vw);
    z-index: 0;
}

.dark-theme .itmsft-liquid-home__stage:after {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0) 68%);
}

.itmsft-liquid-glass {
    backface-visibility: hidden;
    background: rgba(255, 255, 255, 0.008);
    border: 1px solid var(--lg-glass-border);
    border-bottom-color: var(--lg-glass-border-soft);
    box-shadow: var(--lg-glass-shadow);
    contain: paint;
    isolation: isolate;
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 0, 0);
    transition:
        border-color 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2),
        box-shadow 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2),
        transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}

.dark-theme .itmsft-liquid-glass {
    background: rgba(255, 255, 255, 0.006);
}

.itmsft-liquid-glass__effect,
.itmsft-liquid-glass__tint,
.itmsft-liquid-glass__shine {
    border-radius: inherit;
    display: block;
    inset: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
}

.itmsft-liquid-glass__effect {
    -webkit-backdrop-filter: blur(2px) saturate(1.42);
    backdrop-filter: blur(2px) saturate(1.42);
    /* DEBUG: SVG displacement + animated backdrop flickers on Safari/Chromium GPU layers. */
    filter: none;
    opacity: 0.82;
    transform: translate3d(0, 0, 0);
    z-index: 0;
}

.itmsft-liquid-glass__tint {
    background: var(--lg-glass-tint);
    z-index: 1;
}

.itmsft-liquid-glass__shine {
    box-shadow:
        inset 1px 1px 1px rgba(255, 255, 255, 0.42),
        inset -1px -1px 1px rgba(255, 255, 255, 0.22),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    opacity: 0.64;
    z-index: 2;
}

.dark-theme .itmsft-liquid-glass__shine {
    opacity: 0.54;
}

.itmsft-liquid-glass > :not(.itmsft-liquid-glass__effect):not(.itmsft-liquid-glass__tint):not(.itmsft-liquid-glass__shine) {
    position: relative;
    z-index: 3;
}

.itmsft-liquid-glass:hover {
    border-color: rgba(255, 255, 255, 0.66);
    box-shadow: 0 34px 100px rgba(30, 41, 64, 0.13), 0 10px 24px rgba(30, 41, 64, 0.08);
}

.dark-theme .itmsft-liquid-glass:hover {
    border-color: rgba(255, 255, 255, 0.36);
    box-shadow: 0 34px 100px rgba(0, 0, 0, 0.42), 0 10px 24px rgba(0, 0, 0, 0.26);
}

.itmsft-liquid-glass:hover .itmsft-liquid-glass__effect {
    -webkit-backdrop-filter: blur(2.8px) saturate(1.2);
    backdrop-filter: blur(2.8px) saturate(1.2);
    opacity: 0.9;
}

.itmsft-liquid-home__copy {
    --lg-motion-delay: 0ms;
    align-items: center;
    aspect-ratio: 1 / 0.78;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    padding: clamp(34px, 4.3vw, 60px);
    text-align: center;
    width: min(620px, 76vw);
    z-index: 3;
}

.itmsft-liquid-track:nth-child(1) {
    --lg-motion-delay: 90ms;
}

.itmsft-liquid-track:nth-child(2) {
    --lg-motion-delay: 170ms;
}

.itmsft-liquid-track:nth-child(3) {
    --lg-motion-delay: 250ms;
}

.itmsft-liquid-home__secondary {
    --lg-motion-delay: 320ms;
}

.itmsft-liquid-home.is-motion-ready .itmsft-liquid-home__copy,
.itmsft-liquid-home.is-motion-ready .itmsft-liquid-track,
.itmsft-liquid-home.is-motion-ready .itmsft-liquid-home__secondary {
    animation: itmsftGlassReveal 1180ms cubic-bezier(0.16, 1, 0.3, 1) var(--lg-motion-delay, 0ms) both;
    backface-visibility: hidden;
    filter: blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1) rotateX(0);
    transform-origin: 50% 100%;
    transition:
        opacity 540ms cubic-bezier(0.16, 1, 0.3, 1),
        filter 680ms cubic-bezier(0.16, 1, 0.3, 1),
        transform 760ms cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 520ms cubic-bezier(0.16, 1, 0.3, 1),
        border-color 520ms cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0ms;
    will-change: opacity, filter, transform;
}

.itmsft-liquid-home.is-motion-ready .itmsft-liquid-home__copy.is-visible,
.itmsft-liquid-home.is-motion-ready .itmsft-liquid-track.is-visible,
.itmsft-liquid-home.is-motion-ready .itmsft-liquid-home__secondary.is-visible {
    animation: itmsftGlassReveal 1180ms cubic-bezier(0.16, 1, 0.3, 1) var(--lg-motion-delay, 0ms) both;
    filter: blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1) rotateX(0);
    transition: none;
    transition-delay: var(--lg-motion-delay, 0ms);
}

.itmsft-liquid-home.is-motion-ready .itmsft-liquid-home__copy.is-visible:hover,
.itmsft-liquid-home.is-motion-ready .itmsft-liquid-track.is-visible:hover,
.itmsft-liquid-home.is-motion-ready .itmsft-liquid-home__secondary.is-visible:hover {
    transform: translate3d(0, -8px, 0) scale(1.016) rotateX(0);
    transition: transform 380ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 420ms cubic-bezier(0.16, 1, 0.3, 1), border-color 420ms cubic-bezier(0.16, 1, 0.3, 1);
}

.itmsft-liquid-home__copy-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 540px;
}

.itmsft-liquid-home__copy .itmsft-liquid-home__eyebrow:before {
    background: linear-gradient(90deg, var(--lg-green), var(--lg-blue), var(--lg-amber));
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: -22px;
}

.itmsft-liquid-home__eyebrow {
    color: var(--lg-green);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    margin: 16px 0 14px;
    text-transform: uppercase;
}

.itmsft-liquid-home__title {
    color: var(--lg-ink);
    font-size: clamp(33px, 3.15vw, 50px);
    font-weight: 820;
    line-height: 1.04;
    margin: 0;
    max-width: 560px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.22);
}

.dark-theme .itmsft-liquid-home__title {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
}

.itmsft-liquid-home__lead {
    color: var(--lg-muted);
    font-size: clamp(15px, 1.05vw, 17px);
    line-height: 1.48;
    margin: 16px 0 0;
    max-width: 500px;
}

.itmsft-liquid-home__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin: 24px auto 0;
}

.itmsft-liquid-button {
    align-items: center;
    -webkit-backdrop-filter: blur(10px) saturate(1.18);
    backdrop-filter: blur(10px) saturate(1.18);
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.46);
    border-radius: 999px !important;
    box-shadow: 0 12px 32px rgba(19, 45, 71, 0.1), inset 1px 1px 0 rgba(255, 255, 255, 0.44);
    color: var(--lg-ink);
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    justify-content: center;
    line-height: 1.2;
    min-height: 44px;
    padding: 0 20px;
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.itmsft-liquid-button:hover {
    background: rgba(255, 255, 255, 0.24);
    border-color: rgba(255, 255, 255, 0.68);
    box-shadow: 0 16px 42px rgba(19, 45, 71, 0.14), inset 1px 1px 0 rgba(255, 255, 255, 0.62);
    color: var(--lg-ink);
    text-decoration: none;
    transform: translateY(-4px) scale(1.016);
}

.itmsft-liquid-button--primary {
    background: var(--itmsft-liquid-accent-gradient, linear-gradient(135deg, #111827, #2c2c2e));
    border-color: rgba(255, 255, 255, 0.52);
    color: var(--itmsft-liquid-accent-text, #06101d);
}

.itmsft-liquid-button--primary:hover {
    background: var(--itmsft-liquid-accent-hover, #2c2c2e);
    color: var(--itmsft-liquid-accent-text, #06101d);
}

.dark-theme .itmsft-liquid-button {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.22);
    color: var(--lg-ink);
}

.dark-theme .itmsft-liquid-button:hover {
    background: rgba(255, 255, 255, 0.13);
}

.dark-theme .itmsft-liquid-button--primary {
    background: var(--itmsft-liquid-accent-gradient, linear-gradient(135deg, #f5f5f7, #d2d2d7));
    color: var(--itmsft-liquid-accent-text, #06101d);
}

.itmsft-liquid-home__console {
    align-self: stretch;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    min-height: 0;
    padding: clamp(20px, 2.4vw, 26px);
}

.itmsft-liquid-home__console-head {
    align-items: center;
    color: var(--lg-ink);
    display: flex;
    font-size: 12px;
    font-weight: 800;
    justify-content: space-between;
    text-transform: uppercase;
}

.itmsft-liquid-home__console-head strong {
    background: rgba(200, 135, 78, 0.14);
    border: 1px solid rgba(200, 135, 78, 0.34);
    border-radius: 999px;
    color: var(--lg-green);
    display: inline-flex;
    font-size: 11px;
    padding: 6px 10px;
}

.dark-theme .itmsft-liquid-home__console-head strong {
    background: rgba(200, 135, 78, 0.2);
}

.itmsft-liquid-home__signal-list {
    display: grid;
    gap: 10px;
    margin: 24px 0 28px;
}

.itmsft-liquid-home__signal {
    padding: 13px 14px;
}

.itmsft-liquid-home__signal > span:not(.itmsft-liquid-glass__effect):not(.itmsft-liquid-glass__tint):not(.itmsft-liquid-glass__shine) {
    color: var(--lg-muted);
    display: block;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 6px;
    text-transform: uppercase;
}

.itmsft-liquid-home__signal strong {
    color: var(--lg-ink);
    display: block;
    font-size: clamp(15px, 1.2vw, 18px);
    line-height: 1.25;
}

.itmsft-liquid-home__meter {
    background: rgba(6, 16, 29, 0.1);
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

.dark-theme .itmsft-liquid-home__meter {
    background: rgba(255, 255, 255, 0.13);
}

.itmsft-liquid-home__meter span {
    animation: itmsftLiquidMeter 4s ease-in-out infinite;
    background: linear-gradient(90deg, var(--lg-green), var(--lg-blue), var(--lg-amber));
    border-radius: inherit;
    display: block;
    height: 100%;
    width: 72%;
}

.itmsft-liquid-home__tracks {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 14px;
}

.itmsft-liquid-track {
    border-radius: 24px;
    color: var(--lg-ink);
    min-height: 176px;
    padding: 22px 24px 24px;
    text-decoration: none;
}

.itmsft-liquid-track--dev {
    --lg-glass-border: rgba(255, 255, 255, 0.2);
    --lg-glass-border-soft: rgba(255, 255, 255, 0.045);
    --lg-glass-tint:
        radial-gradient(circle at 28% 82%, rgba(139, 92, 246, 0.075), rgba(139, 92, 246, 0) 46%),
        rgba(255, 255, 255, 0.01);
    background: rgba(139, 92, 246, 0.012);
}

.itmsft-liquid-track--cloud {
    --lg-glass-border: rgba(255, 255, 255, 0.28);
    --lg-glass-border-soft: rgba(255, 255, 255, 0.065);
    --lg-glass-tint:
        radial-gradient(circle at 32% 82%, rgba(34, 211, 238, 0.08), rgba(34, 211, 238, 0) 48%),
        rgba(255, 255, 255, 0.012);
    background: rgba(34, 211, 238, 0.014);
}

.itmsft-liquid-track--growth {
    --lg-glass-border: rgba(255, 255, 255, 0.36);
    --lg-glass-border-soft: rgba(255, 255, 255, 0.085);
    --lg-glass-tint:
        radial-gradient(circle at 34% 82%, rgba(240, 163, 74, 0.082), rgba(240, 163, 74, 0) 48%),
        rgba(255, 255, 255, 0.014);
    background: rgba(240, 163, 74, 0.016);
}

.itmsft-liquid-track:hover {
    color: var(--lg-ink);
    text-decoration: none;
}

.itmsft-liquid-track .itmsft-liquid-track__label:before {
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: -18px;
}

.itmsft-liquid-track--dev .itmsft-liquid-track__label:before {
    background: var(--lg-blue);
}

.itmsft-liquid-track--cloud .itmsft-liquid-track__label:before {
    background: var(--lg-green);
}

.itmsft-liquid-track--growth .itmsft-liquid-track__label:before {
    background: var(--lg-amber);
}

.itmsft-liquid-track__label {
    color: var(--lg-muted);
    display: block;
    font-size: 11px;
    font-weight: 850;
    margin: 18px 0 12px;
    text-transform: uppercase;
}

.itmsft-liquid-track h2 {
    color: var(--lg-ink);
    font-size: clamp(24px, 1.9vw, 31px);
    line-height: 1.08;
    margin: 0 0 12px;
}

.itmsft-liquid-track p {
    color: var(--lg-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.itmsft-liquid-home__secondary {
    align-items: center;
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 6px;
}

.itmsft-liquid-home__secondary a {
    align-items: center;
    border-radius: 6px;
    color: var(--lg-ink);
    display: flex;
    font-size: 14px;
    font-weight: 800;
    justify-content: center;
    min-height: 44px;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none;
    transition: background 180ms ease, color 180ms ease;
}

.itmsft-liquid-home__secondary a:hover {
    background: rgba(255, 255, 255, 0.12);
    color: var(--lg-ink);
    text-decoration: none;
}

.dark-theme .itmsft-liquid-home__secondary a:hover {
    background: rgba(255, 255, 255, 0.08);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .itmsft-liquid-glass {
        background: rgba(255, 255, 255, 0.2);
    }

    .dark-theme .itmsft-liquid-glass {
        background: rgba(255, 255, 255, 0.08);
    }
}

@keyframes itmsftLiquidMeter {
    0% {
        transform: translateX(-8%);
        width: 62%;
    }

    50% {
        transform: translateX(30%);
        width: 76%;
    }

    100% {
        transform: translateX(-8%);
        width: 62%;
    }
}

@keyframes itmsftLiquidLavaA {
    0% {
        background-position: var(--itmsft-lava-a-pos-0, 12vw 20vh, 70vw 18vh, 42vw 66vh);
    }

    38% {
        background-position: var(--itmsft-lava-a-pos-1, 24vw 28vh, 58vw 32vh, 52vw 58vh);
    }

    70% {
        background-position: var(--itmsft-lava-a-pos-2, 17vw 48vh, 75vw 42vh, 30vw 56vh);
    }

    100% {
        background-position: var(--itmsft-lava-a-pos-3, 30vw 22vh, 62vw 20vh, 44vw 72vh);
    }
}

@keyframes itmsftLiquidLavaB {
    0% {
        background-position: var(--itmsft-lava-b-pos-0, 78vw 58vh, 46vw 34vh);
    }

    50% {
        background-position: var(--itmsft-lava-b-pos-1, 60vw 46vh, 34vw 44vh);
    }

    100% {
        background-position: var(--itmsft-lava-b-pos-2, 82vw 30vh, 52vw 54vh);
    }
}

@keyframes itmsftLiquidLocalColor {
    0% {
        background-position: var(--itmsft-lava-local-pos-0, 48% 34%, 49% 66%, 27% 42%);
    }

    36% {
        background-position: var(--itmsft-lava-local-pos-1, 41% 43%, 57% 58%, 33% 34%);
    }

    72% {
        background-position: var(--itmsft-lava-local-pos-2, 56% 31%, 43% 70%, 24% 54%);
    }

    100% {
        background-position: var(--itmsft-lava-local-pos-3, 50% 50%, 54% 61%, 36% 39%);
    }
}

@keyframes itmsftGlassReveal {
    0% {
        filter: blur(22px);
        opacity: 0;
        transform: translate3d(0, 92px, 0) scale(0.86) rotateX(8deg);
    }

    48% {
        filter: blur(4px);
        opacity: 1;
        transform: translate3d(0, -14px, 0) scale(1.025) rotateX(-2deg);
    }

    72% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(0, 4px, 0) scale(0.996) rotateX(0);
    }

    100% {
        filter: blur(0);
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) rotateX(0);
    }
}

@media (max-width: 1024px) {
    .itmsft-liquid-home__stage {
        min-height: 590px;
    }

    .itmsft-liquid-home__tracks {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    body:before {
        animation-duration: 72s;
        filter: blur(28px) saturate(1.34) contrast(1.06);
        opacity: 0.72;
    }

    body:after {
        animation-duration: 82s;
        filter: blur(30px) saturate(1.28) contrast(1.04);
        opacity: 0.62;
    }

    .dark-theme body:before {
        opacity: 0.38;
    }

    .dark-theme body:after {
        opacity: 0.32;
    }

    .itmsft-liquid-home {
        padding: 82px 12px 24px;
    }

    .itmsft-liquid-home:before {
        animation-duration: 54s;
        filter: blur(24px) saturate(1.22);
        opacity: 0.42;
    }

    .dark-theme .itmsft-liquid-home:before {
        opacity: 0.22;
    }

    .itmsft-liquid-home__stage {
        min-height: 560px;
    }

    .itmsft-liquid-home__copy {
        aspect-ratio: auto;
        border-radius: 24px;
        min-height: 340px;
        padding: 26px 20px;
        width: min(92vw, 440px);
    }

    .itmsft-liquid-home__title {
        font-size: clamp(29px, 8vw, 38px);
        line-height: 1.08;
    }

    .itmsft-liquid-home__lead {
        font-size: 15px;
    }

    .itmsft-liquid-home__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .itmsft-liquid-button {
        width: 100%;
    }

    .itmsft-liquid-glass__effect,
    .itmsft-liquid-glass:hover .itmsft-liquid-glass__effect {
        -webkit-backdrop-filter: blur(1.4px) saturate(1.08);
        backdrop-filter: blur(1.4px) saturate(1.08);
        opacity: 0.68;
    }

    .itmsft-liquid-home__console {
        padding: 18px;
    }

    .itmsft-liquid-track {
        min-height: 0;
        padding: 24px 20px;
    }

    .itmsft-liquid-home__secondary {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 420px) {
    .itmsft-liquid-home__stage {
        min-height: 520px;
    }

    .itmsft-liquid-home__copy {
        min-height: 330px;
        width: 94vw;
    }

    .itmsft-liquid-home__secondary {
        grid-template-columns: 1fr;
    }
}

@media (hover: none), (pointer: coarse) {
    .itmsft-liquid-home.is-motion-ready .itmsft-liquid-home__copy.is-visible:hover,
    .itmsft-liquid-home.is-motion-ready .itmsft-liquid-track.is-visible:hover,
    .itmsft-liquid-home.is-motion-ready .itmsft-liquid-home__secondary.is-visible:hover,
    .itmsft-liquid-button:hover {
        transform: translate3d(0, 0, 0) scale(1) rotateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    body:before,
    body:after,
    .itmsft-liquid-home *,
    .itmsft-liquid-home *:before,
    .itmsft-liquid-home *:after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}

/* ITMSFT Company Directions slider.
 * DEBUG: homepage alias company_directions renders this block after the main slider.
 */
.company-directions {
    --lg-amber: #f0a34a;
    --lg-blue: #8b5cf6;
    --lg-green: #22d3ee;
    --lg-glass-border: rgba(255, 255, 255, 0.26);
    --lg-glass-border-soft: rgba(255, 255, 255, 0.07);
    --lg-glass-shadow: 0 28px 76px rgba(0, 0, 0, 0.22), 0 8px 24px rgba(0, 0, 0, 0.14);
    --lg-glass-tint:
        radial-gradient(circle at 28% 82%, rgba(139, 92, 246, 0.08), rgba(139, 92, 246, 0) 48%),
        radial-gradient(circle at 78% 20%, rgba(34, 211, 238, 0.055), rgba(34, 211, 238, 0) 44%),
        rgba(255, 255, 255, 0.012);
    --lg-ink: #f7fbff;
    --lg-muted: rgba(247, 251, 255, 0.72);
    box-sizing: border-box;
    color: var(--lg-ink);
    isolation: isolate;
    left: 50%;
    margin: -18px 0 58px -50vw;
    overflow: hidden;
    padding: 0 0 6px;
    position: relative;
    width: 100vw;
    z-index: 2;
}

.company-directions,
.company-directions * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.company-directions:before {
    background-image:
        radial-gradient(circle closest-side, rgba(34, 211, 238, 0.2), rgba(34, 211, 238, 0.07) 46%, rgba(34, 211, 238, 0) 76%),
        radial-gradient(circle closest-side, rgba(139, 92, 246, 0.2), rgba(139, 92, 246, 0.07) 48%, rgba(139, 92, 246, 0) 78%),
        radial-gradient(circle closest-side, rgba(240, 163, 74, 0.18), rgba(240, 163, 74, 0.06) 48%, rgba(240, 163, 74, 0) 78%);
    background-position: 28% 54%, 54% 100%, 82% 48%;
    background-repeat: no-repeat;
    background-size:
        clamp(220px, 24vw, 420px) clamp(220px, 24vw, 420px),
        clamp(260px, 28vw, 520px) clamp(260px, 28vw, 520px),
        clamp(220px, 23vw, 420px) clamp(220px, 23vw, 420px);
    content: "";
    filter: blur(24px) saturate(1.2);
    inset: -20% 0 -18%;
    opacity: 0.48;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.company-directions__shell {
    margin: 0 auto;
    max-width: 1420px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.company-directions.is-motion-ready {
    opacity: 1;
    transform: none;
}

.company-directions.is-motion-ready.is-visible {
    opacity: 1;
    transform: none;
}

.company-directions__head {
    align-items: flex-end;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin: 0 0 18px;
}

.company-directions.is-motion-ready .company-directions__head,
.company-directions.is-motion-ready .company-directions__nav,
.company-directions.is-motion-ready .company-direction-card,
.company-directions.is-motion-ready .company-directions__dots {
    animation: none;
    backface-visibility: hidden;
    filter: blur(22px);
    opacity: 0;
    transform: translate3d(0, 92px, 0) scale(0.86) rotateX(8deg);
    transform-origin: 50% 100%;
    will-change: opacity, filter, transform;
}

.company-directions.is-motion-ready.is-visible .company-directions__head,
.company-directions.is-motion-ready.is-visible .company-directions__nav,
.company-directions.is-motion-ready.is-visible .company-direction-card,
.company-directions.is-motion-ready.is-visible .company-directions__dots {
    animation: itmsftGlassReveal 1180ms cubic-bezier(0.16, 1, 0.3, 1) var(--company-direction-delay, 0ms) both;
    filter: blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.company-directions.is-motion-ready.is-visible .company-directions__head {
    --company-direction-delay: 70ms;
}

.company-directions.is-motion-ready.is-visible .company-directions__nav {
    --company-direction-delay: 180ms;
}

.company-directions.is-motion-ready.is-visible .company-direction-card {
    --company-direction-delay: 120ms;
}

.company-directions.is-motion-ready.is-visible .company-direction-card:nth-child(1) {
    --company-direction-delay: 130ms;
}

.company-directions.is-motion-ready.is-visible .company-direction-card:nth-child(2) {
    --company-direction-delay: 210ms;
}

.company-directions.is-motion-ready.is-visible .company-direction-card:nth-child(3) {
    --company-direction-delay: 290ms;
}

.company-directions.is-motion-ready.is-visible .company-direction-card:nth-child(n+4) {
    --company-direction-delay: 340ms;
}

.company-directions.is-motion-ready.is-visible .company-directions__dots {
    --company-direction-delay: 430ms;
}

.company-directions__eyebrow {
    color: var(--lg-green);
    display: block;
    font-size: 12px;
    font-weight: 850;
    margin: 0 0 8px;
    text-transform: uppercase;
}

.company-directions__title {
    color: var(--lg-ink);
    font-size: clamp(27px, 3vw, 42px);
    font-weight: 760;
    line-height: 1.08;
    margin: 0;
}

.company-directions__nav {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

.company-directions__nav-button {
    -webkit-backdrop-filter: blur(10px) saturate(1.18);
    align-items: center;
    backdrop-filter: blur(10px) saturate(1.18);
    background: var(--itmsft-header-control, rgba(255, 255, 255, 0.08));
    border: 1px solid var(--itmsft-header-border, rgba(255, 255, 255, 0.28));
    border-bottom-color: var(--itmsft-header-border-soft, rgba(255, 255, 255, 0.1));
    border-radius: 16px;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.22);
    color: var(--itmsft-header-ink, #f7fbff);
    cursor: pointer;
    display: inline-flex;
    font-size: 20px;
    font-weight: 800;
    height: 52px;
    justify-content: center;
    line-height: 1;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition:
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        opacity 180ms ease,
        transform 180ms cubic-bezier(0.16, 1, 0.3, 1);
    width: 52px;
}

.company-directions__nav-button:before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0) 68%),
        radial-gradient(circle at 76% 76%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 58%);
    content: "";
    inset: 0;
    opacity: 0.52;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.company-directions__nav-button span {
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.12);
    z-index: 1;
}

.company-directions__nav-button:hover:not(:disabled),
.company-directions__nav-button:focus-visible:not(:disabled) {
    background: var(--itmsft-header-control-hover, rgba(255, 255, 255, 0.13));
    border-color: var(--itmsft-header-border, rgba(255, 255, 255, 0.32));
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12), inset 1px 1px 0 rgba(255, 255, 255, 0.32);
    outline: none;
    transform: translateY(-3px) scale(1.012);
}

.company-directions__nav-button:disabled {
    cursor: default;
    opacity: 0.42;
    transform: none;
}

.company-directions__viewport {
    overflow: hidden;
}

.company-directions__track {
    -webkit-overflow-scrolling: touch;
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 4px 0 10px;
    scroll-padding-left: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.company-directions__track::-webkit-scrollbar {
    display: none;
}

.company-direction-card {
    --direction-accent: var(--lg-green);
    border-radius: 24px;
    color: var(--lg-ink);
    flex: 0 0 calc((100% - 32px) / 3);
    min-height: 190px;
    padding: 24px 26px 26px;
    scroll-snap-align: start;
    text-decoration: none;
    transition:
        border-color 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2),
        opacity 640ms ease,
        transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}

.company-direction-card .itmsft-liquid-glass__effect {
    -webkit-backdrop-filter: blur(18px) saturate(1.2);
    backdrop-filter: blur(18px) saturate(1.2);
    opacity: 0.88;
}

.company-direction-card .itmsft-liquid-glass__tint {
    transition: background 420ms ease;
}

.company-direction-card--dev {
    --direction-accent: var(--lg-blue);
    --lg-glass-border: rgba(255, 255, 255, 0.24);
    --lg-glass-border-soft: rgba(255, 255, 255, 0.06);
    --lg-glass-tint:
        radial-gradient(circle at 28% 84%, rgba(139, 92, 246, 0.12), rgba(139, 92, 246, 0) 48%),
        rgba(255, 255, 255, 0.012);
}

.company-direction-card--cloud {
    --direction-accent: var(--lg-green);
    --lg-glass-border: rgba(255, 255, 255, 0.3);
    --lg-glass-border-soft: rgba(255, 255, 255, 0.07);
    --lg-glass-tint:
        radial-gradient(circle at 32% 82%, rgba(34, 211, 238, 0.12), rgba(34, 211, 238, 0) 48%),
        rgba(255, 255, 255, 0.014);
}

.company-direction-card--growth {
    --direction-accent: var(--lg-amber);
    --lg-glass-border: rgba(255, 255, 255, 0.32);
    --lg-glass-border-soft: rgba(255, 255, 255, 0.08);
    --lg-glass-tint:
        radial-gradient(circle at 34% 82%, rgba(240, 163, 74, 0.14), rgba(240, 163, 74, 0) 48%),
        rgba(255, 255, 255, 0.016);
}

.company-direction-card--service {
    --direction-accent: #45e0a7;
    --lg-glass-tint:
        radial-gradient(circle at 28% 84%, rgba(69, 224, 167, 0.12), rgba(69, 224, 167, 0) 48%),
        rgba(255, 255, 255, 0.012);
}

.company-direction-card--consult {
    --direction-accent: #5ab7ff;
    --lg-glass-tint:
        radial-gradient(circle at 30% 84%, rgba(90, 183, 255, 0.13), rgba(90, 183, 255, 0) 48%),
        rgba(255, 255, 255, 0.012);
}

.company-direction-card--support {
    --direction-accent: #ff6aa2;
    --lg-glass-tint:
        radial-gradient(circle at 34% 82%, rgba(255, 106, 162, 0.11), rgba(255, 106, 162, 0) 48%),
        rgba(255, 255, 255, 0.012);
}

.company-direction-card--store {
    --direction-accent: #ffd166;
    --lg-glass-tint:
        radial-gradient(circle at 34% 82%, rgba(255, 209, 102, 0.13), rgba(255, 209, 102, 0) 48%),
        rgba(255, 255, 255, 0.012);
}

.company-direction-card:hover,
.company-direction-card:focus-visible {
    border-color: color-mix(in srgb, var(--direction-accent) 42%, var(--lg-glass-border));
    box-shadow: var(--lg-glass-shadow) !important;
    color: var(--lg-ink);
    outline: none;
    text-decoration: none;
    transform: translateY(-4px);
}

.dark-theme .company-direction-card:hover,
.dark-theme .company-direction-card:focus-visible {
    border-color: color-mix(in srgb, var(--direction-accent) 64%, rgba(255, 255, 255, 0.18));
}

.dark-theme .company-direction-card--dev {
    --direction-hover-tint:
        radial-gradient(circle at 30% 82%, rgba(139, 92, 246, 0.24), rgba(139, 92, 246, 0) 54%),
        rgba(255, 255, 255, 0.014);
}

.dark-theme .company-direction-card--cloud {
    --direction-hover-tint:
        radial-gradient(circle at 30% 82%, rgba(34, 211, 238, 0.24), rgba(34, 211, 238, 0) 54%),
        rgba(255, 255, 255, 0.016);
}

.dark-theme .company-direction-card--growth {
    --direction-hover-tint:
        radial-gradient(circle at 32% 82%, rgba(240, 163, 74, 0.24), rgba(240, 163, 74, 0) 54%),
        rgba(255, 255, 255, 0.016);
}

.dark-theme .company-direction-card--service {
    --direction-hover-tint:
        radial-gradient(circle at 30% 82%, rgba(69, 224, 167, 0.22), rgba(69, 224, 167, 0) 54%),
        rgba(255, 255, 255, 0.014);
}

.dark-theme .company-direction-card--consult {
    --direction-hover-tint:
        radial-gradient(circle at 30% 82%, rgba(90, 183, 255, 0.23), rgba(90, 183, 255, 0) 54%),
        rgba(255, 255, 255, 0.014);
}

.dark-theme .company-direction-card--support {
    --direction-hover-tint:
        radial-gradient(circle at 32% 82%, rgba(255, 106, 162, 0.22), rgba(255, 106, 162, 0) 54%),
        rgba(255, 255, 255, 0.014);
}

.dark-theme .company-direction-card--store {
    --direction-hover-tint:
        radial-gradient(circle at 32% 82%, rgba(255, 209, 102, 0.22), rgba(255, 209, 102, 0) 54%),
        rgba(255, 255, 255, 0.014);
}

.dark-theme .company-direction-card:hover .itmsft-liquid-glass__tint,
.dark-theme .company-direction-card:focus-visible .itmsft-liquid-glass__tint {
    background: var(--direction-hover-tint, var(--lg-glass-tint));
}

.company-direction-card__label {
    color: var(--lg-muted);
    display: block;
    font-size: 11px;
    font-weight: 850;
    margin: 18px 0 13px;
    position: relative;
    text-transform: uppercase;
}

.company-direction-card__label:before {
    background: var(--direction-accent);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: -18px;
}

.company-direction-card h3 {
    color: var(--lg-ink);
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 720;
    line-height: 1.08;
    margin: 0 0 12px;
}

.company-direction-card p {
    color: var(--lg-muted);
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
}

.company-directions__dots {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 8px 0 0;
    min-height: 14px;
}

.company-directions__dot {
    background: rgba(247, 251, 255, 0.34);
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    height: 8px;
    opacity: 0.72;
    padding: 0;
    transition: background 180ms ease, opacity 180ms ease, width 180ms ease;
    width: 8px;
}

.company-directions__dot[hidden] {
    display: none;
}

.company-directions__dot.is-active {
    background: rgba(247, 251, 255, 0.92);
    opacity: 1;
    width: 30px;
}

html:not(.dark-theme) .company-directions {
    --lg-glass-border: rgba(8, 18, 32, 0.12);
    --lg-glass-border-soft: rgba(8, 18, 32, 0.05);
    --lg-glass-shadow:
        inset 1px 1px 1px rgba(255, 255, 255, 0.58),
        inset -1px -1px 1px rgba(8, 18, 32, 0.035);
    --lg-ink: #06101d;
    --lg-muted: rgba(6, 16, 29, 0.64);
}

html:not(.dark-theme) .company-directions:before {
    opacity: 0;
}

.dark-theme .company-directions {
    --lg-glass-shadow:
        inset 1px 1px 1px rgba(255, 255, 255, 0.28),
        inset -1px -1px 1px rgba(255, 255, 255, 0.05);
}

.dark-theme .company-directions:before {
    opacity: 0;
}

html:not(.dark-theme) .company-directions__dot {
    background: rgba(6, 16, 29, 0.28);
}

html:not(.dark-theme) .company-directions__dot.is-active {
    background: rgba(6, 16, 29, 0.84);
}

@media (max-width: 1100px) {
    .company-direction-card {
        flex-basis: calc((100% - 16px) / 2);
    }
}

@media (max-width: 760px) {
    .company-directions {
        margin: -8px 0 42px -50vw;
        padding: 0 0 4px;
    }

    .company-directions__shell {
        padding: 0 16px;
    }

    .company-directions__head {
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 12px;
    }

    .company-directions__eyebrow {
        font-size: 10px;
        margin-bottom: 6px;
    }

    .company-directions__title {
        font-size: 28px;
    }

    .company-directions__nav {
        display: none;
    }

    .company-directions__track {
        gap: 14px;
        padding-bottom: 9px;
    }

    .company-direction-card {
        border-radius: 22px;
        flex-basis: 82%;
        min-height: 184px;
        padding: 22px 22px 24px;
    }

    .company-direction-card h3 {
        font-size: 25px;
    }

    .company-direction-card p {
        font-size: 14px;
    }
}

@media (max-width: 359px) {
    .company-directions__shell {
        padding: 0 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .company-directions.is-motion-ready,
    .company-directions.is-motion-ready .company-directions__head,
    .company-directions.is-motion-ready .company-directions__nav,
    .company-directions.is-motion-ready .company-direction-card,
    .company-directions.is-motion-ready .company-directions__dots {
        animation-duration: 0.001ms !important;
        opacity: 1;
        filter: none;
        transform: none;
        transition-duration: 0.001ms !important;
    }
}

@media (max-width: 420px) {
    .company-directions__head {
        flex-direction: column;
    }

    .company-direction-card {
        flex-basis: 88%;
    }
}

/* ITMSFT Full Cycle CTA.
 * DEBUG: homepage alias full_cycle_cta renders the long conversion block.
 */
.full-cycle-cta {
    --fc-accent: #22d3ee;
    --fc-accent-2: #f0a34a;
    --fc-accent-3: #8b5cf6;
    --fc-ink: #f7fbff;
    --fc-muted: rgba(247, 251, 255, 0.72);
    --fc-border: rgba(255, 255, 255, 0.24);
    --fc-border-soft: rgba(255, 255, 255, 0.07);
    --fc-hover-border: var(--fc-border);
    --fc-shadow:
        inset 1px 1px 1px rgba(255, 255, 255, 0.24),
        inset -1px -1px 1px rgba(255, 255, 255, 0.05);
    --fc-hover-shadow: var(--fc-shadow);
    box-sizing: border-box;
    color: var(--fc-ink);
    isolation: isolate;
    left: 50%;
    margin: -18px 0 66px -50vw;
    overflow: hidden;
    padding: 0 0 6px;
    position: relative;
    width: 100vw;
    z-index: 1;
}

.full-cycle-cta,
.full-cycle-cta * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.full-cycle-cta__shell {
    margin: 0 auto;
    max-width: 1420px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}

.full-cycle-cta__card {
    align-items: stretch;
    background: rgba(255, 255, 255, 0.008);
    border-color: var(--fc-border);
    border-radius: 28px;
    box-shadow: var(--fc-shadow);
    display: grid;
    gap: clamp(24px, 4.2vw, 64px);
    grid-template-columns: minmax(420px, 1.04fr) minmax(0, 0.96fr);
    min-height: 318px;
    padding: clamp(18px, 2.4vw, 30px);
}

.full-cycle-cta__card:before {
    content: none !important;
    display: none !important;
}

.full-cycle-cta__card.itmsft-liquid-glass:hover,
.full-cycle-cta__card.itmsft-liquid-glass:focus-within {
    border-color: var(--fc-hover-border);
    box-shadow: var(--fc-hover-shadow) !important;
    transform: none;
}

.full-cycle-cta__card.itmsft-liquid-glass:hover .itmsft-liquid-glass__effect,
.full-cycle-cta__card.itmsft-liquid-glass:focus-within .itmsft-liquid-glass__effect {
    -webkit-backdrop-filter: blur(20px) saturate(1.22);
    backdrop-filter: blur(20px) saturate(1.22);
    opacity: 0.78;
}

.full-cycle-cta__card.itmsft-liquid-glass:hover .itmsft-liquid-glass__shine,
.full-cycle-cta__card.itmsft-liquid-glass:focus-within .itmsft-liquid-glass__shine {
    opacity: 0.74;
}

.full-cycle-cta__card .itmsft-liquid-glass__effect {
    -webkit-backdrop-filter: blur(18px) saturate(1.14);
    backdrop-filter: blur(18px) saturate(1.14);
    opacity: 0.62;
}

.full-cycle-cta__card .itmsft-liquid-glass__tint {
    background:
        radial-gradient(circle at 28% 76%, rgba(34, 211, 238, 0.08), rgba(34, 211, 238, 0) 42%),
        radial-gradient(circle at 84% 18%, rgba(240, 163, 74, 0.09), rgba(240, 163, 74, 0) 44%),
        rgba(255, 255, 255, 0.012);
}

.full-cycle-cta__media {
    background: #030711;
    border-radius: 22px;
    color: var(--fc-ink);
    display: block;
    min-height: 260px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.full-cycle-cta__media:before {
    background:
        linear-gradient(90deg, rgba(3, 7, 18, 0.12), rgba(3, 7, 18, 0) 46%),
        linear-gradient(180deg, rgba(3, 7, 18, 0), rgba(3, 7, 18, 0.22));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.full-cycle-cta__media img {
    background: #030711;
    display: block;
    filter: brightness(0.94) saturate(1.02);
    height: 100%;
    min-height: 260px;
    object-fit: contain;
    object-position: center center;
    transform: none;
    transition:
        filter 420ms ease,
        transform 640ms cubic-bezier(0.16, 1, 0.3, 1);
    width: 100%;
}

.full-cycle-cta__card:hover .full-cycle-cta__media img {
    filter: brightness(1.04) saturate(1.1);
    transform: scale(1.012);
}

.full-cycle-cta__media-badge,
.full-cycle-cta__media-card {
    -webkit-backdrop-filter: blur(16px) saturate(1.18);
    backdrop-filter: blur(16px) saturate(1.18);
    background:
        linear-gradient(135deg, rgba(247, 251, 255, 0.14), rgba(247, 251, 255, 0.045)),
        rgba(18, 24, 36, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.24);
    position: absolute;
    z-index: 2;
}

.full-cycle-cta__media-badge {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    gap: 8px;
    left: 18px;
    padding: 10px 14px;
    text-transform: uppercase;
    top: 18px;
}

.full-cycle-cta__media-card {
    border-radius: 16px;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    padding: 14px 16px;
}

.full-cycle-cta__media-card--site {
    bottom: 22px;
    left: 22px;
}

.full-cycle-cta__media-card--cloud {
    bottom: 72px;
    left: 38%;
}

.full-cycle-cta__media-card--growth {
    bottom: 22px;
    right: 22px;
}

.full-cycle-cta__content {
    align-self: center;
    max-width: 650px;
    padding: clamp(8px, 1.6vw, 18px) clamp(4px, 1vw, 14px);
    position: relative;
    z-index: 3;
}

.full-cycle-cta__eyebrow {
    color: var(--fc-accent);
    display: block;
    font-size: 12px;
    font-weight: 850;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.full-cycle-cta__title {
    color: var(--fc-ink);
    font-size: clamp(34px, 3.18vw, 52px);
    font-weight: 840;
    line-height: 1.06;
    margin: 0 0 14px;
    max-width: 680px;
}

.full-cycle-cta__lead {
    color: var(--fc-muted);
    font-size: clamp(16px, 1.22vw, 20px);
    line-height: 1.42;
    margin: 0;
    max-width: 590px;
}

.full-cycle-cta__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 26px 0 0;
}

.full-cycle-cta__button {
    align-items: center;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 820;
    justify-content: center;
    line-height: 1;
    min-height: 48px;
    padding: 0 22px;
    text-decoration: none;
    transition:
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        color 180ms ease,
        transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

.full-cycle-cta__button--primary {
    background: var(--itmsft-liquid-accent-gradient, linear-gradient(135deg, #f5f5f7, #d2d2d7));
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
    color: var(--itmsft-liquid-accent-text, #06101d);
}

.full-cycle-cta__button--ghost {
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: var(--fc-ink);
}

.full-cycle-cta__button:hover,
.full-cycle-cta__button:focus-visible {
    color: var(--itmsft-liquid-accent-text, #06101d);
    outline: none;
    text-decoration: none;
    transform: translateY(-2px);
}

.full-cycle-cta__button--ghost:hover,
.full-cycle-cta__button--ghost:focus-visible {
    color: var(--fc-ink);
}

.full-cycle-cta.is-motion-ready .full-cycle-cta__card,
.full-cycle-cta.is-motion-ready .full-cycle-cta__media,
.full-cycle-cta.is-motion-ready .full-cycle-cta__content,
.full-cycle-cta.is-motion-ready .full-cycle-cta__actions {
    animation: none;
    backface-visibility: hidden;
    filter: blur(22px);
    opacity: 0;
    transform: translate3d(0, 92px, 0) scale(0.86) rotateX(8deg);
    transform-origin: 50% 100%;
    will-change: opacity, filter, transform;
}

.full-cycle-cta.is-motion-ready.is-visible .full-cycle-cta__card,
.full-cycle-cta.is-motion-ready.is-visible .full-cycle-cta__media,
.full-cycle-cta.is-motion-ready.is-visible .full-cycle-cta__content,
.full-cycle-cta.is-motion-ready.is-visible .full-cycle-cta__actions {
    animation: itmsftGlassReveal 1180ms cubic-bezier(0.16, 1, 0.3, 1) var(--full-cycle-delay, 0ms) both;
    filter: blur(0);
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.full-cycle-cta.is-motion-ready.is-visible .full-cycle-cta__card {
    --full-cycle-delay: 40ms;
}

.full-cycle-cta.is-motion-ready.is-visible .full-cycle-cta__media {
    --full-cycle-delay: 150ms;
}

.full-cycle-cta.is-motion-ready.is-visible .full-cycle-cta__content {
    --full-cycle-delay: 230ms;
}

.full-cycle-cta.is-motion-ready.is-visible .full-cycle-cta__actions {
    --full-cycle-delay: 330ms;
}

html:not(.dark-theme) .full-cycle-cta {
    --fc-ink: #06101d;
    --fc-muted: rgba(6, 16, 29, 0.64);
    --fc-border: rgba(8, 18, 32, 0.12);
    --fc-border-soft: rgba(8, 18, 32, 0.05);
    --fc-hover-border: var(--fc-border);
    --fc-shadow:
        inset 1px 1px 1px rgba(255, 255, 255, 0.58),
        inset -1px -1px 1px rgba(8, 18, 32, 0.035);
    --fc-hover-shadow: var(--fc-shadow);
}

html:not(.dark-theme) .full-cycle-cta__card {
    background: rgba(255, 255, 255, 0.008);
}

html:not(.dark-theme) .full-cycle-cta__card .itmsft-liquid-glass__tint {
    background:
        radial-gradient(circle at 28% 76%, rgba(34, 211, 238, 0.09), rgba(34, 211, 238, 0) 42%),
        radial-gradient(circle at 84% 18%, rgba(240, 163, 74, 0.1), rgba(240, 163, 74, 0) 44%),
        rgba(255, 255, 255, 0.012);
}

html:not(.dark-theme) .full-cycle-cta__button--ghost {
    background: rgba(255, 255, 255, 0.34);
    border-color: rgba(8, 18, 32, 0.1);
}

@media (max-width: 1100px) {
    .full-cycle-cta__card {
        grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1fr);
    }
}

@media (max-width: 860px) {
    .full-cycle-cta {
        margin: -4px 0 48px -50vw;
    }

    .full-cycle-cta__card {
        grid-template-columns: 1fr;
    }

    .full-cycle-cta__media {
        min-height: 230px;
    }

    .full-cycle-cta__media img {
        min-height: 230px;
    }

    .full-cycle-cta__content {
        padding: 0 2px 2px;
    }
}

@media (max-width: 560px) {
    .full-cycle-cta__shell {
        padding: 0 16px;
    }

    .full-cycle-cta__card {
        border-radius: 24px;
        gap: 20px;
        padding: 14px;
    }

    .full-cycle-cta__media {
        border-radius: 20px;
        min-height: 180px;
    }

    .full-cycle-cta__media img {
        min-height: 180px;
    }

    .full-cycle-cta__media-card {
        display: none;
    }

    .full-cycle-cta__title {
        font-size: 27px;
    }

    .full-cycle-cta__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .full-cycle-cta__button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .full-cycle-cta.is-motion-ready .full-cycle-cta__card,
    .full-cycle-cta.is-motion-ready .full-cycle-cta__media,
    .full-cycle-cta.is-motion-ready .full-cycle-cta__content,
    .full-cycle-cta.is-motion-ready .full-cycle-cta__actions {
        animation-duration: 0.001ms !important;
        filter: none;
        opacity: 1;
        transform: none;
        transition-duration: 0.001ms !important;
    }
}

/* ITMSFT Liquid Glass main slider.
 * DEBUG: CSS-only overlay for the marked homepage slider caption and arrows.
 */
:root {
    --itmsft-slider-glass-bg:
        radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.026) 38%, rgba(255, 255, 255, 0) 64%),
        radial-gradient(circle at 88% 86%, rgba(255, 165, 53, 0.12), rgba(255, 165, 53, 0.036) 40%, rgba(255, 165, 53, 0) 70%),
        linear-gradient(135deg, rgba(18, 24, 36, 0.38), rgba(23, 20, 31, 0.24));
    --itmsft-slider-glass-bg-strong:
        radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.048) 38%, rgba(255, 255, 255, 0) 64%),
        radial-gradient(circle at 88% 86%, rgba(255, 165, 53, 0.2), rgba(255, 165, 53, 0.06) 40%, rgba(255, 165, 53, 0) 70%),
        linear-gradient(135deg, rgba(18, 24, 36, 0.54), rgba(23, 20, 31, 0.4));
    --itmsft-slider-glass-border: rgba(255, 255, 255, 0.28);
    --itmsft-slider-glass-border-soft: rgba(255, 255, 255, 0.1);
    --itmsft-slider-glass-shadow:
        0 22px 58px rgba(0, 0, 0, 0.28),
        0 6px 18px rgba(0, 0, 0, 0.14),
        inset 1px 1px 1px rgba(255, 255, 255, 0.28),
        inset -1px -1px 1px rgba(255, 255, 255, 0.08);
    --itmsft-slider-glass-ink: rgba(247, 251, 255, 0.92);
    --itmsft-slider-glass-muted: rgba(247, 251, 255, 0.74);
    --itmsft-slider-glass-accent: #ffb24a;
    --itmsft-slider-countdown-bg:
        radial-gradient(circle at 16% 14%, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.052) 38%, rgba(255, 255, 255, 0) 66%),
        radial-gradient(circle at 86% 92%, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.028) 40%, rgba(255, 255, 255, 0) 72%),
        linear-gradient(135deg, rgba(247, 251, 255, 0.13), rgba(247, 251, 255, 0.044)),
        rgba(18, 24, 36, 0.32);
    --itmsft-slider-countdown-border: rgba(255, 255, 255, 0.32);
    --itmsft-slider-countdown-border-soft: rgba(255, 255, 255, 0.11);
    --itmsft-slider-countdown-shadow:
        0 18px 50px rgba(0, 0, 0, 0.24),
        inset 1px 1px 1px rgba(255, 255, 255, 0.32),
        inset -1px -1px 1px rgba(255, 255, 255, 0.08);
}

.slider-banner .slider-promobg__content {
    -webkit-backdrop-filter: blur(30px) saturate(1.34) contrast(1.02);
    backdrop-filter: blur(30px) saturate(1.34) contrast(1.02);
    background: var(--itmsft-slider-glass-bg) !important;
    border: 1px solid var(--itmsft-slider-glass-border);
    border-bottom-color: var(--itmsft-slider-glass-border-soft);
    border-radius: 24px !important;
    box-shadow: var(--itmsft-slider-glass-shadow) !important;
    color: var(--itmsft-slider-glass-ink);
    isolation: isolate;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

.slider-banner .slider-promobg__content:before,
.slider-banner .slider-promobg__content:after {
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.slider-banner .slider-promobg__content:before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.02) 34%, rgba(255, 255, 255, 0) 56%),
        radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 34%);
    mix-blend-mode: screen;
    opacity: 0.72;
}

.slider-banner .slider-promobg__content:after {
    border-radius: inherit;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.34),
        inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

.slider-banner .slider-promobg__title,
.slider-banner .slider-promobg__text {
    position: relative;
    z-index: 1;
}

.slider-banner .slider-promobg__title {
    color: inherit;
    text-shadow: 0 2px 18px rgba(255, 165, 53, 0.22);
}

.slider-banner .slider-promobg__text {
    color: inherit;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.24);
}

.slider-banner .slider-promobg__countdown.countdown {
    -webkit-backdrop-filter: blur(18px) saturate(1.22);
    align-items: stretch;
    backdrop-filter: blur(18px) saturate(1.22);
    background: var(--itmsft-slider-countdown-bg) !important;
    border: 1px solid var(--itmsft-slider-countdown-border);
    border-bottom-color: var(--itmsft-slider-countdown-border-soft);
    border-radius: 22px !important;
    box-shadow: var(--itmsft-slider-countdown-shadow) !important;
    box-sizing: border-box;
    display: inline-flex;
    gap: 0;
    isolation: isolate;
    line-height: 1;
    min-height: 66px;
    overflow: hidden;
    padding: 10px 14px;
    transform: translate3d(0, 0, 0);
    white-space: nowrap;
}

.slider-banner .slider-promobg__countdown.countdown:before,
.slider-banner .slider-promobg__countdown.countdown:after {
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.slider-banner .slider-promobg__countdown.countdown:before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.035) 44%, rgba(255, 255, 255, 0) 70%),
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 46%);
    opacity: 0.58;
}

.slider-banner .slider-promobg__countdown.countdown:after {
    border-radius: inherit;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.36),
        inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

.slider-banner .slider-promobg__countdown .countdown-item {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    min-width: 48px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.slider-banner .slider-promobg__countdown .countdown-item:not(:last-child):after {
    background: linear-gradient(180deg, transparent, currentColor 32%, currentColor 68%, transparent);
    bottom: 8px;
    content: "";
    opacity: 0.14;
    position: absolute;
    right: 0;
    top: 8px;
    width: 1px;
}

.slider-banner .slider-promobg__countdown .countdown-item__count {
    display: block;
    font-size: 18px;
    font-variant-numeric: tabular-nums;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1;
    text-shadow: 0 1px 14px rgba(0, 0, 0, 0.22);
}

.slider-banner .slider-promobg__countdown .countdown-item__text {
    display: block;
    font-size: 8px;
    font-weight: 650;
    letter-spacing: 0;
    line-height: 1;
    margin-top: 8px;
    opacity: 0.68;
    text-transform: uppercase;
}

.slider-outer .owl-prev,
.slider-outer .owl-next {
    -webkit-backdrop-filter: blur(10px) saturate(1.18);
    backdrop-filter: blur(10px) saturate(1.18);
    background: var(--itmsft-header-control) !important;
    border: 1px solid var(--itmsft-header-border);
    border-bottom-color: var(--itmsft-header-border-soft);
    border-radius: 16px !important;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.22) !important;
    color: var(--itmsft-header-ink) !important;
    isolation: isolate;
    overflow: hidden;
    transition:
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms cubic-bezier(0.16, 1, 0.3, 1);
}

.slider-outer .owl-prev:before,
.slider-outer .owl-next:before {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0) 68%),
        radial-gradient(circle at 76% 76%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 58%);
    content: "";
    inset: 0;
    opacity: 0.52;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

.slider-outer .owl-prev:after,
.slider-outer .owl-next:after {
    color: var(--itmsft-header-ink) !important;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.12);
    z-index: 1;
}

.slider-outer .owl-prev:hover,
.slider-outer .owl-next:hover {
    background: var(--itmsft-header-control-hover) !important;
    border-color: var(--itmsft-header-border);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12), inset 1px 1px 0 rgba(255, 255, 255, 0.32) !important;
    transform: translateY(-3px) scale(1.012);
}

.slider-outer .owl-prev.disabled,
.slider-outer .owl-next.disabled {
    opacity: 0.48;
    transform: none;
}

@media (max-width: 1024px) {
    .slider-banner .slider-promobg__content {
        -webkit-backdrop-filter: blur(24px) saturate(1.28) contrast(1.02);
        backdrop-filter: blur(24px) saturate(1.28) contrast(1.02);
        border-radius: 20px !important;
    }

    .slider-banner .slider-promobg__countdown.countdown {
        border-radius: 18px !important;
        min-height: 58px;
        padding: 8px 10px;
    }

    .slider-banner .slider-promobg__countdown .countdown-item {
        min-width: 42px;
        padding: 0 8px;
    }

    .slider-banner .slider-promobg__countdown .countdown-item__count {
        font-size: 16px;
    }
}

@media (max-width: 650px) {
    .slider-outer .owl-nav,
    .slider-outer .owl-prev,
    .slider-outer .owl-next {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }

    .slider-banner .slider-promobg__content {
        border-radius: 22px !important;
        margin-top: 8px;
    }

    .slider-banner .slider-promobg__countdown.countdown {
        min-height: 52px;
        padding: 7px 8px;
    }

    .slider-banner .slider-promobg__countdown .countdown-item {
        min-width: 36px;
        padding: 0 6px;
    }

    .slider-banner .slider-promobg__countdown .countdown-item__count {
        font-size: 14px;
    }

    .slider-banner .slider-promobg__countdown .countdown-item__text {
        font-size: 7px;
        margin-top: 6px;
    }
}

@media (max-width: 560px) {
    .slider-outer .owl-prev,
    .slider-outer .owl-next {
        border-radius: 12px !important;
    }
}

/* ITMSFT Liquid Glass header override.
 * DEBUG: CSS-only layer keeps Webasyst header templates and JS behavior intact.
 */
:root {
    --itmsft-header-bg:
        radial-gradient(circle at 42% 50%, rgba(17, 24, 39, 0.07), rgba(17, 24, 39, 0.028) 38%, rgba(17, 24, 39, 0) 66%),
        radial-gradient(circle at 67% 48%, rgba(110, 110, 115, 0.08), rgba(110, 110, 115, 0.032) 40%, rgba(110, 110, 115, 0) 68%),
        radial-gradient(circle at 88% 56%, rgba(210, 210, 215, 0.1), rgba(210, 210, 215, 0.04) 42%, rgba(210, 210, 215, 0) 68%),
        rgba(255, 255, 255, 0.018);
    --itmsft-header-bg-strong:
        radial-gradient(circle at 42% 50%, rgba(17, 24, 39, 0.09), rgba(17, 24, 39, 0.036) 38%, rgba(17, 24, 39, 0) 66%),
        radial-gradient(circle at 67% 48%, rgba(110, 110, 115, 0.1), rgba(110, 110, 115, 0.04) 40%, rgba(110, 110, 115, 0) 68%),
        radial-gradient(circle at 88% 56%, rgba(210, 210, 215, 0.12), rgba(210, 210, 215, 0.048) 42%, rgba(210, 210, 215, 0) 68%),
        rgba(255, 255, 255, 0.034);
    --itmsft-header-control:
        radial-gradient(circle at 28% 50%, rgba(17, 24, 39, 0.07), rgba(17, 24, 39, 0) 62%),
        radial-gradient(circle at 82% 54%, rgba(210, 210, 215, 0.09), rgba(210, 210, 215, 0) 64%),
        rgba(255, 255, 255, 0.13);
    --itmsft-header-control-hover:
        radial-gradient(circle at 28% 50%, rgba(17, 24, 39, 0.1), rgba(17, 24, 39, 0) 62%),
        radial-gradient(circle at 82% 54%, rgba(210, 210, 215, 0.12), rgba(210, 210, 215, 0) 64%),
        rgba(255, 255, 255, 0.2);
    --itmsft-header-border: rgba(255, 255, 255, 0.42);
    --itmsft-header-border-soft: rgba(8, 18, 32, 0.07);
    --itmsft-search-surface: var(--itmsft-header-control);
    --itmsft-search-border: var(--itmsft-header-border);
    --itmsft-search-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.24);
    --itmsft-search-button-bg:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 48%),
        linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(44, 44, 46, 0.82));
    --itmsft-search-button-ink: rgba(247, 251, 255, 0.96);
    --itmsft-search-button-shadow: 0 12px 30px rgba(30, 41, 64, 0.16), inset 1px 1px 0 rgba(255, 255, 255, 0.22), inset -1px -1px 0 rgba(8, 18, 32, 0.18);
    --itmsft-search-results-surface:
        radial-gradient(circle at 18% 18%, rgba(17, 24, 39, 0.1), rgba(17, 24, 39, 0.035) 42%, rgba(17, 24, 39, 0) 70%),
        radial-gradient(circle at 68% 34%, rgba(110, 110, 115, 0.1), rgba(110, 110, 115, 0.034) 44%, rgba(110, 110, 115, 0) 72%),
        radial-gradient(circle at 94% 84%, rgba(44, 44, 46, 0.11), rgba(44, 44, 46, 0.035) 42%, rgba(44, 44, 46, 0) 70%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(248, 251, 255, 0.58));
    --itmsft-search-results-border: rgba(255, 255, 255, 0.58);
    --itmsft-search-results-shadow: 0 24px 70px rgba(30, 41, 64, 0.14), inset 1px 1px 1px rgba(255, 255, 255, 0.46), inset -1px -1px 1px rgba(255, 255, 255, 0.18);
    --itmsft-search-results-ink: #06101d;
    --itmsft-search-results-muted: rgba(6, 16, 29, 0.52);
    --itmsft-search-results-hover:
        radial-gradient(circle at 18% 50%, rgba(17, 24, 39, 0.09), rgba(17, 24, 39, 0) 62%),
        radial-gradient(circle at 92% 50%, rgba(44, 44, 46, 0.13), rgba(44, 44, 46, 0) 62%),
        rgba(255, 255, 255, 0.34);
    --itmsft-search-results-rule: linear-gradient(90deg, rgba(44, 44, 46, 0.08), rgba(44, 44, 46, 0.2), rgba(44, 44, 46, 0));
    --itmsft-header-ink: #06101d;
    --itmsft-header-muted: rgba(6, 16, 29, 0.68);
    --itmsft-header-shadow: 0 28px 90px rgba(30, 41, 64, 0.1), 0 6px 16px rgba(30, 41, 64, 0.06), inset 1px 1px 1px rgba(255, 255, 255, 0.42), inset -1px -1px 1px rgba(255, 255, 255, 0.22);
    --itmsft-popover-shadow: 0 22px 58px rgba(30, 41, 64, 0.12), 0 8px 22px rgba(30, 41, 64, 0.055), inset 1px 1px 1px rgba(255, 255, 255, 0.36), inset -1px -1px 1px rgba(255, 255, 255, 0.16);
    --itmsft-header-popover:
        radial-gradient(circle at 18% 20%, rgba(17, 24, 39, 0.08), rgba(17, 24, 39, 0.025) 38%, rgba(17, 24, 39, 0) 64%),
        radial-gradient(circle at 72% 55%, rgba(110, 110, 115, 0.08), rgba(110, 110, 115, 0.025) 42%, rgba(110, 110, 115, 0) 68%),
        radial-gradient(circle at 100% 86%, rgba(210, 210, 215, 0.08), rgba(210, 210, 215, 0.028) 42%, rgba(210, 210, 215, 0) 70%),
        rgba(248, 251, 255, 0.88);
    --itmsft-header-accent: var(--itmsft-liquid-accent, #111827);
    --itmsft-header-accent-hover: var(--itmsft-liquid-accent-hover, #2c2c2e);
    --itmsft-header-accent-text: var(--itmsft-liquid-accent-text, #06101d);
    --itmsft-header-accent-soft: color-mix(in srgb, var(--itmsft-header-accent) 20%, transparent);
}

.dark-theme {
    --itmsft-header-bg:
        radial-gradient(circle at 42% 50%, rgba(245, 245, 247, 0.08), rgba(245, 245, 247, 0.032) 38%, rgba(245, 245, 247, 0) 66%),
        radial-gradient(circle at 67% 48%, rgba(110, 110, 115, 0.09), rgba(110, 110, 115, 0.034) 40%, rgba(110, 110, 115, 0) 68%),
        radial-gradient(circle at 88% 56%, rgba(210, 210, 215, 0.07), rgba(210, 210, 215, 0.028) 42%, rgba(210, 210, 215, 0) 68%),
        rgba(255, 255, 255, 0.02);
    --itmsft-header-bg-strong:
        radial-gradient(circle at 42% 50%, rgba(245, 245, 247, 0.1), rgba(245, 245, 247, 0.04) 38%, rgba(245, 245, 247, 0) 66%),
        radial-gradient(circle at 67% 48%, rgba(110, 110, 115, 0.11), rgba(110, 110, 115, 0.044) 40%, rgba(110, 110, 115, 0) 68%),
        radial-gradient(circle at 88% 56%, rgba(210, 210, 215, 0.09), rgba(210, 210, 215, 0.036) 42%, rgba(210, 210, 215, 0) 68%),
        rgba(255, 255, 255, 0.036);
    --itmsft-header-control:
        radial-gradient(circle at 28% 50%, rgba(245, 245, 247, 0.075), rgba(245, 245, 247, 0) 62%),
        radial-gradient(circle at 82% 54%, rgba(110, 110, 115, 0.08), rgba(110, 110, 115, 0) 64%),
        rgba(255, 255, 255, 0.075);
    --itmsft-header-control-hover:
        radial-gradient(circle at 28% 50%, rgba(245, 245, 247, 0.11), rgba(245, 245, 247, 0) 62%),
        radial-gradient(circle at 82% 54%, rgba(110, 110, 115, 0.11), rgba(110, 110, 115, 0) 64%),
        rgba(255, 255, 255, 0.13);
    --itmsft-header-border: rgba(255, 255, 255, 0.26);
    --itmsft-header-border-soft: rgba(255, 255, 255, 0.07);
    --itmsft-search-surface:
        radial-gradient(circle at 18% 48%, rgba(245, 245, 247, 0.11), rgba(245, 245, 247, 0.036) 42%, rgba(245, 245, 247, 0) 70%),
        radial-gradient(circle at 58% 52%, rgba(110, 110, 115, 0.1), rgba(110, 110, 115, 0.034) 44%, rgba(110, 110, 115, 0) 72%),
        radial-gradient(circle at 92% 50%, rgba(210, 210, 215, 0.08), rgba(210, 210, 215, 0.028) 42%, rgba(210, 210, 215, 0) 70%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.038)),
        rgba(9, 13, 22, 0.62);
    --itmsft-search-border: rgba(255, 255, 255, 0.2);
    --itmsft-search-shadow: 0 18px 46px rgba(0, 0, 0, 0.24), inset 1px 1px 1px rgba(255, 255, 255, 0.18), inset -1px -1px 1px rgba(255, 255, 255, 0.06);
    --itmsft-search-button-bg:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 48%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(210, 210, 215, 0.78));
    --itmsft-search-button-ink: #06101d;
    --itmsft-search-button-shadow: 0 12px 30px rgba(0, 0, 0, 0.16), inset 1px 1px 0 rgba(255, 255, 255, 0.64), inset -1px -1px 0 rgba(8, 18, 32, 0.08);
    --itmsft-search-results-surface:
        radial-gradient(circle at 16% 22%, rgba(245, 245, 247, 0.11), rgba(245, 245, 247, 0.04) 44%, rgba(245, 245, 247, 0) 72%),
        radial-gradient(circle at 72% 36%, rgba(110, 110, 115, 0.12), rgba(110, 110, 115, 0.04) 44%, rgba(110, 110, 115, 0) 72%),
        radial-gradient(circle at 96% 88%, rgba(210, 210, 215, 0.13), rgba(210, 210, 215, 0.04) 44%, rgba(210, 210, 215, 0) 72%),
        linear-gradient(135deg, rgba(16, 23, 36, 0.88), rgba(18, 15, 28, 0.82));
    --itmsft-search-results-border: rgba(255, 255, 255, 0.24);
    --itmsft-search-results-shadow: 0 30px 90px rgba(0, 0, 0, 0.36), inset 1px 1px 1px rgba(255, 255, 255, 0.28), inset -1px -1px 1px rgba(255, 255, 255, 0.1);
    --itmsft-search-results-ink: rgba(247, 251, 255, 0.94);
    --itmsft-search-results-muted: rgba(247, 251, 255, 0.56);
    --itmsft-search-results-hover:
        radial-gradient(circle at 18% 50%, rgba(245, 245, 247, 0.1), rgba(245, 245, 247, 0) 62%),
        radial-gradient(circle at 92% 50%, rgba(210, 210, 215, 0.13), rgba(210, 210, 215, 0) 62%),
        rgba(255, 255, 255, 0.095);
    --itmsft-search-results-rule: linear-gradient(90deg, rgba(210, 210, 215, 0.08), rgba(210, 210, 215, 0.18), rgba(210, 210, 215, 0));
    --itmsft-header-ink: #f7fbff;
    --itmsft-header-muted: rgba(247, 251, 255, 0.72);
    --itmsft-header-shadow: 0 30px 92px rgba(0, 0, 0, 0.34), 0 6px 16px rgba(0, 0, 0, 0.22), inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(255, 255, 255, 0.14);
    --itmsft-popover-shadow: 0 28px 90px rgba(0, 0, 0, 0.26), inset 1px 1px 1px rgba(255, 255, 255, 0.28), inset -1px -1px 1px rgba(255, 255, 255, 0.12);
    --itmsft-header-popover:
        radial-gradient(circle at 18% 20%, rgba(245, 245, 247, 0.08), rgba(245, 245, 247, 0.026) 38%, rgba(245, 245, 247, 0) 64%),
        radial-gradient(circle at 72% 55%, rgba(110, 110, 115, 0.1), rgba(110, 110, 115, 0.032) 42%, rgba(110, 110, 115, 0) 68%),
        radial-gradient(circle at 100% 86%, rgba(210, 210, 215, 0.08), rgba(210, 210, 215, 0.026) 42%, rgba(210, 210, 215, 0) 70%),
        rgba(11, 15, 25, 0.94);
    --itmsft-header-accent-soft: color-mix(in srgb, var(--itmsft-header-accent) 16%, transparent);
}

.header-outer {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    position: relative;
    z-index: 160;
}

.dark-theme .header-outer {
    border-bottom: 0 !important;
}

.header-top,
.header-main,
.horizontal-catalog,
.m-header,
.m-header__search.-under,
.m-header__bottom {
    -webkit-backdrop-filter: blur(18px) saturate(1.22);
    backdrop-filter: blur(18px) saturate(1.22);
    backface-visibility: hidden;
    background: var(--itmsft-header-bg) !important;
    border-color: var(--itmsft-header-border-soft) !important;
    border-bottom: 1px solid var(--itmsft-header-border) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: var(--itmsft-header-shadow) !important;
    color: var(--itmsft-header-ink) !important;
    transform: translate3d(0, 0, 0);
}

.header-top {
    border-bottom: 0 !important;
    line-height: 44px !important;
    position: relative;
    z-index: 220 !important;
}

.header-main {
    border-top: 0 !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    position: relative;
    z-index: 120 !important;
}

.header-top + .header-outer .header-main:not(.sk-fixed) {
    margin-top: -1px !important;
}

.header-main.sk-fixed,
.m-header.sk-fixed,
.m-header__search.-under.sk-fixed {
    background: var(--itmsft-header-bg-strong) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18) !important;
    z-index: 260 !important;
}

.header-main.sk-fixed {
    border-top: 1px solid var(--itmsft-header-border-soft) !important;
    margin-top: 0 !important;
    top: 0 !important;
}

/* DEBUG: Header guard keeps the first content row out from under the glass header. */
#page-content {
    box-sizing: border-box;
    padding-top: 32px;
}

#page-content > .breadcrumbs:first-child {
    margin-top: 0 !important;
}

.dark-theme .header-main.sk-fixed,
.dark-theme .m-header.sk-fixed,
.dark-theme .m-header__search.-under.sk-fixed {
    background: var(--itmsft-header-bg-strong) !important;
}

.header-top a,
.header-menu__item > a,
.header-lang .link,
.header-location,
.header-phone,
.header-phone a,
.header-phone__number,
.header__callback-button {
    color: var(--itmsft-header-muted) !important;
}

.header-top a:hover,
.header-menu__item:hover > a,
.header-menu__item.selected > a,
.header-phone__number:hover {
    color: var(--itmsft-header-ink) !important;
}

.header-menu {
    height: 44px !important;
}

.header-menu__item {
    border: 0 !important;
    border-radius: 999px !important;
    padding: 0 1px !important;
    transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.header-menu__item:not(.__else):hover,
.header-menu__item.selected,
.header-menu__item.hover {
    background: var(--itmsft-header-control) !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px var(--itmsft-header-border-soft);
    transform: translateY(-1px);
}

.header-logo__text,
.header-logo__text-second,
.m-header-logo__text,
.m-header-logo__text-second {
    color: var(--itmsft-header-ink) !important;
    letter-spacing: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.16);
}

.dark-theme .header-logo__text,
.dark-theme .header-logo__text-second,
.dark-theme .m-header-logo__text,
.dark-theme .m-header-logo__text-second {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.34);
}

.header-logo__tagline,
.m-header-logo__tagline {
    color: var(--itmsft-header-muted) !important;
}

.header-logo__image,
.m-header-logo__image {
    filter: drop-shadow(0 8px 22px rgba(0, 0, 0, 0.18));
}

.header-catalog__open {
    align-items: center;
    background: linear-gradient(135deg, rgba(17, 24, 39, 0.92), rgba(44, 44, 46, 0.78)) !important;
    background: var(--itmsft-liquid-accent-gradient, linear-gradient(135deg, #111827, #2c2c2e)) !important;
    border: 1px solid rgba(199, 199, 204, 0.66);
    border-radius: 16px !important;
    box-shadow: 0 14px 38px rgba(17, 24, 39, 0.18), inset 1px 1px 0 rgba(255, 255, 255, 0.35);
    box-shadow: 0 14px 38px color-mix(in srgb, var(--itmsft-header-accent) 24%, transparent), inset 1px 1px 0 rgba(255, 255, 255, 0.35);
    color: var(--itmsft-header-accent-text) !important;
    display: inline-flex !important;
    font-weight: 750;
    gap: 8px;
    height: 50px !important;
    line-height: 1 !important;
    padding: 0 26px !important;
    transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 220ms ease, opacity 180ms ease;
}

.header-catalog__open:hover {
    box-shadow: 0 18px 44px rgba(44, 44, 46, 0.24), inset 1px 1px 0 rgba(255, 255, 255, 0.45);
    box-shadow: 0 18px 44px color-mix(in srgb, var(--itmsft-header-accent-hover) 28%, transparent), inset 1px 1px 0 rgba(255, 255, 255, 0.45);
    opacity: 1 !important;
    transform: translateY(-3px) scale(1.012);
}

.header-catalog__open.open:after {
    color: var(--itmsft-header-popover) !important;
}

.header-search__form,
.header-search .searchpro__field-container {
    -webkit-backdrop-filter: blur(16px) saturate(1.24);
    backdrop-filter: blur(16px) saturate(1.24);
    background: var(--itmsft-search-surface, var(--itmsft-header-control)) !important;
    border: 1px solid var(--itmsft-search-border, var(--itmsft-header-border)) !important;
    border-radius: 16px !important;
    box-shadow: var(--itmsft-search-shadow, inset 1px 1px 0 rgba(255, 255, 255, 0.24)) !important;
    color: var(--itmsft-header-ink) !important;
    min-height: 50px;
    overflow: hidden;
}

.dark-theme .header-search__form,
.dark-theme .header-search .searchpro__field-container {
    -webkit-backdrop-filter: blur(24px) saturate(1.36) contrast(0.9);
    backdrop-filter: blur(24px) saturate(1.36) contrast(0.9);
}

.dark-theme .header-search .searchpro__field,
.dark-theme .header-search .searchpro__field .searchpro__field-container {
    background: var(--itmsft-search-surface) !important;
    border: 1px solid var(--itmsft-search-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--itmsft-search-shadow) !important;
    color: var(--itmsft-header-ink) !important;
}

.dark-theme .header-search .searchpro__field .searchpro__field-input-container,
.dark-theme .header-search .searchpro__field .searchpro__field-categories-container,
.dark-theme .header-search .searchpro__field .searchpro__field-button-container {
    background: transparent !important;
}

.dark-theme .header-search .searchpro__field .searchpro__field-input-container .searchpro__field-input {
    background: transparent !important;
    color: var(--itmsft-header-ink) !important;
}

input.header-search__field,
.header-search .searchpro__field-input {
    background: transparent !important;
    color: var(--itmsft-header-ink) !important;
}

input.header-search__field {
    border: 0 !important;
    border-radius: 16px !important;
    height: 50px;
}

input.header-search__field::placeholder,
.header-search .searchpro__field-input::placeholder {
    color: var(--itmsft-header-muted) !important;
}

.header-search__btn,
.header-search .searchpro__field-button {
    color: var(--itmsft-header-ink) !important;
}

.header-search .searchpro__field-button {
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
    backdrop-filter: blur(18px) saturate(1.18);
    background: rgba(255, 255, 255, 0.38) !important;
    background: var(--itmsft-search-button-bg, color-mix(in srgb, var(--itmsft-header-accent) 76%, transparent)) !important;
    border-left: 1px solid var(--itmsft-header-border-soft) !important;
    border-radius: 0 14px 14px 0 !important;
    box-shadow: var(--itmsft-search-button-shadow, inset 1px 1px 0 rgba(255, 255, 255, 0.28)) !important;
    color: var(--itmsft-search-button-ink, var(--itmsft-header-ink)) !important;
    font-weight: 750 !important;
}

.dark-theme .header-search .searchpro__field .searchpro__field-button-container .searchpro__field-button {
    background: var(--itmsft-search-button-bg, linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.095))) !important;
    box-shadow: var(--itmsft-search-button-shadow, inset 1px 1px 0 rgba(255, 255, 255, 0.28)) !important;
    color: var(--itmsft-search-button-ink, var(--itmsft-header-ink)) !important;
}

.header-search__btn.js-submit-form,
.header-search__btn.fas.fa-search {
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
    backdrop-filter: blur(18px) saturate(1.18);
    background: rgba(255, 255, 255, 0.38);
    background: var(--itmsft-search-button-bg, color-mix(in srgb, var(--itmsft-header-accent) 70%, transparent)) !important;
    border-radius: 12px;
    box-shadow: var(--itmsft-search-button-shadow, inset 1px 1px 0 rgba(255, 255, 255, 0.28)) !important;
    color: var(--itmsft-search-button-ink, var(--itmsft-header-ink)) !important;
    line-height: 36px !important;
    margin: 7px 0;
}

.header-user-item__inner,
.m-header-btn {
    -webkit-backdrop-filter: blur(10px) saturate(1.18);
    backdrop-filter: blur(10px) saturate(1.18);
    background: var(--itmsft-header-control) !important;
    border-color: var(--itmsft-header-border) !important;
    border-radius: 16px !important;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.22);
    color: var(--itmsft-header-accent) !important;
    transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1), background 180ms ease, box-shadow 180ms ease;
}

.header-user-item__inner:hover,
.m-header-btn:hover {
    background: var(--itmsft-header-control-hover) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12), inset 1px 1px 0 rgba(255, 255, 255, 0.32);
    color: var(--itmsft-header-accent) !important;
    transform: translateY(-3px) scale(1.012);
}

/* DEBUG: skin штатных data-title подсказок иконок шапки; логика подсказок остается в шаблоне. */
body:not(.touch) .header-user-item__inner[data-title]:hover:before {
    -webkit-backdrop-filter: blur(28px) saturate(1.2) contrast(0.94);
    backdrop-filter: blur(28px) saturate(1.2) contrast(0.94);
    background: var(--itmsft-header-popover) !important;
    border: 1px solid var(--itmsft-header-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--itmsft-popover-shadow) !important;
    color: var(--itmsft-header-ink) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    left: 50% !important;
    line-height: 1 !important;
    margin: 9px 0 0 !important;
    max-width: 168px;
    min-width: 70px;
    padding: 8px 10px !important;
    text-align: center;
    text-shadow: none !important;
    transform: translateX(-50%);
    white-space: nowrap !important;
    width: auto !important;
    z-index: 45;
}

body:not(.touch) .header-user-item__inner[data-title]:hover:after {
    -webkit-backdrop-filter: blur(28px) saturate(1.2) contrast(0.94);
    backdrop-filter: blur(28px) saturate(1.2) contrast(0.94);
    background: var(--itmsft-header-popover) !important;
    border: 1px solid var(--itmsft-header-border) !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-radius: 3px 0 0 0 !important;
    bottom: auto !important;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.2);
    color: transparent !important;
    content: "" !important;
    display: block !important;
    font-family: inherit !important;
    font-size: 0 !important;
    height: 10px;
    left: 50% !important;
    line-height: 1 !important;
    margin-left: -5px !important;
    position: absolute;
    top: calc(100% + 5px) !important;
    transform: rotate(45deg);
    width: 10px;
    z-index: 44;
}

.header-user-item__count,
.m-header-btn .sk-counter {
    background: var(--itmsft-header-accent) !important;
    color: var(--itmsft-header-accent-text) !important;
    font-weight: 800;
}

.header__callback-button {
    -webkit-backdrop-filter: blur(10px) saturate(1.18);
    align-items: center;
    backdrop-filter: blur(10px) saturate(1.18);
    background: var(--itmsft-header-control) !important;
    border: 1px solid var(--itmsft-header-border) !important;
    border-radius: 999px !important;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.22) !important;
    box-sizing: border-box;
    color: var(--itmsft-header-ink) !important;
    cursor: pointer;
    display: inline-flex !important;
    font-size: 13px;
    font-weight: 750;
    height: 30px;
    justify-content: center;
    line-height: 1 !important;
    min-width: 128px;
    padding: 0 14px !important;
    text-decoration: none !important;
    transition: background 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 180ms ease, transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
    vertical-align: middle;
    white-space: nowrap;
}

.dark-theme .header__callback-button {
    background: var(--itmsft-header-control) !important;
    border-color: var(--itmsft-header-border) !important;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.header-phone__number:hover {
    background: var(--itmsft-header-accent-soft) !important;
}

.header__callback-button:hover {
    background: var(--itmsft-header-control-hover) !important;
    border-color: var(--itmsft-header-border) !important;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.12),
        inset 1px 1px 0 rgba(255, 255, 255, 0.32) !important;
    color: var(--itmsft-header-ink) !important;
    transform: translateY(-1px) scale(1.035);
}

.header-top .switch-type-theme,
.header-lang,
.header-location,
.header-phone {
    border-radius: 999px;
}

/* DEBUG: visual-only day/night toggle; click logic stays in site.js .js-switch-type-theme. */
.itmsft-day-night-toggle {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    min-height: 28px;
    position: relative;
    vertical-align: middle;
}

.itmsft-day-night-toggle .switch-type-theme__title {
    color: var(--itmsft-header-muted) !important;
    margin-right: 10px;
}

.itmsft-day-night-toggle__track {
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
    backdrop-filter: blur(18px) saturate(1.18);
    background:
        radial-gradient(circle at 22% 30%, rgba(255, 232, 134, 0.72), rgba(255, 232, 134, 0) 35%),
        radial-gradient(circle at 78% 70%, rgba(36, 164, 255, 0.3), rgba(36, 164, 255, 0) 48%),
        linear-gradient(135deg, rgba(113, 199, 255, 0.72), rgba(214, 235, 255, 0.5)) !important;
    border: 1px solid rgba(255, 255, 255, 0.54) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 28px rgba(30, 41, 64, 0.1), inset 1px 1px 1px rgba(255, 255, 255, 0.48), inset -1px -1px 1px rgba(6, 16, 29, 0.08);
    box-sizing: border-box;
    display: inline-flex !important;
    height: 26px !important;
    isolation: isolate;
    overflow: hidden;
    position: relative;
    transition: background 420ms cubic-bezier(0.16, 1, 0.3, 1), border-color 280ms ease, box-shadow 280ms ease, transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
    width: 58px;
}

.dark-theme .itmsft-day-night-toggle__track {
    background:
        radial-gradient(circle at 78% 34%, rgba(177, 149, 255, 0.38), rgba(177, 149, 255, 0) 36%),
        radial-gradient(circle at 20% 74%, rgba(36, 164, 255, 0.2), rgba(36, 164, 255, 0) 44%),
        linear-gradient(135deg, rgba(12, 18, 34, 0.9), rgba(35, 24, 58, 0.72)) !important;
    border-color: rgba(255, 255, 255, 0.26) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22), inset 1px 1px 1px rgba(255, 255, 255, 0.22), inset -1px -1px 1px rgba(255, 255, 255, 0.08);
}

.itmsft-day-night-toggle__track.-popup-title:hover:before,
.itmsft-day-night-toggle__track.-popup-title:hover:after {
    content: none !important;
    display: none !important;
}

.itmsft-day-night-toggle:hover .itmsft-day-night-toggle__track {
    transform: translateY(-1px) scale(1.04);
}

.itmsft-day-night-toggle .switch-type-theme__item,
.itmsft-day-night-toggle .switch-type-theme__slider {
    display: none !important;
}

.itmsft-day-night-toggle__sky,
.itmsft-day-night-toggle__orb,
.itmsft-day-night-toggle__cloud,
.itmsft-day-night-toggle__star,
.itmsft-day-night-toggle__crater {
    pointer-events: none;
    position: absolute;
}

.itmsft-day-night-toggle__sky {
    inset: 0;
    z-index: 1;
}

.itmsft-day-night-toggle__sky:before,
.itmsft-day-night-toggle__sky:after {
    content: none;
    display: none;
    pointer-events: none;
    position: absolute;
    transition: opacity 360ms ease, transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.itmsft-day-night-toggle__sky:before {
    background:
        linear-gradient(90deg, transparent 0 36%, rgba(83, 162, 216, 0.22) 36% 49%, rgba(35, 121, 180, 0.28) 49% 62%, rgba(255, 255, 255, 0.12) 62% 74%, transparent 74%),
        radial-gradient(circle at 76% 42%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 34%);
    border-radius: inherit;
    inset: 0;
    opacity: 0.95;
}

.itmsft-day-night-toggle__sky:after {
    background:
        radial-gradient(circle at 88% 14%, rgba(255, 255, 255, 0.98) 0 17%, rgba(255, 255, 255, 0) 19%),
        radial-gradient(circle at 68% 8%, rgba(248, 253, 255, 0.98) 0 21%, rgba(248, 253, 255, 0) 23%),
        radial-gradient(circle at 47% 25%, rgba(255, 255, 255, 0.96) 0 20%, rgba(255, 255, 255, 0) 22%),
        radial-gradient(circle at 27% 48%, rgba(245, 252, 255, 0.94) 0 17%, rgba(245, 252, 255, 0) 19%),
        linear-gradient(0deg, rgba(255, 255, 255, 0.98) 0 67%, rgba(255, 255, 255, 0) 68%);
    border-radius: 999px;
    bottom: -4px;
    box-shadow:
        0 -1px 0 rgba(116, 173, 213, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
    height: 19px;
    right: -7px;
    width: 50px;
    z-index: 2;
}

.dark-theme .itmsft-day-night-toggle__sky:before {
    background:
        linear-gradient(90deg, transparent 0 31%, rgba(255, 255, 255, 0.08) 31% 43%, rgba(255, 255, 255, 0.18) 43% 58%, rgba(255, 255, 255, 0.08) 58% 72%, transparent 72%),
        radial-gradient(circle at 77% 45%, rgba(214, 223, 241, 0.14), rgba(214, 223, 241, 0) 33%);
    opacity: 0.72;
    transform: translate3d(-4px, 0, 0);
}

.dark-theme .itmsft-day-night-toggle__sky:after {
    opacity: 0;
    transform: translate3d(12px, 7px, 0) scale(0.72);
}

.itmsft-day-night-toggle__orb {
    background:
        radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 34%),
        linear-gradient(135deg, #ffe56c, #ffad2e);
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(255, 166, 43, 0.42), inset 1px 1px 1px rgba(255, 255, 255, 0.62), inset -1px -1px 1px rgba(122, 74, 0, 0.12);
    height: 20px;
    left: 3px;
    top: 2px;
    transform: translate3d(0, 0, 0) rotate(0deg);
    transition: transform 560ms cubic-bezier(0.34, 1.56, 0.64, 1), background 340ms ease, box-shadow 340ms ease;
    width: 20px;
    z-index: 3;
}

.dark-theme .itmsft-day-night-toggle__orb {
    background:
        radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 32%),
        linear-gradient(135deg, #f4f0d9, #a7b3ca);
    box-shadow: 0 4px 16px rgba(177, 149, 255, 0.32), inset 1px 1px 1px rgba(255, 255, 255, 0.72), inset -1px -1px 1px rgba(30, 41, 64, 0.18);
    transform: translate3d(31px, 0, 0) rotate(145deg);
}

.itmsft-day-night-toggle__crater {
    background: rgba(92, 108, 132, 0.34);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.65);
    transition: opacity 260ms ease, transform 360ms cubic-bezier(0.16, 1, 0.3, 1);
}

.itmsft-day-night-toggle__crater--a {
    height: 5px;
    right: 5px;
    top: 5px;
    width: 5px;
}

.itmsft-day-night-toggle__crater--b {
    bottom: 5px;
    height: 3px;
    left: 6px;
    width: 3px;
}

.dark-theme .itmsft-day-night-toggle__crater {
    opacity: 1;
    transform: scale(1);
}

.itmsft-day-night-toggle__cloud {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 999px;
    display: none;
    height: 9px;
    opacity: 0.92;
    transform: translate3d(0, 0, 0);
    transition: opacity 260ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 3;
}

.itmsft-day-night-toggle__cloud--a {
    bottom: 2px;
    box-shadow:
        -8px -3px 0 -2px rgba(255, 255, 255, 0.95),
        -16px 0 0 -4px rgba(235, 248, 255, 0.9),
        9px 1px 0 -5px rgba(255, 255, 255, 0.82);
    right: -2px;
    width: 22px;
}

.itmsft-day-night-toggle__cloud--b {
    background: rgba(241, 250, 255, 0.92);
    bottom: 0;
    box-shadow:
        -7px -1px 0 -3px rgba(255, 255, 255, 0.92),
        7px -2px 0 -4px rgba(255, 255, 255, 0.78);
    right: 16px;
    transform: scale(0.86);
    width: 18px;
}

.dark-theme .itmsft-day-night-toggle__cloud {
    opacity: 0;
    transform: translate3d(-8px, 5px, 0) scale(0.72);
}

.itmsft-day-night-toggle__star {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(177, 149, 255, 0.65);
    display: none;
    opacity: 0;
    transform: scale(0.35);
    transition: opacity 300ms ease, transform 460ms cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 4;
}

.itmsft-day-night-toggle__star--a {
    height: 3px;
    left: 12px;
    top: 7px;
    width: 3px;
}

.itmsft-day-night-toggle__star--b {
    height: 2px;
    left: 25px;
    top: 16px;
    width: 2px;
}

.itmsft-day-night-toggle__star--c {
    height: 2px;
    left: 34px;
    top: 6px;
    width: 2px;
}

.dark-theme .itmsft-day-night-toggle__star {
    opacity: 1;
    transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .itmsft-day-night-toggle__track,
    .itmsft-day-night-toggle__orb,
    .itmsft-day-night-toggle__sky:before,
    .itmsft-day-night-toggle__sky:after,
    .itmsft-day-night-toggle__cloud,
    .itmsft-day-night-toggle__star,
    .itmsft-day-night-toggle__crater {
        transition-duration: 1ms !important;
    }
}

/* DEBUG: Fooontic-inspired segmented theme switch; old theme JS still toggles .dark-theme on wrapper click. */
.itmsft-day-night-toggle {
    align-items: center !important;
    display: inline-flex !important;
    line-height: 1;
    min-height: 32px;
}

.itmsft-day-night-toggle__track {
    align-items: center;
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    backdrop-filter: blur(20px) saturate(1.2);
    background:
        radial-gradient(circle at 23% 28%, rgba(255, 215, 92, 0.24), rgba(255, 215, 92, 0) 42%),
        radial-gradient(circle at 78% 72%, rgba(67, 143, 255, 0.2), rgba(67, 143, 255, 0) 44%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.28), rgba(198, 225, 255, 0.18)) !important;
    border-color: rgba(255, 255, 255, 0.52) !important;
    box-sizing: border-box;
    box-shadow:
        0 10px 30px rgba(30, 41, 64, 0.11),
        inset 1px 1px 1px rgba(255, 255, 255, 0.58),
        inset -1px -1px 1px rgba(6, 16, 29, 0.08) !important;
    display: grid !important;
    gap: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 32px !important;
    padding: 3px !important;
    width: 72px;
}

.dark-theme .itmsft-day-night-toggle__track {
    background:
        radial-gradient(circle at 25% 30%, rgba(36, 164, 255, 0.18), rgba(36, 164, 255, 0) 44%),
        radial-gradient(circle at 78% 64%, rgba(177, 149, 255, 0.26), rgba(177, 149, 255, 0) 44%),
        linear-gradient(135deg, rgba(12, 18, 34, 0.88), rgba(34, 26, 54, 0.72)) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.22),
        inset 1px 1px 1px rgba(255, 255, 255, 0.24),
        inset -1px -1px 1px rgba(255, 255, 255, 0.08) !important;
}

.itmsft-day-night-toggle .switch-type-theme__item {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px;
    box-sizing: border-box;
    box-shadow: none !important;
    color: rgba(6, 16, 29, 0.5) !important;
    display: inline-flex !important;
    font-size: 0 !important;
    height: 26px !important;
    justify-content: center;
    left: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    opacity: 1 !important;
    pointer-events: none;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    transition: color 220ms ease, filter 220ms ease, transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
    width: auto !important;
    z-index: 4;
}

.itmsft-day-night-toggle .switch-type-theme__item:before {
    content: "" !important;
    display: block;
    flex: 0 0 auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: background 220ms ease, box-shadow 220ms ease, opacity 220ms ease, transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

.itmsft-day-night-toggle .switch-type-theme__item[data-type="light"]:before {
    background: linear-gradient(135deg, #ffe56c, #ffac2c);
    border-radius: 50%;
    box-shadow:
        0 0 0 2px rgba(255, 213, 80, 0.22),
        0 0 10px rgba(255, 183, 43, 0.42),
        inset 1px 1px 1px rgba(255, 255, 255, 0.62);
    height: 11px;
    transform: translate(-50%, -50%);
    width: 11px;
    z-index: 2;
}

.itmsft-day-night-toggle .switch-type-theme__item[data-type="light"]:after {
    background: #ffbd2e;
    border-radius: 50%;
    box-shadow:
        0 -9px 0 #ffbd2e,
        0 9px 0 #ffbd2e,
        9px 0 0 #ffbd2e,
        -9px 0 0 #ffbd2e,
        6px -6px 0 #ffbd2e,
        -6px -6px 0 #ffbd2e,
        6px 6px 0 #ffbd2e,
        -6px 6px 0 #ffbd2e;
    content: "" !important;
    height: 2px;
    left: 50%;
    opacity: 0.95;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 220ms ease, transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
    width: 2px;
    z-index: 1;
}

.itmsft-day-night-toggle .switch-type-theme__item[data-type="dark"]:before {
    background: rgba(246, 241, 219, 0.88);
    border-radius: 50%;
    box-shadow:
        inset -4px 0 0 rgba(42, 38, 74, 0.86),
        0 0 10px rgba(177, 149, 255, 0.3),
        inset 1px 1px 1px rgba(255, 255, 255, 0.72);
    height: 15px;
    opacity: 0.82;
    transform: translate(calc(-50% + 2px), -50%);
    width: 15px;
}

.itmsft-day-night-toggle .switch-type-theme__item[data-type="dark"]:after {
    content: none !important;
    display: none !important;
}

.dark-theme .itmsft-day-night-toggle .switch-type-theme__item[data-type="light"]:before {
    background: rgba(247, 251, 255, 0.38);
    box-shadow:
        0 0 0 2px rgba(247, 251, 255, 0.08),
        inset 1px 1px 1px rgba(255, 255, 255, 0.22);
    opacity: 0.62;
}

.dark-theme .itmsft-day-night-toggle .switch-type-theme__item[data-type="light"]:after {
    background: rgba(247, 251, 255, 0.42);
    box-shadow:
        0 -9px 0 rgba(247, 251, 255, 0.34),
        0 9px 0 rgba(247, 251, 255, 0.34),
        9px 0 0 rgba(247, 251, 255, 0.34),
        -9px 0 0 rgba(247, 251, 255, 0.34),
        6px -6px 0 rgba(247, 251, 255, 0.34),
        -6px -6px 0 rgba(247, 251, 255, 0.34),
        6px 6px 0 rgba(247, 251, 255, 0.34),
        -6px 6px 0 rgba(247, 251, 255, 0.34);
    opacity: 0.56;
}

.dark-theme .itmsft-day-night-toggle .switch-type-theme__item[data-type="dark"]:before {
    background: #fff3d4;
    box-shadow:
        inset -4px 0 0 rgba(112, 95, 178, 0.92),
        0 0 10px rgba(177, 149, 255, 0.42),
        inset 1px 1px 1px rgba(255, 255, 255, 0.78);
    height: 15px;
    opacity: 1;
    width: 15px;
}

.dark-theme .itmsft-day-night-toggle .switch-type-theme__item[data-type="dark"]:after {
    content: none !important;
    display: none !important;
}

.itmsft-day-night-toggle__sky,
.itmsft-day-night-toggle__cloud,
.itmsft-day-night-toggle__star,
.itmsft-day-night-toggle__crater,
.itmsft-day-night-toggle .switch-type-theme__slider {
    display: none !important;
}

.itmsft-day-night-toggle__orb {
    -webkit-backdrop-filter: blur(16px) saturate(1.22);
    backdrop-filter: blur(16px) saturate(1.22);
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0) 42%),
        linear-gradient(135deg, rgba(255, 206, 88, 0.62), rgba(255, 255, 255, 0.28)) !important;
    border: 1px solid rgba(255, 255, 255, 0.58);
    border-radius: 999px;
    box-sizing: border-box;
    box-shadow:
        0 8px 22px rgba(240, 163, 74, 0.18),
        inset 1px 1px 1px rgba(255, 255, 255, 0.66),
        inset -1px -1px 1px rgba(6, 16, 29, 0.08);
    height: 24px !important;
    left: 5px !important;
    top: 3px !important;
    transform: translate3d(0, 0, 0) !important;
    transition:
        transform 560ms cubic-bezier(0.34, 1.56, 0.64, 1),
        width 360ms cubic-bezier(0.34, 1.56, 0.64, 1),
        background 260ms ease,
        border-color 260ms ease,
        box-shadow 260ms ease !important;
    width: 30px !important;
    z-index: 2;
}

.dark-theme .itmsft-day-night-toggle__orb {
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0) 44%),
        linear-gradient(135deg, rgba(177, 149, 255, 0.34), rgba(255, 255, 255, 0.11)) !important;
    border-color: rgba(255, 255, 255, 0.34);
    box-shadow:
        0 9px 24px rgba(0, 0, 0, 0.18),
        inset 1px 1px 1px rgba(255, 255, 255, 0.36),
        inset -1px -1px 1px rgba(255, 255, 255, 0.09);
    transform: translate3d(32px, 0, 0) !important;
}

.itmsft-day-night-toggle:active .itmsft-day-night-toggle__orb {
    width: 36px !important;
}

.dark-theme .itmsft-day-night-toggle:active .itmsft-day-night-toggle__orb {
    transform: translate3d(26px, 0, 0) !important;
}

.itmsft-day-night-toggle:hover .switch-type-theme__item:before,
.itmsft-day-night-toggle:hover .switch-type-theme__item:after {
    transform: translate(-50%, -50%) scale(1.08);
}

.itmsft-day-night-toggle:hover .switch-type-theme__item[data-type="dark"]:before {
    transform: translate(calc(-50% + 2px), -50%) scale(1.08);
}

.itmsft-day-night-toggle:hover .itmsft-day-night-toggle__track {
    transform: translateY(-1px) scale(1.035);
}

/* DEBUG: language selector keeps Webasyst dropdown logic; this only skins the compact header trigger. */
.header-lang--language {
    align-items: center !important;
    display: inline-flex !important;
    line-height: 1 !important;
    margin-left: 12px !important;
    min-height: 32px;
    vertical-align: middle;
}

.header-lang--language > .link {
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    align-items: center;
    backdrop-filter: blur(20px) saturate(1.2);
    background:
        radial-gradient(circle at 15px 50%, rgba(17, 24, 39, 0.14), rgba(17, 24, 39, 0) 34%),
        radial-gradient(circle at 80% 65%, rgba(110, 110, 115, 0.18), rgba(110, 110, 115, 0) 42%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.28), rgba(245, 245, 247, 0.18)) !important;
    border: 1px solid rgba(255, 255, 255, 0.52) !important;
    border-radius: 999px;
    box-shadow:
        0 10px 30px rgba(30, 41, 64, 0.11),
        inset 1px 1px 1px rgba(255, 255, 255, 0.58),
        inset -1px -1px 1px rgba(6, 16, 29, 0.08) !important;
    box-sizing: border-box;
    color: transparent !important;
    cursor: pointer;
    display: inline-flex !important;
    font-size: 0 !important;
    height: 30px;
    justify-content: center;
    min-width: 48px;
    overflow: hidden;
    padding: 3px;
    position: relative;
    text-decoration: none !important;
    transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
    width: 48px;
}

.dark-theme .header-lang--language > .link {
    background:
        radial-gradient(circle at 23% 34%, rgba(245, 245, 247, 0.12), rgba(245, 245, 247, 0) 44%),
        radial-gradient(circle at 78% 62%, rgba(110, 110, 115, 0.18), rgba(110, 110, 115, 0) 44%),
        linear-gradient(135deg, rgba(12, 18, 34, 0.88), rgba(28, 28, 30, 0.72)) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.22),
        inset 1px 1px 1px rgba(255, 255, 255, 0.24),
        inset -1px -1px 1px rgba(255, 255, 255, 0.08) !important;
}

.header-lang--language > .link:before {
    -webkit-backdrop-filter: blur(16px) saturate(1.22);
    backdrop-filter: blur(16px) saturate(1.22);
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0) 42%),
        linear-gradient(135deg, rgba(17, 24, 39, 0.26), rgba(255, 255, 255, 0.24)) !important;
    border: 1px solid rgba(255, 255, 255, 0.58);
    border-radius: 999px;
    box-shadow:
        0 8px 22px rgba(17, 24, 39, 0.16),
        inset 1px 1px 1px rgba(255, 255, 255, 0.66),
        inset -1px -1px 1px rgba(6, 16, 29, 0.08);
    box-sizing: border-box;
    content: "";
    height: auto;
    left: 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    bottom: 4px;
    transition: background 220ms ease, box-shadow 220ms ease, transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
    width: auto;
    z-index: 1;
}

.dark-theme .header-lang--language > .link:before {
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0) 44%),
        linear-gradient(135deg, rgba(210, 210, 215, 0.32), rgba(255, 255, 255, 0.11)) !important;
    border-color: rgba(255, 255, 255, 0.34);
    box-shadow:
        0 9px 24px rgba(0, 0, 0, 0.18),
        inset 1px 1px 1px rgba(255, 255, 255, 0.36),
        inset -1px -1px 1px rgba(255, 255, 255, 0.09);
}

.header-lang--language > .link:after {
    color: rgba(6, 16, 29, 0.76);
    content: attr(data-current-lang);
    font-size: 11px;
    font-weight: 800;
    left: 0;
    letter-spacing: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.dark-theme .header-lang--language > .link:after {
    color: rgba(255, 255, 255, 0.86);
}

.header-lang--language:hover > .link {
    transform: translateY(-1px) scale(1.035);
}

.header-lang--language:hover > .link:before {
    transform: scale(1.04);
}

.header-lang--language.dropdown-open:hover:after {
    content: none !important;
    display: none !important;
}

.header-lang--language .dropdown-menu {
    padding-top: 8px !important;
    right: 50% !important;
    transform: translateX(50%);
}

.header-lang--language .dropdown-menu__inner {
    border-radius: 18px !important;
    padding: 8px !important;
    text-align: center;
    width: 78px !important;
}

.header-lang--language .dropdown-menu__item {
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    color: var(--itmsft-header-ink) !important;
    font-size: 12px;
    font-weight: 750;
    padding: 8px 10px !important;
    text-transform: uppercase;
}

.header-lang--language .dropdown-menu__item.selected {
    background: var(--itmsft-header-control-hover) !important;
    border-color: var(--itmsft-header-border) !important;
    color: var(--itmsft-header-accent) !important;
}

.dropdown-open {
    position: relative;
}

.dropdown-open:hover {
    z-index: 360 !important;
}

.dropdown-popup,
.dropdown-menu,
.header-popup-contacts {
    z-index: 380 !important;
}

.dropdown-open:hover:after {
    color: rgba(255, 255, 255, 0.2) !important;
    z-index: 390 !important;
}

.popup-catalog {
    overflow: visible !important;
    z-index: 340;
}

.popup-catalog.full-open {
    overflow-y: auto !important;
}

.popup-catalog__inner,
.dropdown-menu__inner,
.dropdown-popup__inner,
.products-popup__inner,
.header-submenu,
.autocomplete-suggestions,
.searchpro__dropdown,
.searchpro__results,
.searchpro__suggestions,
.searchpro__autocomplete,
.popup-content {
    -webkit-backdrop-filter: blur(96px) saturate(1.08) contrast(0.74) brightness(0.86);
    backdrop-filter: blur(96px) saturate(1.08) contrast(0.74) brightness(0.86);
    background-clip: padding-box;
    background: var(--itmsft-header-popover) !important;
    border: 1px solid var(--itmsft-header-border) !important;
    box-shadow: var(--itmsft-popover-shadow) !important;
    color: var(--itmsft-header-ink) !important;
    isolation: isolate;
}

.dropdown-popup__inner.-popup-contacts,
.products-popup__inner,
.popup-catalog__inner {
    -webkit-backdrop-filter: blur(120px) saturate(1.06) contrast(0.7) brightness(0.84);
    backdrop-filter: blur(120px) saturate(1.06) contrast(0.7) brightness(0.84);
}

.popup-catalog__inner {
    border-radius: 28px !important;
    overflow: hidden;
}

.searchpro__dropdown,
.searchpro__results,
.searchpro__suggestions,
.searchpro__autocomplete,
.autocomplete-suggestions {
    -webkit-backdrop-filter: blur(86px) saturate(1.18) contrast(0.82) brightness(0.94) !important;
    backdrop-filter: blur(86px) saturate(1.18) contrast(0.82) brightness(0.94) !important;
    background: var(--itmsft-search-results-surface) !important;
    border-color: var(--itmsft-search-results-border) !important;
    border-radius: 0 0 18px 18px !important;
    box-shadow: var(--itmsft-search-results-shadow) !important;
    color: var(--itmsft-search-results-ink) !important;
    overflow: hidden auto;
}

.dark-theme .searchpro__dropdown,
.dark-theme .searchpro__results,
.dark-theme .searchpro__suggestions,
.dark-theme .searchpro__autocomplete,
.dark-theme .autocomplete-suggestions {
    -webkit-backdrop-filter: blur(98px) saturate(1.16) contrast(0.76) brightness(0.84) !important;
    backdrop-filter: blur(98px) saturate(1.16) contrast(0.76) brightness(0.84) !important;
}

.searchpro__dropdown .searchpro__dropdown-group-title,
.searchpro__dropdown .searchpro__dropdown-entity_subname,
.searchpro__dropdown .searchpro__dropdown-entity_summary,
.searchpro__dropdown .searchpro__dropdown-entity_compare-price,
.autocomplete-suggestions .autocomplete-suggestion .small,
.autocomplete-suggestions .autocomplete-suggestion small {
    color: var(--itmsft-search-results-muted) !important;
}

.searchpro__dropdown .searchpro__dropdown-group-title {
    font-size: 11px !important;
    font-weight: 650;
    letter-spacing: 0 !important;
    padding: 14px 20px 10px !important;
}

.searchpro__dropdown a.searchpro__dropdown-entity,
.searchpro__dropdown .searchpro__dropdown-entity,
.searchpro__dropdown .searchpro__dropdown-entity_name,
.searchpro__dropdown .js-searchpro__dropdown-entity_query,
.searchpro__dropdown .searchpro__dropdown-view-all-link,
.autocomplete-suggestions .autocomplete-suggestion {
    color: var(--itmsft-search-results-ink) !important;
}

.searchpro__dropdown .searchpro__dropdown-entity {
    border-radius: 10px;
    margin: 2px 10px;
    padding: 9px 10px !important;
    transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.searchpro__dropdown .searchpro__dropdown-entity:hover,
.searchpro__dropdown .searchpro__dropdown-entity.js-searchpro__dropdown-entity--active,
.searchpro__dropdown .searchpro__dropdown-view-all-link:hover,
.searchpro__dropdown .searchpro__dropdown-view-all-link.js-searchpro__dropdown-entity--active,
.autocomplete-suggestions .autocomplete-suggestion:hover,
.autocomplete-suggestions .autocomplete-suggestion.selected {
    background: var(--itmsft-search-results-hover) !important;
    color: var(--itmsft-search-results-ink) !important;
    transform: translateY(-1px);
}

.searchpro__dropdown .searchpro__dropdown-group-entities:after {
    background: var(--itmsft-search-results-rule);
    content: "";
    display: block;
    height: 1px;
    margin: 10px 20px 12px;
    opacity: 0.72;
}

.searchpro__dropdown .searchpro-highlighted {
    color: var(--itmsft-header-accent) !important;
    font-weight: 750;
}

.popup-catalog__items,
.popup-submenu {
    background: transparent !important;
    border: 0 !important;
    border-radius: 28px !important;
    box-shadow: none !important;
    margin-left: -10px !important;
}

.popup-catalog__items {
    border-radius: 28px 0 0 28px !important;
    margin-left: 0 !important;
}

.popup-submenu__inner,
.popup-submenu-deployed,
.popup-submenu-images,
.popup-submenu-icons,
.popup-submenu-dropdown__outer,
.popup-submenu-dropdown,
.popup-submenu-brands-list,
.popup-submenu-brands-logos {
    background: transparent !important;
}

.popup-catalog-item__inner,
.header-submenu__item,
.dropdown-menu__item,
.profile-menu-link {
    color: var(--itmsft-header-ink) !important;
}

.popup-catalog-item.hover .popup-catalog-item__inner,
.popup-catalog-item__inner:not(.hover):hover,
.popup-submenu-icons__item:hover,
.popup-submenu-dropdown__item.hover,
.popup-submenu-dropdown.lvl4 .popup-submenu-dropdown__item:hover,
.popup-submenu-brands-list__item:hover,
.popup-submenu-brands-logos__item:hover,
.dropdown-menu__item:hover,
.header-user__menu li a:hover {
    background: var(--itmsft-header-control-hover) !important;
    border-color: var(--itmsft-header-border) !important;
    color: var(--itmsft-header-ink) !important;
}

@media (max-width: 1024px) {
    #page-content {
        padding-top: 20px;
    }

    .m-header {
        border-radius: 0 0 24px 24px;
        margin: 0 0 18px !important;
        padding: 10px 12px !important;
    }

    .m-header.sk-fixed {
        border-radius: 0 0 22px 22px;
        padding: 8px 12px !important;
    }

    .m-header__search.-under {
        border-radius: 20px;
        margin: 10px 12px 18px !important;
        padding: 8px !important;
    }

    .m-header__search.-under.sk-fixed {
        border-radius: 0 0 20px 20px;
        margin: 0 !important;
    }

    .m-header__bottom {
        border-radius: 0 0 20px 20px;
        margin: -8px 12px 18px !important;
    }

    .mobile-search__field {
        background: var(--itmsft-header-control) !important;
        border-color: var(--itmsft-header-border) !important;
        border-radius: 16px !important;
        color: var(--itmsft-header-ink) !important;
    }

    input.mobile-search__field {
        background: transparent !important;
        color: var(--itmsft-header-ink) !important;
    }

    input.mobile-search__field::placeholder {
        color: var(--itmsft-header-muted) !important;
    }

    .mobile-search__btn {
        color: var(--itmsft-header-accent) !important;
    }
}

@media (hover: none), (pointer: coarse) {
    .header-catalog__open:hover,
    .header-user-item__inner:hover,
    .m-header-btn:hover {
        transform: none;
    }
}