@font-face {
    font-family: "Inter";
    src: url("../fonts/InterVariable.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --dark:#061626;
    --navy:#081d31;
    --blue:#125b9d;
    --cyan:#60bcff;
    --orange:#ff6333;
    --ice:#eaf6ff;
    --muted:#a6c2d9;
    --edge:rgba(133,190,227,.2);
    --duration:11s;
    --sidebar-w:225px
}
* {
    box-sizing:border-box
}
html {
    background:#061626
}
body {
    margin:0;
    background:#061626;
    color:var(--ice);
    font-family:"Inter",Arial,sans-serif;
    -webkit-font-smoothing:antialiased
}
button,a,label {
    font:inherit
}
button {
    cursor:pointer;
    color:inherit
}
a {
    color:inherit;
    text-decoration:none
}
button:focus-visible,a:focus-visible,label:focus-visible {
    outline:2px solid #ff966d;
    outline-offset:3px
}
svg {
    display:block;
    width:100%;
    height:100%
}
.ic {
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    flex:none
}
.tool-head {
    height:61px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 19px;
    gap:12px;
    background:#081a2b;
    border-bottom:1px solid var(--edge)
}
.labbrand {
    letter-spacing:2px;
    font-size:10px;
    font-weight:900;
    white-space:nowrap
}
.labbrand::before {
    content:"";
    display:inline-block;
    width:9px;
    height:9px;
    margin-right:11px;
    background:var(--orange);
    border-radius:100%;
    box-shadow:0 0 0 5px #ff65301c;
    vertical-align:middle
}
.labbrand em {
    font-style:normal;
    color:#8ac9f4
}
.labtools {
    display:flex;
    align-items:center;
    gap:7px
}
.ui-button,.upload-label {
    border:1px solid #456785;
    background:#112c46;
    color:#e7f4ff;
    min-height:36px;
    padding:0 11px;
    font-size:10px;
    font-weight:850;
    letter-spacing:.25px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    border-radius:4px;
    white-space:nowrap
}
.ui-button:hover,.upload-label:hover {
    background:#17548b;
    border-color:#7cbfee
}
.ui-button.primary {
    background:#11599c;
    border-color:#4391c8
}
.upload-label {
    cursor:pointer
}
.upload-label input {
    display:none
}
.ui-button .ic,.upload-label .ic {
    width:14px;
    height:14px
}
.layout {
    display:block;
    min-height:100vh;
}
body.rail-collapsed {
    --sidebar-w:76px
}
.sidebar {
    background:linear-gradient(170deg,#155eab 0%,#10508f 44%,#082f57 100%);
    display:flex;
    flex-direction:column;
    width:var(--sidebar-w);
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    z-index:60;
    height:100vh;
    height:100dvh;
    border-right:1px solid #ffffff27;
    overflow:visible;
    transition:width .3s cubic-bezier(.22,.8,.22,1);
}
.logo-zone {
    height:154px;
    border-bottom:1px solid #ffffff22;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
    min-width:0
}
.logo-holder {
    width:185px;
    height:102px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    flex:none
}
.logo-holder .logo-unit {
    transform:translateY(-9px) scale(.60);
    transform-origin:center;
    flex:none
}
.sidebar .wordmark {
    font-size:10px;
    white-space:nowrap
}
.logo-label {
    margin-top:-17px;
    white-space:nowrap;
    display:flex;
    justify-content:center;
    width:100%;
    text-align:center
}
.collapse {
    position:absolute;
    right:-21px;
    top:74px;
    width:42px;
    height:42px;
    border:1px solid #83d2ff;
    background:linear-gradient(145deg,#126fc0,#064477);
    border-radius:50%;
    display:grid;
    place-items:center;
    z-index:120;
    font-size:16px;
    box-shadow:0 4px 14px rgba(0,11,27,.6);
    transition:background .2s,box-shadow .2s
}
.collapse:hover {
    background:#187bc7;
    box-shadow:0 0 0 4px rgba(91,185,244,.16);
}
.collapse .fa-chevron-left {
    transition:transform .3s ease;
}
body.rail-collapsed .collapse .fa-chevron-left {
    transform:rotate(180deg)
}
.navlinks {
    padding:10px 0;
    flex:1;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
    scrollbar-color:#639ed1 transparent
}
.navlink {
    height:52px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 19px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.13px;
    transition:background .2s;
    min-width:0;
    white-space:normal
}
.navlink__icon {
    display:none;
    width:22px;
    height:22px;
    flex:0 0 22px;
    color:#b6e2ff;
    font-size:18px;
    align-items:center;
    justify-content:center;
}
.navlink[aria-current="page"] .navlink__icon {
    color:var(--orange);
}
.navlink:hover {
    background:#0d32626e
}
.navlink.active {
    background:#0c3867a8;
    border-left:3px solid var(--orange);
    padding-left:16px
}
.navlink .num {
    font-size:10px;
    color:#8ec5ec;
    letter-spacing:.5px;
    min-width:23px
}
.navlink.active .num {
    color:var(--orange)
}
.navlink .txt {
    line-height:1.2
}
.side-contact {
    padding:19px 16px;
    border-top:1px solid #ffffff28;
    font-size:10px;
    font-weight:700;
    line-height:2
}
.side-contact .ct {
    white-space:nowrap
}
.side-contact span {
    color:#ff7042;
    margin-right:7px
}
body.rail-collapsed .logo-zone {
    height:114px
}
body.rail-collapsed .logo-holder {
    transform:scale(.68);
    width:100px;
    margin-bottom:0
}
body.rail-collapsed .logo-label,
body.rail-collapsed .navlink .txt,
body.rail-collapsed .navlink .num,
body.rail-collapsed .side-contact {
    display:none;
}
body.rail-collapsed .navlink {
    justify-content:center;
    padding:0;
    gap:0;
}
body.rail-collapsed .navlink__icon {
    display:flex;
}
.main {
    min-width:0;
    margin-left:var(--sidebar-w);
    position:relative;
    background:#061728;
    transition:margin-left .3s cubic-bezier(.22,.8,.22,1);
    overflow:hidden;
    display:flex;
    flex-direction:column
}
.site-header {
    height:59px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    padding:0 clamp(18px,3.2vw,44px);
    border-bottom:1px solid var(--edge);
    background:#061626;
    position:relative;
    z-index:3
}
.site-header .crumb {
    font-size:9px;
    font-weight:900;
    letter-spacing:2px;
    white-space:nowrap
}
.site-header .crumb b {
    color:var(--orange);
    padding:0 12px
}
.contact-actions {
    display:flex;
    gap:20px;
    align-items:center;
    font-size:11px;
    font-weight:800
}
.contact-actions span {
    color:#51b8ff
}
.contact-actions .lang {
    letter-spacing:1px;
    font-size:9px
}
.hero {
    height:clamp(555px,calc(100vh - 184px),790px);
    min-height:555px;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:#061b2d
}
.slide {
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity 1s ease,visibility 1s;
    overflow:hidden;
    pointer-events:none
}
.slide.active {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    z-index:2
}
.scene-image {
    position:absolute;
    inset:0;
    background-image:var(--scene);
    background-size:cover;
    background-position:50% center;
    will-change:transform;
    filter:saturate(1.08) contrast(1.03);
    animation:scene-breath 16s ease-in-out infinite alternate
}
@keyframes scene-breath {
    from {
        transform:scale(1.015) translateX(0)
    }
    to {
        transform:scale(1.06) translateX(-.8%)
    }
}
.stage-vignette {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#041729 0%,rgba(4,20,37,.97) 24%,rgba(4,20,37,.94) 41%,rgba(4,20,37,.64) 55%,rgba(4,20,37,.06) 82%),linear-gradient(0deg,rgba(1,10,21,.7),transparent 35%,rgba(1,10,23,.18));
    pointer-events:none
}
.grid-overlay {
    position:absolute;
    inset:0;
    opacity:.16;
    pointer-events:none;
    background-image:linear-gradient(to right,#77beec24 1px,transparent 1px),linear-gradient(to bottom,#77beec15 1px,transparent 1px);
    background-size:85px 85px;
    mask-image:linear-gradient(90deg,transparent 40%,black 85%)
}
.scan-beam {
    position:absolute;
    right:7%;
    top:-10%;
    width:2px;
    height:112%;
    background:linear-gradient(transparent,#8ccfff00 9%,#92d9ffbb 35%,#c7efff 49%,#7dc9ff9c 66%,transparent);
    filter:drop-shadow(0 0 10px #49c2ff);
    opacity:0;
    animation:scan-across 8s linear infinite
}
.slide[data-scene="tech"] .scan-beam {
    opacity:.8
}
.slide[data-scene="fleet"] .scan-beam {
    opacity:.19;
    animation-duration:12s
}
.slide[data-scene="lease"] .scan-beam,.slide[data-scene="service"] .scan-beam {
    display:none
}
@keyframes scan-across {
    0% {
        transform:translateX(-270px);
        opacity:0
    }
    10% {
        opacity:.75
    }
    80% {
        opacity:.7
    }
    100% {
        transform:translateX(140px);
        opacity:0
    }
}
.light-haze {
    position:absolute;
    width:42%;
    height:37%;
    right:-6%;
    bottom:-12%;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(8,137,236,.22),transparent 65%);
    filter:blur(27px);
    animation:haze 8s ease-in-out infinite alternate
}
@keyframes haze {
    to {
        transform:translate(-22px,-18px);
        opacity:.5
    }
}
.orange-glow {
    position:absolute;
    width:90px;
    height:4px;
    right:8%;
    bottom:15%;
    background:linear-gradient(90deg,transparent,#ff7c4694,transparent);
    filter:blur(4px);
    opacity:.4;
    animation:orange-streak 5s ease-in-out infinite alternate
}
@keyframes orange-streak {
    to {
        transform:translateX(-80px);
        opacity:.15
    }
}
.png-truck {
    position:absolute;
    right:0;
    bottom:7%;
    width:65%;
    height:80%;
    object-fit:contain;
    object-position:right bottom;
    opacity:0;
    filter:drop-shadow(0 24px 28px rgba(0,0,0,.5));
    transition:opacity .6s;
    z-index:2;
    pointer-events:none
}
body.custom-png .png-truck {
    opacity:1
}
body.custom-png .scene-image {
    opacity:.22;
    filter:blur(13px) brightness(.55)
}
body.custom-png .stage-vignette {
    background:linear-gradient(90deg,#041729 0%,rgba(4,20,37,.96) 36%,rgba(4,20,37,.7) 61%,transparent)
}
.copy {
    position:relative;
    z-index:5;
    max-width:680px;
    width:62%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:55px 0 105px clamp(30px,5.1vw,76px);
    pointer-events:none
}
.copy>* {
    pointer-events:auto
}
.eyebrow {
    display:flex;
    align-items:center;
    gap:14px;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
    color:#a7d8ff;
    text-transform:uppercase;
    margin-bottom:18px
}
.eyebrow:before {
    content:"";
    width:28px;
    height:2px;
    background:var(--orange);
    flex:none
}
.heading {
    font-size:clamp(43px,5.2vw,85px);
    line-height:1.09;
    letter-spacing:-.035em;
    font-weight:900;
    text-transform:uppercase;
    margin:0 0 20px;
    text-shadow:0 3px 18px #00162645
}
.heading .blue {
    display:block;
    color:#56b6f7
}
.heading .white {
    display:block;
    color:#f3f8ff
}
.heading .orange {
    color:var(--orange)
}
.copy .desc {
    margin:0;
    color:#bfd6e9;
    max-width:500px;
    line-height:1.62;
    font-size:clamp(12px,1.19vw,16px);
    text-wrap:pretty;
    text-shadow:0 1px 4px #001526
}
.chips {
    display:flex;
    gap:9px;
    margin-top:23px;
    flex-wrap:wrap;
    max-width:535px
}
.chip {
    border:1px solid #75b9e343;
    background:#021b36a8;
    min-height:58px;
    padding:9px 11px;
    display:flex;
    gap:9px;
    align-items:center;
    color:#d7ecfc;
    box-shadow:inset 0 0 12px #64c4ff0a;
    backdrop-filter:blur(6px)
}
.chip svg {
    color:#ff7642;
    width:22px;
    height:22px
}
.chip span {
    font-size:9px;
    max-width:112px;
    font-weight:850;
    letter-spacing:.35px;
    line-height:1.25;
    text-transform:uppercase
}
.buttons {
    display:flex;
    gap:11px;
    flex-wrap:wrap;
    margin-top:24px
}
.action {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:19px;
    font-size:11px;
    font-weight:900;
    min-height:49px;
    padding:0 20px;
    letter-spacing:.35px;
    transition:transform .2s,background .2s
}
.action:hover {
    transform:translateY(-2px)
}
.action.orange-btn {
    background:var(--orange);
    color:#fff;
    border:1px solid #ff7e52;
    box-shadow:0 10px 24px #ff63331b
}
.action.secondary {
    border:1px solid #a5cfe770;
    background:#06182dbb
}
.action .ic {
    width:15px;
    height:15px
}
.slide.active .copy .eyebrow {
    animation:enter .65s .08s both
}
.slide.active .heading {
    animation:enter .75s .15s both
}
.slide.active .copy .desc {
    animation:enter .7s .29s both
}
.slide.active .chips {
    animation:enter .65s .38s both
}
.slide.active .buttons {
    animation:enter .7s .5s both
}
@keyframes enter {
    from {
        opacity:0;
        transform:translate3d(0,22px,0)
    }
    to {
        opacity:1;
        transform:translate3d(0,0,0)
    }
}
.float-hud {
    position:absolute;
    right:3.5%;
    top:9%;
    width:195px;
    min-height:125px;
    z-index:4;
    background:linear-gradient(140deg,#0c345565,#09243b80);
    border:1px solid #88d5ff44;
    padding:12px;
    backdrop-filter:blur(5px);
    box-shadow:0 0 32px #289ae31c;
    animation:hud-float 6s ease-in-out infinite alternate
}
.hud-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:8px;
    letter-spacing:1.4px;
    color:#a4d9fc;
    font-weight:900
}
.hud-value {
    font-size:22px;
    font-weight:900;
    letter-spacing:-.8px;
    margin:8px 0 4px
}
.hud-sub {
    font-size:9px;
    color:#7cbfef
}
.mini-graph {
    height:25px;
    display:flex;
    align-items:end;
    gap:4px;
    margin-top:12px
}
.mini-graph i {
    flex:1;
    display:block;
    background:linear-gradient(#55c6ff,#11446a);
    height:var(--h);
    animation:barpulse 3.5s ease-in-out infinite alternate;
    animation-delay:var(--delay)
}
@keyframes barpulse {
    to {
        height:calc(var(--h) * .6)
    }
}
@keyframes hud-float {
    to {
        transform:translateY(-9px);
        border-color:#9bdcfa77
    }
}
.slide[data-scene="service"] .float-hud {
    top:8%;
    right:3.5%;
    width:163px
}
.slide[data-scene="lease"] .float-hud {
    top:auto;
    bottom:18%;
    right:5%
}
.slide[data-scene="fleet"] .float-hud {
    top:10%
}
.float-hud:after {
    content:"";
    position:absolute;
    left:-1px;
    right:-1px;
    bottom:-1px;
    height:2px;
    background:linear-gradient(90deg,transparent,#2eafff,transparent);
    opacity:.7;
    animation:bar-scan 5s linear infinite
}
@keyframes bar-scan {
    0%,100% {
        transform:translateX(-10%);
        opacity:.2
    }
    50% {
        transform:translateX(10%);
        opacity:.9
    }
}
.tech-ring {
    position:absolute;
    z-index:3;
    right:13%;
    bottom:12%;
    width:170px;
    height:45px;
    border-radius:50%;
    border:1px solid #65d2ff77;
    box-shadow:0 0 0 9px #0ba7f016,0 0 0 22px #42cbff0c,inset 0 0 20px #00bdff45;
    transform:perspective(200px) rotateX(55deg);
    animation:ringPulse 5s ease-in-out infinite
}
.slide[data-scene="lease"] .tech-ring,.slide[data-scene="service"] .tech-ring {
    opacity:.12
}
.slide[data-scene="fleet"] .tech-ring {
    opacity:.25
}
@keyframes ringPulse {
    50% {
        box-shadow:0 0 0 14px #0ba7f021,0 0 0 30px #42cbff13,inset 0 0 28px #00bdff50
    }
}
.live-ping {
    position:absolute;
    right:22%;
    bottom:20%;
    z-index:4;
    font-size:9px;
    color:#b9e2fa;
    font-weight:900;
    letter-spacing:2px;
    display:flex;
    align-items:center;
    gap:7px;
    animation:ping 3.4s ease-in-out infinite
}
.live-ping::before {
    content:"";
    width:6px;
    height:6px;
    background:#ff743d;
    border-radius:50%;
    box-shadow:0 0 9px 3px #ff633356
}
@keyframes ping {
    50% {
        opacity:.42
    }
}
.slide-footer {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:6;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px clamp(22px,4vw,59px) 25px;
    gap:24px;
    background:linear-gradient(0deg,rgba(2,17,34,.93),transparent)
}
.slide-footer .foot-meta {
    font-size:9px;
    letter-spacing:1.9px;
    font-weight:900;
    color:#9dd0f5
}
.counter {
    color:#fff;
    font-size:22px;
    font-weight:900;
    letter-spacing:1px
}
.counter small {
    font-size:12px;
    color:#78b2e0
}
.arrow-nav {
    display:flex;
    align-items:center;
    gap:9px
}
.round {
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#05162876;
    border:1px solid #98bbd378
}
.round:hover {
    background:#095d9b
}
.round .ic {
    width:17px;
    height:17px
}
.progress-strip {
    height:5px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:5px;
    background:#031426;
    padding:0 4px
}
.progress-segment {
    border:0;
    padding:0;
    background:#233d50;
    position:relative;
    overflow:hidden;
    cursor:pointer
}
.progress-segment:after {
    content:"";
    position:absolute;
    inset:0;
    background:var(--orange);
    transform:scaleX(0);
    transform-origin:left
}
.progress-segment.done:after {
    transform:scaleX(1)
}
.progress-segment.current:after {
    animation:fill-progress var(--duration) linear both
}
body.motion-stopped .progress-segment.current:after {
    animation-play-state:paused
}
@keyframes fill-progress {
    from {
        transform:scaleX(0)
    }
    to {
        transform:scaleX(1)
    }
}
.stats {
    min-height:109px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    background:linear-gradient(110deg,#0a3156,#061c33);
    border-top:1px solid #2f7cb264
}
.stat {
    padding:18px clamp(10px,1.5vw,22px);
    border-right:1px solid #3b83ab3d;
    display:flex;
    gap:12px;
    align-items:center;
    min-width:0
}
.stat > div {
    min-width:0;
}
.stat svg {
    width:29px;
    height:29px;
    color:#ff7647
}
.stat small {
    display:block;
    font-size:9px;
    color:#a4d0ed;
    letter-spacing:1.1px;
    font-weight:900;
    text-transform:uppercase
}
.stat strong {
    display:block;
    font-size:clamp(15px,1.6vw,24px);
    font-weight:900;
    line-height:1.2;
    overflow-wrap:anywhere;
    letter-spacing:-.025em
}
.stat:last-child {
    border:0
}
.status {
    background:#061727;
    border-top:1px solid #2a668b6b;
    padding:10px clamp(17px,3vw,42px);
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#91b6d0;
    font-size:10px;
    gap:15px
}
.status b {
    color:#ff956a
}
.status .dot {
    display:inline-block;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#70d9ff;
    box-shadow:0 0 10px #4fc9ff;
    margin-right:7px
}
body.motion-stopped .slide *,body.motion-stopped .slide *::before,body.motion-stopped .slide *::after,body.motion-stopped .sidebar .logo-unit *,body.motion-stopped .sidebar .wordmark * {
    animation-play-state:paused!important
}
body.motion-stopped .slide {
    transition:none
}
@media(max-width:1250px) {
    .copy {
        width:68%;
        padding-left:35px
    }
    .heading {
        font-size:clamp(39px,5vw,70px)
    }
    .float-hud {
        transform:scale(.9);
        transform-origin:top right
    }
    .stat {
        gap:8px
    }
}
@media(max-width:950px) {
    .layout {
        grid-template-columns:1fr
    }
    .sidebar {
        display:none
    }
    .site-header {
        height:46px;
        padding:0 16px
    }
    .contact-actions {
        font-size:9px;
        gap:11px
    }
    .hero {
        height:690px;
        min-height:690px
    }
    .copy {
        padding:60px 20px 90px 30px;
        width:82%
    }
    .scene-image {
        background-position:63% center
    }
    .stage-vignette {
        background:linear-gradient(90deg,rgba(3,17,34,.99),rgba(3,17,34,.88) 37%,rgba(3,17,34,.3) 85%),linear-gradient(0deg,#061728c9,transparent 50%)
    }
    .heading {
        font-size:clamp(45px,7vw,69px)
    }
    .float-hud {
        right:2%;
        top:3%;
        transform:scale(.72);
        transform-origin:top right
    }
    .tech-ring {
        right:7%;
        bottom:15%
    }
    .png-truck {
        width:78%
    }
}
@media(max-width:650px) {
    .tool-head {
        height:auto;
        min-height:58px;
        padding:9px 11px
    }
    .labbrand {
        font-size:9px;
        letter-spacing:.8px
    }
    .labbrand em {
        display:none
    }
    .labtools {
        gap:5px
    }
    .ui-button,.upload-label {
        font-size:9px;
        padding:0 7px;
        min-height:33px
    }
    .ui-button .desktop-txt,.upload-label .desktop-txt {
        display:none
    }
    .tool-head .label-hide {
        display:none
    }
    .site-header .crumb {
        font-size:8px;
        letter-spacing:.6px
    }
    .site-header .crumb b {
        padding:0 5px
    }
    .contact-actions span {
        display:none
    }
    .hero {
        height:780px;
        min-height:780px
    }
    .copy {
        width:100%;
        padding:52px 22px 88px;
        justify-content:flex-start
    }
    .eyebrow {
        font-size:9px;
        margin-bottom:17px
    }
    .heading {
        font-size:clamp(40px,11.3vw,60px);
        letter-spacing:-2px;
        max-width:430px
    }
    .copy .desc {
        font-size:13px;
        max-width:360px
    }
    .chips {
        max-width:330px;
        margin-top:17px;
        gap:6px
    }
    .chip {
        min-height:46px;
        padding:6px 8px
    }
    .chip svg {
        width:17px;
        height:17px
    }
    .chip span {
        font-size:8px;
        max-width:86px
    }
    .buttons {
        margin-top:20px
    }
    .action {
        min-height:45px;
        padding:0 12px;
        font-size:10px
    }
    .scene-image {
        background-position:68% center;
        opacity:.66
    }
    .stage-vignette {
        background:linear-gradient(180deg,#031627f7 0%,#041a2bde 35%,#04182938 65%,rgba(1,10,19,.75) 100%)
    }
    .float-hud {
        display:none
    }
    .tech-ring {
        width:115px;
        right:18%;
        bottom:19%;
        opacity:.3
    }
    .live-ping {
        right:12%;
        bottom:24%;
        font-size:8px
    }
    .slide-footer {
        bottom:0;
        padding:12px 18px 20px
    }
    .stats {
        grid-template-columns:repeat(2,1fr);
        min-height:150px
    }
    .stat {
        padding:13px 10px
    }
    .stat svg {
        width:25px;
        height:25px
    }
    .stat strong {
        font-size:20px
    }
    .status {
        font-size:9px;
        padding:8px 12px
    }
    .status span:last-child {
        display:none
    }
    .png-truck {
        right:-5%;
        bottom:15%;
        width:105%;
        height:43%
    }
}
@media(prefers-reduced-motion:reduce) {
    *,*::before,*::after {
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important
    }
    .scene-image {
        transform:none!important
    }
}
/* Approved V16 brand motion — reused without aerodynamic lines */
/* Common 300x156 logo coordinate system; the truck dimensions and position are immutable. */
.logo-unit {
    position:relative;
    width:300px;
    height:156px;
    isolation:isolate;
    flex:none;
    transform-origin:center
}
.logo-unit .truck {
    position:absolute;
    left:85px;
    top:27px;
    width:130px;
    height:92px;
    min-width:130px;
    max-width:130px;
    min-height:92px;
    max-height:92px;
    object-fit:contain;
    z-index:6;
    transform:none!important;
    animation:none!important;
    transition:none!important;
    filter:drop-shadow(0 4px 5px rgba(0,14,29,.45))
}
/* Chrome overlay is alpha-masked to the truck image and uses the same immutable 130 × 92 box. */
.chrome {
    position:absolute;
    left:85px;
    top:27px;
    width:130px;
    height:92px;
    z-index:7;
    background:linear-gradient(110deg,transparent 23%,rgba(211,240,255,.02) 35%,rgba(182,222,250,.36) 46%,rgba(255,255,255,.98) 49%,rgba(166,218,255,.29) 54%,transparent 65%);
    background-size:240% 100%;
    background-position:-120% 0;
    mask:url('../images/logo-truck.png') center/contain no-repeat;
    mask:url('../images/logo-truck.png') center/contain no-repeat;
    animation:chrome-reverse 3.65s linear infinite;
    pointer-events:none
}
.logo-unit .chrome {
    z-index:8;
    animation:chrome-reverse 4.1s linear infinite
}
@keyframes chrome-reverse {
    0% {
        background-position:-120% 0
    }
    100% {
        background-position:145% 0
    }
}
/* Restore existing moving dots (without linework), and original dust wake from V12. */
.aero {
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none
}
.aero .node {
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:3px;
    z-index:3;
    border-radius:50%;
    background:#d9f3ff;
    box-shadow:0 0 4px 1.5px rgba(100,200,244,.58);
    offset-rotate:0deg;
    animation:airflow 4.4s linear infinite
}
.aero .node.n1 {
    offset-path:path('M 222 43 C 204 34 190 29 167 28 C 137 25 98 21 57 18');
    animation-delay:-1.3s
}
.aero .node.n2 {
    offset-path:path('M 228 88 C 202 76 178 67 155 63 C 115 55 85 52 38 49');
    animation-duration:3.8s;
    animation-delay:-.5s;
    background:#8edbff;
    width:2.6px;
    height:2.6px
}
.aero .node.n3 {
    offset-path:path('M 220 117 C 196 111 172 105 146 101 C 109 94 76 90 38 87');
    animation-duration:5.3s;
    animation-delay:-3.2s;
    width:2.3px;
    height:2.3px
}
.aero .node.n4 {
    offset-path:path('M 222 43 C 204 34 190 29 167 28 C 137 25 98 21 57 18');
    animation-duration:5.5s;
    animation-delay:-3.8s;
    width:2.3px;
    height:2.3px;
    opacity:.65
}
@keyframes airflow {
    0% {
        offset-distance:0%;
        opacity:0
    }
    10% {
        opacity:.85
    }
    78% {
        opacity:.78
    }
    100% {
        offset-distance:100%;
        opacity:0
    }
}
/* 10: ORIGINAL blurred dust / fine kernels preserved */
.wake {
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    overflow:hidden
}
.wake .ribbon {
    position:absolute;
    left:100px;
    top:var(--y);
    width:var(--w);
    height:var(--h);
    border-radius:50%;
    background:linear-gradient(90deg,transparent 0%,rgba(80,177,226,.04) 18%,rgba(120,203,245,.49) 67%,rgba(206,239,253,.08) 100%);
    filter:blur(var(--blur));
    opacity:0;
    transform-origin:right center;
    animation:wake-drift var(--time) cubic-bezier(.27,.04,.39,1) infinite;
    animation-delay:var(--delay)
}
.wake .ribbon.orange {
    background:linear-gradient(90deg,transparent,rgba(255,118,65,.03) 15%,rgba(245,149,99,.18) 70%,transparent)
}
@keyframes wake-drift {
    0% {
        transform:translate3d(5px,2px,0);
        opacity:0
    }
    14% {
        opacity:.62
    }
    43% {
        opacity:.55
    }
    100% {
        transform:translate3d(-72px,-16px,0);
        opacity:0
    }
}
/* sparse fine kernels inside a broader optical wake */
.wake .kernel {
    position:absolute;
    left:var(--x);
    top:var(--y);
    width:1px;
    height:1px;
    border-radius:50%;
    background:#c4eaff;
    box-shadow:0 0 7px 2.4px rgba(113,195,239,.25);
    opacity:0;
    animation:kernel-drift var(--d) linear infinite;
    animation-delay:var(--delay)
}
@keyframes kernel-drift {
    0% {
        transform:translate(0,0);
        opacity:0
    }
    16% {
        opacity:.63
    }
    100% {
        transform:translate(-65px,-18px);
        opacity:0
    }
}
/* TEXT VARIANT 03: played once on each JS trigger, not permanently at changing speed. */
.wordmark {
    display:inline-flex;
    justify-content:center;
    align-items:baseline;
    gap:.27em;
    color:#f5faff;
    font-weight:900;
    white-space:nowrap;
    line-height:1.25;
    text-transform:uppercase;
    perspective:480px
}
.wordmark .word {
    display:inline-flex;
    align-items:baseline;
    white-space:nowrap
}
.wordmark .glyph {
    display:inline-block;
    transform-origin:50% 63%;
    backface-visibility:visible;
    transform-style:preserve-3d;
    transform:rotateX(0)
}
.wordmark.is-playing .glyph {
    animation:mechanical-flip 920ms cubic-bezier(.28,.48,.36,1) both;
    animation-delay:calc(var(--i) * 45ms)
}
@keyframes mechanical-flip {
    0% {
        transform:rotateX(0deg)
    }
    34% {
        transform:rotateX(100deg)
    }
    69% {
        transform:rotateX(286deg)
    }
    100% {
        transform:rotateX(360deg)
    }
}
.wordmark.main-text {
    font-size:19px;
    letter-spacing:.012em
}
.wordmark.side-copy {
    font-size:10px;
    transform:scale(.93)
}
.wordmark.sidebar-copy {
    font-size:10px;
    transform:scale(.98)
}
/* RBLD-01: full-page site, using V02 shell and V16 logo exactly once. */
:root {
    --sidebar-w:225px;
}
.layout {
    min-height:100vh;
}
.site-header {
    min-height:64px;
    height:auto;
}
.site-header .contact-actions a {
    color:#a6d9f9;
}
.site-header .contact-actions a:hover {
    color:#fff;
}
.main {
    min-height:100vh;
}
.main-content {
    width:100%;
    flex:1;
    min-width:0;
}
.site-footer {
    display:flex;
    flex-wrap:wrap;
    gap:14px 28px;
    justify-content:space-between;
    align-items:center;
    padding:28px clamp(18px,3vw,44px);
    border-top:1px solid var(--edge);
    font-size:12px;
    color:var(--muted);
}
.site-footer a:hover {
    color:#fff;
}
.mobile-topbar {
    display:none;
}
.mobile-menu-backdrop {
    display:none;
}
.site-header .lang[aria-current="page"] {
    color:var(--orange);
}
.navlink[aria-current="page"] {
    background:#0c3867a8;
    border-left:3px solid var(--orange);
    padding-left:16px;
}
.navlink {
    text-decoration:none;
}
.navlink:focus-visible,.collapse:focus-visible,.mobile-menu-button:focus-visible {
    outline:2px solid #ff9773;
    outline-offset:3px;
}
.hero .copy {
    justify-content:center;
}
.hero .slide {
    display:block;
}
.hero .copy .desc {
    max-width:540px;
}
.hero .status-note {
    margin-top:18px;
}
.hero .float-hud {
    display:none;
}
.hero .live-ping {
    display:none;
}
.hero .png-truck {
    display:none;
}
.hero .slide-footer {
    pointer-events:auto;
}
.hero .chip {
    min-width:135px;
}
.hero .chip .ic {
    width:20px;
    height:20px;
}
.hero .slide[aria-hidden="true"] a {
    visibility:hidden;
}
.hero .slide[aria-hidden="false"] a {
    visibility:visible;
}
.hero .hero-dots {
    display:flex;
    gap:8px;
}
.hero .progress-segment:focus-visible {
    outline:2px solid var(--orange);
    outline-offset:2px;
}
.content-page {
    width:min(100%, 1450px);
    margin:0 auto;
    padding:clamp(32px,4vw,64px) clamp(18px,4vw,64px) 90px;
}
.content-intro {
    margin:0 0 42px;
}
.content-kicker {
    display:flex;
    align-items:center;
    gap:12px;
    color:#85c8fc;
    letter-spacing:2px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:900;
}
.content-kicker::before {
    content:"";
    width:28px;
    height:3px;
    background:var(--orange);
}
.content-page h1 {
    max-width:1000px;
    margin:20px 0 18px;
    font-size:clamp(35px,5vw,74px);
    line-height:1.05;
    text-transform:uppercase;
    letter-spacing:-.04em;
}
.content-page h2 {
    font-size:clamp(22px,3vw,36px);
    margin:24px 0 15px;
    line-height:1.1;
}
.content-lead {
    color:#b8d5e9;
    max-width:760px;
    font-size:clamp(15px,1.5vw,19px);
    line-height:1.65;
}
.content-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:28px 0 38px;
}
.content-card {
    min-width:0;
    border:1px solid #366b946e;
    background:linear-gradient(145deg,#10395b,#061b30 86%);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:border-color .2s,transform .2s;
}
.content-card:hover {
    border-color:#7cbceb;
    transform:translateY(-3px);
}
.content-card__media {
    aspect-ratio:16/10;
    overflow:hidden;
    background:#07192b;
    display:grid;
    place-items:center;
}
.content-card__media img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.content-card__media--placeholder {
    font-size:44px;
    font-weight:900;
    color:#75bceb;
}
.content-card__body {
    padding:24px;
    flex:1;
    display:flex;
    flex-direction:column;
}
.content-card__type {
    color:#ff956d;
    text-transform:uppercase;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.4px;
}
.content-card h2 {
    margin:12px 0;
    font-size:clamp(19px,2vw,26px);
}
.content-card p {
    color:#b1cce0;
    line-height:1.55;
    font-size:14px;
}
.content-card__link {
    display:inline-flex;
    margin-top:auto;
    padding-top:24px;
    align-items:center;
    gap:10px;
    color:#79c5ff;
    font-size:12px;
    font-weight:900;
}
.content-card__link svg {
    width:15px;
    height:15px;
}
.content-panel {
    padding:clamp(23px,3vw,38px);
    border:1px solid #43799a66;
    background:linear-gradient(135deg,#0d3556,#071d31);
    margin:24px 0;
}
.content-panel p,.prose p {
    color:#c3d9ea;
    line-height:1.75;
    max-width:850px;
    font-size:16px;
}
.content-panel ul,.prose ul {
    padding-left:22px;
    line-height:1.8;
    color:#c3d9ea;
}
.content-actions {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin:26px 0;
}
.key-value {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:20px 0;
}
.key-value div {
    padding:17px 20px;
    border:1px solid #3a789966;
    background:#0c2c48;
}
.key-value dt {
    font-size:12px;
    color:#9fcae9;
}
.key-value dd {
    margin:8px 0 0;
    font-size:19px;
    font-weight:800;
    overflow-wrap:anywhere;
}
.empty-state {
    border:1px dashed #5282a5;
    padding:30px;
    color:#c2daed;
}
.news-date {
    font-size:12px;
    color:#89bfe1;
}
.prose {
    max-width:860px;
}
.prose h2,.prose h3 {
    margin-top:32px;
}
.prose img {
    max-width:100%;
    height:auto;
}
.link-list {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.link-list a {
    padding:20px;
    border:1px solid #376e906e;
    background:#103451;
}
.link-list a:hover {
    border-color:#7bceff;
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
}
@media(max-width:1100px) {
    .content-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:950px) {
    .layout {
        display:block;
    }
    .main {
        margin-left:0;
        transition:none;
    }
    .mobile-topbar {
        display:flex;
        position:sticky;
        z-index:70;
        top:0;
        height:64px;
        padding:0 17px;
        align-items:center;
        justify-content:space-between;
        background:#081c2f;
        border-bottom:1px solid var(--edge);
    }
    .mobile-topbar__brand {
        letter-spacing:1.3px;
        font-size:14px;
        font-weight:900;
    }
    .mobile-menu-button {
        min-width:44px;
        min-height:44px;
        border:1px solid #4a8fb9;
        background:#124577;
        border-radius:4px;
        font-size:20px;
    }
    .sidebar {
        display:flex;
        position:fixed;
        z-index:90;
        top:0;
        bottom:0;
        left:0;
        width:min(310px,85vw);
        transform:translateX(-102%);
        transition:transform .3s ease;
        overflow-y:auto;
        overflow-x:hidden;
        height:100dvh;
    }
    body.rail-collapsed .sidebar {
        width:min(310px,85vw);
    }
    body.rail-collapsed .navlink {
        justify-content:flex-start;
        padding:0 19px;
        gap:12px;
    }
    body.rail-collapsed .navlink .num,
    body.rail-collapsed .navlink .txt,
    body.rail-collapsed .logo-label,
    body.rail-collapsed .side-contact {
        display:block;
    }
    body.rail-collapsed .navlink__icon {
        display:none;
    }
    body.rail-collapsed .logo-holder {
        transform:none;
        width:185px;
    }
    .sidebar.is-open {
        transform:translateX(0);
    }
    .mobile-menu-backdrop.is-visible {
        display:block;
        position:fixed;
        z-index:80;
        inset:0;
        background:#00111dba;
    }
    .collapse {
        display:none;
    }
    .site-header {
        padding:10px 20px;
    }
    .main-content {
        min-height:calc(100vh - 64px);
    }
    .hero {
        min-height:690px;
    }
}
@media(max-width:650px) {
    .site-header .crumb {
        white-space:normal;
        line-height:1.5;
    }
    .site-header .contact-actions {
        flex-wrap:wrap;
        justify-content:flex-end;
    }
    .content-grid,.key-value,.link-list {
        grid-template-columns:1fr;
    }
    .content-page {
        padding:28px 18px 70px;
    }
    .content-page h1 {
        letter-spacing:-.025em;
    }
    .content-card__body {
        padding:20px;
    }
    .hero {
        height:780px;
    }
    .hero .copy {
        justify-content:flex-start;
        padding-top:55px;
    }
    .hero .chips {
        max-width:350px;
    }
    .hero .chip {
        min-width:0;
    }
    .hero .buttons {
        margin-top:17px;
    }
}
@media(prefers-reduced-motion:reduce) {
    .content-card,.sidebar,.main,.collapse .fa-chevron-left {
        transition:none;
    }
}

/* SIDEBAR_BUTTON_HOVER_FIX_V1 */
@media (min-width: 951px) {
    body [data-site-sidebar] > [data-sidebar-collapse] {
        appearance: none;
        -webkit-appearance: none;
        position: absolute;
        right: -21px;
        top: 74px;
        z-index: 999;
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        background: #1768a7 !important;
        background-image: none !important;
        border: 1px solid #9adaff !important;
        border-radius: 50%;
        color: #fff;
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        box-shadow: 0 3px 12px rgba(0, 15, 35, .5);
        transition: background-color .12s ease,
                    border-color .12s ease,
                    box-shadow .12s ease !important;
    }

    body [data-site-sidebar] > [data-sidebar-collapse]:hover,
    body [data-site-sidebar] > [data-sidebar-collapse]:focus-visible {
        background: #2680c6 !important;
        background-image: none !important;
        border-color: #d6f2ff !important;
        box-shadow: 0 0 0 3px rgba(92, 185, 247, .2),
                    0 4px 14px rgba(0, 15, 35, .55) !important;
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
    }
}

/* TEXT_CLARITY_FIX_V1 */

/* Restore natural font rasterization */
html,
body {
    font-family: "Inter", Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
}

/* Remove artificial outlines and shadows */
.sidebar,
.sidebar a,
.sidebar span,
.sidebar .wordmark,
.site-header,
.site-footer,
.content-page,
.hero .copy,
.stats {
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}

/* Sidebar navigation: readable weights and spacing */
.sidebar .navlink {
    font-size: 13px;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: 0;
}

.sidebar .navlink .txt {
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: 0;
}

.sidebar .navlink .num {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
}

/* Bottom contact block */
.sidebar .side-contact {
    font-size: 12px;
    font-weight: 550;
    line-height: 1.7;
    letter-spacing: 0;
}

/* V16 logo caption */
.sidebar .wordmark {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0;
}

/* Small labels across the frontend */
.site-header .crumb,
.site-header .contact-actions,
.hero .eyebrow,
.hero .chip,
.hero .foot-meta,
.stat small,
.content-kicker,
.content-card__type,
.content-card__link,
.site-footer {
    font-weight: 600;
    letter-spacing: .02em;
}

/* Hero heading and metrics */
.hero .heading,
.stat strong,
.content-page h1,
.content-page h2 {
    font-weight: 750;
    letter-spacing: -.025em;
    text-shadow: none;
}

.stat strong {
    line-height: 1.25;
}

/* Preserve full AZ/RU glyph shapes */
.sidebar .navlink .txt,
.content-page,
.hero .copy {
    font-kerning: normal;
}


/* HEADER_TOPBAR_POLISH_V1 */

.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 28px;
    border-bottom: 1px solid rgba(107, 172, 214, .16);
    background:
        linear-gradient(180deg, rgba(2, 18, 33, .88), rgba(2, 18, 33, .72)),
        linear-gradient(90deg, rgba(17, 92, 157, .08), rgba(255, 103, 52, .03));
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.site-header__brand,
.site-header .brand-line,
.site-header .header-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(92, 159, 209, .22);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(9, 37, 61, .92), rgba(5, 24, 42, .88));
    color: #f4fbff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.site-header__brand span,
.site-header .brand-line span,
.site-header .header-brand span {
    color: #ff6c3e;
}

.site-header__actions,
.site-header .header-actions,
.site-header .top-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.site-header__actions a,
.site-header .header-actions a,
.site-header .top-actions a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(88, 158, 208, .2);
    background: linear-gradient(180deg, rgba(10, 40, 67, .9), rgba(6, 26, 45, .92));
    color: #eef8ff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .01em;
    text-decoration: none;
    white-space: nowrap;
    transition:
        background-color .16s ease,
        border-color .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
    box-shadow: 0 6px 18px rgba(0, 8, 18, .18);
}

.site-header__actions a:hover,
.site-header .header-actions a:hover,
.site-header .top-actions a:hover,
.site-header__actions a:focus-visible,
.site-header .header-actions a:focus-visible,
.site-header .top-actions a:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(138, 211, 255, .48);
    background: linear-gradient(180deg, rgba(15, 57, 92, .96), rgba(8, 33, 55, .96));
    box-shadow: 0 10px 22px rgba(0, 10, 24, .28);
    outline: none;
}

.site-header__actions a:first-child,
.site-header .header-actions a:first-child,
.site-header .top-actions a:first-child {
    background: linear-gradient(180deg, #ff7a4b, #e95b2d);
    border-color: rgba(255, 133, 87, .72);
    color: #fff;
}

.site-header__actions a:first-child:hover,
.site-header .header-actions a:first-child:hover,
.site-header .top-actions a:first-child:hover {
    background: linear-gradient(180deg, #ff8659, #f16435);
    border-color: rgba(255, 164, 124, .9);
}

.site-header__actions a:first-child::before,
.site-header .header-actions a:first-child::before,
.site-header .top-actions a:first-child::before {
    content: "✆";
    font-size: 14px;
    line-height: 1;
}

.site-header__actions a:nth-child(2)::before,
.site-header .header-actions a:nth-child(2)::before,
.site-header .top-actions a:nth-child(2)::before {
    content: "✉";
    font-size: 13px;
    line-height: 1;
}

.site-header__actions a:last-child,
.site-header .header-actions a:last-child,
.site-header .top-actions a:last-child {
    padding-left: 14px;
    padding-right: 14px;
    min-width: 74px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(10, 46, 77, .96), rgba(7, 28, 47, .98));
}

.site-header__actions a[href*="/ru"]::before,
.site-header .header-actions a[href*="/ru"]::before,
.site-header .top-actions a[href*="/ru"]::before {
    content: "🇷🇺";
    font-size: 15px;
    line-height: 1;
}

.site-header__actions a[href="/"]::before,
.site-header__actions a[href="./"]::before,
.site-header .header-actions a[href="/"]::before,
.site-header .header-actions a[href="./"]::before,
.site-header .top-actions a[href="/"]::before,
.site-header .top-actions a[href="./"]::before {
    content: "🇦🇿";
    font-size: 15px;
    line-height: 1;
}

@media (max-width: 950px) {
    .site-header {
        padding: 14px 18px;
        gap: 12px;
    }

    .site-header__brand,
    .site-header .brand-line,
    .site-header .header-brand {
        font-size: 11px;
        min-height: 38px;
        padding: 0 12px;
        letter-spacing: .06em;
    }

    .site-header__actions,
    .site-header .header-actions,
    .site-header .top-actions {
        gap: 8px;
    }

    .site-header__actions a,
    .site-header .header-actions a,
    .site-header .top-actions a {
        min-height: 38px;
        padding: 0 12px;
        font-size: 12px;
    }
}

@media (max-width: 640px) {
    .site-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .site-header__brand,
    .site-header .brand-line,
    .site-header .header-brand {
        white-space: normal;
        line-height: 1.35;
    }

    .site-header__actions,
    .site-header .header-actions,
    .site-header .top-actions {
        width: 100%;
        justify-content: flex-start;
    }
}


/* REAL_HEADER_DESIGN_V2 */

/* Entire top bar */
body .site-header {
    min-height: 74px;
    padding: 12px clamp(18px, 2.6vw, 38px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #071b2d;
    border-bottom: 1px solid rgba(99, 163, 206, .22);
}

/* Brand identity */
body .site-header .crumb {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    min-height: 40px;
    padding: 0 17px 0 14px;
    border: 1px solid rgba(84, 149, 193, .26);
    border-radius: 6px;
    background: linear-gradient(100deg, #113653, #0a263e);
    color: #eaf6ff;
    font-family: "Inter", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .045em;
    line-height: 1.4;
    white-space: nowrap;
    text-shadow: none;
}

body .site-header .crumb::before {
    content: "";
    display: block;
    flex: 0 0 3px;
    height: 18px;
    margin-right: 13px;
    border-radius: 2px;
    background: #ff7141;
    box-shadow: 0 0 10px rgba(255, 113, 65, .25);
}

body .site-header .crumb b {
    color: #ff784e;
    font-weight: 700;
    padding: 0 10px;
}

/* Header actions */
body .site-header .contact-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: nowrap;
    font-size: 12px;
}

body .site-header .contact-actions > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 17px;
    border: 1px solid #315675;
    border-radius: 6px;
    background: #102e49;
    color: #e6f5ff;
    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0;
    white-space: nowrap;
    text-decoration: none;
    opacity: 1;
    box-shadow: none;
    transition: background-color .16s ease,
                border-color .16s ease;
}

body .site-header .contact-actions > a:hover {
    background: #194468;
    border-color: #70bbec;
    color: #fff;
}

/* Phone CTA */
body .site-header .contact-actions > a[href^="tel:"] {
    background: #e95f35;
    border-color: #f77c52;
    color: #fff;
}

body .site-header .contact-actions > a[href^="tel:"]:hover {
    background: #fa7546;
    border-color: #ffab87;
}

body .site-header .contact-actions > a[href^="tel:"]::before {
    content: "\f095";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;
}

/* Email CTA */
body .site-header .contact-actions > a[href^="mailto:"]::before {
    content: "\f0e0";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
    color: #73cbff;
}

/* Language switch */
body .site-header .contact-actions > a.lang {
    min-width: 85px;
    padding: 0 13px;
    gap: 9px;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .04em;
    background: #0b2942;
    border-color: #3b7196;
}

body .site-header .contact-actions > a.lang:hover {
    background: #164363;
    border-color: #78c4ef;
}

body .site-header .contact-actions > a.lang::before {
    content: "🇦🇿";
    font-family: sans-serif;
    font-size: 19px;
    line-height: 1;
}

body .site-header .contact-actions > a.lang[href^="/ru"]::before {
    content: "🇷🇺";
}

/* Tablet */
@media (max-width: 1100px) {
    body .site-header {
        gap: 12px;
        padding: 10px 18px;
    }

    body .site-header .crumb {
        font-size: 10px;
        padding: 0 11px;
    }

    body .site-header .crumb b {
        padding: 0 5px;
    }

    body .site-header .contact-actions {
        gap: 7px;
    }

    body .site-header .contact-actions > a {
        padding: 0 11px;
        font-size: 11px;
    }
}

/* Mobile */
@media (max-width: 650px) {
    body .site-header {
        min-height: 70px;
        flex-direction: column;
        align-items: stretch;
        gap: 9px;
        padding: 10px 14px;
    }

    body .site-header .crumb {
        align-self: flex-start;
        min-height: 32px;
        max-width: 100%;
        font-size: 9px;
        letter-spacing: 0;
        white-space: normal;
    }

    body .site-header .contact-actions {
        width: 100%;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    body .site-header .contact-actions > a {
        flex: 1;
        min-width: 0;
        min-height: 38px;
        padding: 0 8px;
        font-size: 10px;
        gap: 6px;
    }

    body .site-header .contact-actions > a.lang {
        flex: 0 0 auto;
        min-width: 68px;
        padding: 0 8px;
    }
}

/* LANGUAGE_SWITCH_AZ_RU_V1 */

body .site-header .language-switch {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    flex: 0 0 auto;
    padding: 4px;
    border: 1px solid #315e80;
    border-radius: 7px;
    background: #061d30;
}

body .site-header .language-switch__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 66px;
    height: 34px;
    padding: 0 9px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #a9cee9;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    letter-spacing: 0;
    transition: background-color .15s ease;
}

body .site-header .language-switch__item.is-active {
    background: #205886;
    color: #fff;
    border-color: #3976a4;
}

body .site-header .language-switch__item:hover {
    background: #194a70;
    color: #fff;
}

body .site-header .language-switch__flag {
    display: block;
    width: 23px;
    height: 15px;
    flex-shrink: 0;
    border-radius: 2px;
    overflow: hidden;
}

@media (max-width: 650px) {
    body .site-header .contact-actions {
        flex-wrap: wrap;
        gap: 8px;
    }

    body .site-header .language-switch {
        margin-left: auto;
    }

    body .site-header .language-switch__item {
        min-width: 57px;
        padding: 0 6px;
        gap: 5px;
    }

    body .site-header .language-switch__flag {
        width: 20px;
        height: 13px;
    }
}

/* SIDEBAR_TWO_LEVEL_V1 */

body .sidebar .navlink {
    min-height: 62px;
    height: 62px;
    align-items: center;
    gap: 10px;
}

body .sidebar .navlink .navlink__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

body .sidebar .navlink__title {
    display: block;
    color: #ffffff;
    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0;
}

body .sidebar .navlink__subtitle {
    display: block;
    color: #a6cee9;
    font-family: "Inter", Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0;
}

body .sidebar .navlink.active .navlink__subtitle {
    color: #c4e6ff;
}

@media (min-width: 951px) {
    body.rail-collapsed .sidebar .navlink .navlink__copy {
        display: none;
    }

    body.rail-collapsed .sidebar .navlink {
        justify-content: center;
        padding: 0;
        gap: 0;
    }
}

@media (max-width: 950px) {
    body.rail-collapsed .sidebar.is-open .navlink .navlink__copy {
        display: flex;
    }
}


/* LOGO_COLLAPSE_SHARPNESS_V1 */

@media (min-width: 951px) {

    /* No secondary scaling of the logo container */
    body.rail-collapsed .sidebar .logo-holder {
        width: 76px;
        height: 102px;
        transform: none !important;
        transform-origin: center center;
        overflow: hidden;
        margin-bottom: 0;
    }

    /* One consistent 50% scale for the entire V16 component */
    body.rail-collapsed .sidebar .logo-holder .logo-unit {
        transform: translateY(-9px) scale(0.5) !important;
        transform-origin: center center;
    }
}