@font-face{
    font-family:"Orbitron";
    src:url("/fonts/orbitron-v35-latin-regular.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-regular.woff") format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"Orbitron";
    src:url("/fonts/orbitron-v35-latin-500.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-500.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"Orbitron";
    src:url("/fonts/orbitron-v35-latin-700.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-700.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"Orbitron";
    src:url("/fonts/orbitron-v35-latin-900.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-900.woff") format("woff");
    font-weight:900;
    font-style:normal;
    font-display:swap;
}

@keyframes loader-0{

    0%{
        opacity:0;
    }

    100%{
        opacity:0.9;
    }
}

@keyframes loader-1{

    0%,
    100%{
        background-size:20% 100%;
    }

    33%,
    66%{
        background-size:20% 40%;
    }
}

@keyframes loader-2{

    0%,
    33%{
        background-position:0 0, 50% 100%, 100% 0;
    }

    66%,
    100%{
        background-position:0 100%, 50% 0, 100% 100%;
    }
}

@keyframes coockie-in{
    from{
        opacity:0;
        transform:translateX(120%);
    }

    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes footer-rise{
    from{
        transform:translateY(100%);
        opacity:0;
    }

    to{
        transform:translateY(0);
        opacity:1;
    }
}

@keyframes stand-power-on{
    0%{ opacity:1; }
    8%{ opacity:0.45; }
    13%{ opacity:0.62; }
    19%{ opacity:0.38; }
    27%{ opacity:0.52; }
    35%{ opacity:0.28; }
    100%{ opacity:0.15; }
}

@keyframes calib-btn-in{
    from{ opacity:0; transform:translateY(0.8rem); }
    to{ opacity:1; transform:translateY(0); }
}

@keyframes calib-btn-out{
    from{ opacity:1; transform:translateY(0); }
    to{ opacity:0; transform:translateY(-0.4rem); }
}

@property --calib-angle{
    syntax:"<angle>";
    initial-value:0deg;
    inherits:false;
}

@keyframes calib-border-spin{
    to{ --calib-angle:360deg; }
}

@keyframes cm-label-in-left{
    from{
        transform:translateX(-120%);
        opacity:0;
    }

    to{
        transform:translateX(0);
        opacity:1;
    }
}

@keyframes cm-label-in-right{
    from{
        transform:translateX(120%);
        opacity:0;
    }

    to{
        transform:translateX(0);
        opacity:1;
    }
}

@keyframes cm-status-line-in{
    from{
        opacity:0;
        transform:translateY(50%);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes cm-status-settle{
    from{ top:-50%; font-size:clamp(1.55rem, 1.3vw + 1.05rem, 2.7rem); }
    to{ top:-8%; font-size:clamp(1rem, 0.5vw + 0.8rem, 1.3rem); }
}

@keyframes cm-status-settle-laptop{
    from{ top:-50%; font-size:clamp(1.55rem, 1.3vw + 1.05rem, 2.7rem); }
    to{ top:-8%;  font-size:clamp(0.8rem, 0.45vw + 0.62rem, 1.05rem); }
}

@keyframes cm-status-settle-mb{
    from{ top:-30%; font-size:clamp(1rem, 3.2vw, 1.3rem); }
    to{ top:-20%; font-size:clamp(0.9rem, 2.8vw, 1.12rem); }
}

@keyframes cm-cue{
    from{ opacity:0; }
    to{ opacity:0; }
}

@keyframes cm-status-pulse{
    0%,
    100%{
        opacity:1;
    }

    50%{
        opacity:0.625;
    }
}

@keyframes cm-img-glow{
    0%,
    100%{
        filter:brightness(1) saturate(1);
    }

    50%{
        filter:brightness(1.2) saturate(1.35);
    }
}

@keyframes cm-img-glow-fade{
    0%,
    100%{
        filter:brightness(1) saturate(1);
    }

    50%{
        filter:brightness(1.2) saturate(1.35);
    }
}

@keyframes cm-bar-fill{
    0%{ clip-path:inset(0 100% 0 0);    animation-timing-function:steps(8, end); }
    4.771%{ clip-path:inset(0 85.714% 0 0); animation-timing-function:steps(12, end); }
    11.928%{ clip-path:inset(0 64.286% 0 0); animation-timing-function:steps(9, end); }
    15.507%{ clip-path:inset(0 80.357% 0 0); animation-timing-function:steps(17, end); }
    25.646%{ clip-path:inset(0 50% 0 0);     animation-timing-function:steps(11, end); }
    32.206%{ clip-path:inset(0 30.357% 0 0); animation-timing-function:steps(17, end); }
    38.966%{ clip-path:inset(0 60.714% 0 0); animation-timing-function:steps(20, end); }
    50.895%{ clip-path:inset(0 25% 0 0);     animation-timing-function:steps(11, end); }
    55.269%{ clip-path:inset(0 44.643% 0 0); animation-timing-function:steps(5, end); }
    58.250%{ clip-path:inset(0 35.714% 0 0); animation-timing-function:steps(6, end); }
    61.827%{ clip-path:inset(0 25% 0 0);     animation-timing-function:steps(6, end); }
    65.404%{ clip-path:inset(0 14.286% 0 0); animation-timing-function:steps(9, end); }
    68.982%{ clip-path:inset(0 30.357% 0 0); animation-timing-function:steps(13, end); }
    76.736%{ clip-path:inset(0 7.143% 0 0);  animation-timing-function:steps(4, end); }
    78.326%{ clip-path:inset(0 14.286% 0 0); animation-timing-function:steps(5, end); }
    81.308%{ clip-path:inset(0 5.357% 0 0);  animation-timing-function:steps(17, end); }
    88.067%{ clip-path:inset(0 35.714% 0 0); animation-timing-function:steps(20, end); }
    100%{ clip-path:inset(0 0 0 0); }
}

@keyframes cm-bar-selftest{
    0%{ background-color:rgba(119, 251, 255, 0.1); }
    7%{ background-color:rgba(165, 173, 184, 0.75); }
    24%{ background-color:rgba(165, 173, 184, 0.75); }
    32%{ background-color:rgba(119, 251, 255, 0.1); }
    42%{ background-color:rgba(165, 173, 184, 0.75); }
    58%{ background-color:rgba(165, 173, 184, 0.75); }
    66%{ background-color:rgba(119, 251, 255, 0.1); }
    76%{ background-color:rgba(165, 173, 184, 0.75); }
    88%{ background-color:rgba(165, 173, 184, 0.75); }
    100%{ background-color:rgba(119, 251, 255, 0.1); }
}

@keyframes cm-bar-pop{
    0%{ clip-path:inset(0 100% 0 0%);       animation-timing-function:steps(8, end); }
    4.771%{ clip-path:inset(0 85.714% 0 12.5%); animation-timing-function:steps(12, end); }
    11.928%{ clip-path:inset(0 64.286% 0 33.929%); animation-timing-function:steps(9, end); }
    15.507%{ clip-path:inset(0 80.357% 0 17.857%); animation-timing-function:steps(17, end); }
    25.646%{ clip-path:inset(0 50% 0 48.214%);    animation-timing-function:steps(11, end); }
    32.206%{ clip-path:inset(0 30.357% 0 67.857%); animation-timing-function:steps(17, end); }
    38.966%{ clip-path:inset(0 60.714% 0 37.5%);  animation-timing-function:steps(20, end); }
    50.895%{ clip-path:inset(0 25% 0 73.214%);    animation-timing-function:steps(11, end); }
    55.269%{ clip-path:inset(0 44.643% 0 53.571%); animation-timing-function:steps(5, end); }
    58.250%{ clip-path:inset(0 35.714% 0 62.5%);  animation-timing-function:steps(6, end); }
    61.827%{ clip-path:inset(0 25% 0 73.214%);    animation-timing-function:steps(6, end); }
    65.404%{ clip-path:inset(0 14.286% 0 83.929%); animation-timing-function:steps(9, end); }
    68.982%{ clip-path:inset(0 30.357% 0 67.857%); animation-timing-function:steps(13, end); }
    76.736%{ clip-path:inset(0 7.143% 0 91.071%); animation-timing-function:steps(4, end); }
    78.326%{ clip-path:inset(0 14.286% 0 83.929%); animation-timing-function:steps(5, end); }
    81.308%{ clip-path:inset(0 5.357% 0 92.857%); animation-timing-function:steps(17, end); }
    88.067%{ clip-path:inset(0 35.714% 0 62.5%);  animation-timing-function:steps(20, end); }
    100%{ clip-path:inset(0 0 0 100%); }
}

@keyframes cm-panel-flash{
    0%{ filter:brightness(1) saturate(1); }
    40%{ filter:brightness(1.75) saturate(1.25); }
    100%{ filter:brightness(1) saturate(1); }
}

@keyframes cm-img-shake{
    0%{ transform:translate(0, 0); }
    4%{ transform:translate(1.6px, -1.3px); }
    8%{ transform:translate(-1.5px, 1.2px); }
    12%{ transform:translate(1.4px, 1.5px); }
    16%{ transform:translate(-1.5px, -1.2px); }
    20%{ transform:translate(1.6px, 1px); }
    24%{ transform:translate(-1.3px, 1.4px); }
    28%{ transform:translate(1.5px, -1.5px); }
    32%{ transform:translate(-1.6px, 1.2px); }
    36%{ transform:translate(1.3px, 1.4px); }
    40%{ transform:translate(-1.5px, -1.4px); }
    44%{ transform:translate(1.6px, 1.2px); }
    48%{ transform:translate(-1.3px, -1.5px); }
    52%{ transform:translate(1.5px, 1.4px); }
    56%{ transform:translate(-1.6px, -1px); }
    60%{ transform:translate(1.3px, 1.5px); }
    64%{ transform:translate(-1.5px, -1.3px); }
    68%{ transform:translate(1.6px, 1.2px); }
    72%{ transform:translate(-1.3px, -1.4px); }
    76%{ transform:translate(1.4px, 1px); }
    80%{ transform:translate(-1.4px, 1.2px); }
    84%{ transform:translate(1.1px, -1.2px); }
    88%{ transform:translate(-1px, 1px); }
    92%{ transform:translate(0.8px, 0.7px); }
    96%{ transform:translate(-0.5px, -0.5px); }
    100%{ transform:translate(0, 0); }
}

@keyframes cm-status-line-out{
    0%{ opacity:1; transform:translateY(0);    visibility:visible; }
    99%{ visibility:visible; }
    100%{ opacity:0; transform:translateY(-40%); visibility:hidden; }
}

@keyframes cm-rise{
    from{
        transform:translateY(125%) scale(1.5);
        opacity:0;
    }

    to{
        transform:translateY(0) scale(1);
        opacity:1;
    }
}

@keyframes cm-front-strobe{
    0%, 60%{ opacity:1; }
    70%, 88%{ opacity:0.3; }
    100%{ opacity:1; }
}

@keyframes cm-front-gate{
    0%, 28.371%{ opacity:1; }
    28.571%, 42.857%{ opacity:0; }
    43.057%, 71.229%{ opacity:1; }
    71.429%, 85.714%{ opacity:0; }
    85.914%, 100%{ opacity:1; }
}

@keyframes cm-frame-22{
    0%{ opacity:1; }
    14.286%{ opacity:1; }
    14.486%{ opacity:0; }
    100%{ opacity:0; }
}

@keyframes cm-frame-33{
    0%{ opacity:0; }
    14.086%{ opacity:0; }
    14.286%{ opacity:1; }
    42.857%{ opacity:1; }
    43.057%{ opacity:0; }
    100%{ opacity:0; }
}

@keyframes cm-frame-44{
    0%, 28.371%{ opacity:0; }
    28.571%{ opacity:1; }
    32%{ opacity:1; }
    33%{ opacity:0.35; }
    35.5%{ opacity:0.35; }
    36.5%{ opacity:1; }
    39.5%{ opacity:1; }
    40.5%{ opacity:0.35; }
    42%{ opacity:0.35; }
    42.857%{ opacity:1; }
    57.143%{ opacity:1; }
    57.343%{ opacity:0; }
    100%{ opacity:0; }
}

@keyframes cm-frame-55{
    0%{ opacity:0; }
    56.943%{ opacity:0; }
    57.143%{ opacity:1; }
    85.714%{ opacity:1; }
    85.914%{ opacity:0; }
    100%{ opacity:0; }
}

@keyframes cm-frame-66{
    0%, 71.229%{ opacity:0; }
    71.429%{ opacity:1; }
    74.8%{ opacity:1; }
    75.8%{ opacity:0.35; }
    78.3%{ opacity:0.35; }
    79.3%{ opacity:1; }
    82.3%{ opacity:1; }
    83.3%{ opacity:0.35; }
    84.8%{ opacity:0.35; }
    85.714%{ opacity:1; }
    99.8%{ opacity:1; }
    100%{ opacity:0; }
}

@keyframes cm-panel-jump{
    0%{ transform:translate(0, 0); }
    2%{ transform:translate(2px, -7px); }
    4%{ transform:translate(-2px, -4px); }
    6%{ transform:translate(1px, -6px); }
    8%{ transform:translate(-1px, -2px); }
    10%{ transform:translate(1px, -3px); }
    12%{ transform:translate(0, -1px); }
    14%{ transform:translate(0, 0); }
    100%{ transform:translate(0, 0); }
}

@keyframes stand-light-on{
    0%{ opacity:1; }
    8%{ opacity:0.5; }
    12%{ opacity:0.9; }
    20%{ opacity:0.4; }
    26%{ opacity:0.85; }
    34%{ opacity:0.25; }
    42%{ opacity:0.7; }
    50%{ opacity:0.15; }
    60%{ opacity:0.45; }
    70%{ opacity:0.08; }
    82%{ opacity:0.3; }
    100%{ opacity:0; }
}

@keyframes cm-descend{
    from{ transform:translateY(0); }
    to{ transform:translateY(35%); }
}

@keyframes cm-descend-mb{
    from{ transform:translateY(0); }
    to{ transform:translateY(33%); }
}

@keyframes cm-status-sub-rise-mb{
    from{ top:43%; }
    to{ top:20%; }
}

@keyframes cm-shake-descend{
    0%{ transform:translate(0, 0); }
    6%{ transform:translate(-2px, 1px); }
    13%{ transform:translate(2px, -1px); }
    20%{ transform:translate(-2px, -1px); }
    27%{ transform:translate(2px, 1px); }
    34%{ transform:translate(-1.6px, 1px); }
    41%{ transform:translate(1.6px, -1px); }
    49%{ transform:translate(-1.4px, -0.8px); }
    57%{ transform:translate(1.4px, 0.8px); }
    65%{ transform:translate(-1px, 0.6px); }
    73%{ transform:translate(1px, -0.6px); }
    82%{ transform:translate(-0.6px, 0.4px); }
    91%{ transform:translate(0.5px, -0.3px); }
    100%{ transform:translate(0, 0); }
}

@keyframes cm-status-bg-in{
    from{ opacity:0; }
    to{ opacity:1; }
}

@keyframes cm-label-hide{
    from{ opacity:1; }
    to{ opacity:0; }
}

@keyframes stand-bg-in{
    from{ opacity:0; }
    to{ opacity:1; }
}

@keyframes stand-frost-in{
    from{ opacity:0; }
    to{ opacity:1; }
}

@keyframes auth-case-appear{
    from{ opacity:0; pointer-events:none; }
    to{ opacity:1; pointer-events:auto; }
}

@keyframes auth-case-emerge{
    from{ transform:translateX(-50%) translateY(26%) scale(0.42); }
    to{ transform:translateX(-50%) translateY(-2%) scale(1); }
}

@keyframes auth-case-emerge-mb{
    from{ transform:translateX(-50%) translateY(-50%) scale(0.42); }
    to{ transform:translateX(-50%) translateY(calc(-50% - 4.6vh)) scale(1); }
}

@keyframes auth-case-emerge-laptop{
    from{ transform:translateX(-50%) translateY(calc(-50% + 3.5vh)) scale(0.42); }
    to{ transform:translateX(-50%) translateY(calc(-50% - 15vh)) scale(1); }
}

@keyframes auth-case-emerge-tablet{
    from{ transform:translateX(-50%) translateY(calc(-50% + 4vh)) scale(0.5); }
    to{ transform:translateX(-50%) translateY(calc(-50% - 1vh)) scale(1); }
}

@keyframes auth-case-frost{
    from{
        filter:drop-shadow(0 0 0 rgba(224, 246, 255, 0));
    }
    to{
        filter:drop-shadow(0 0 22px rgba(214, 242, 255, 0.55)) drop-shadow(0 0 7px rgba(255, 255, 255, 0.4));
    }
}

@keyframes auth-case-float{
    0%, 100%{ transform:translateY(0) scale(1); }
    50%{ transform:translateY(-3.5%) scale(1.03); }
}

@keyframes auth-shadow-in{
    from{ opacity:0; }
    to{ opacity:0.85; }
}

@keyframes auth-overlay-in{
    from{ opacity:0; }
    to{ opacity:1; }
}

@keyframes auth-fade-up{
    from{ opacity:0; transform:translateY(1.2rem); }
    to{ opacity:1; transform:translateY(0); }
}

@keyframes auth-fade-up-on{
    from{ opacity:0; transform:translateY(1.2rem); pointer-events:none; }
    to{ opacity:1; transform:translateY(0);      pointer-events:auto; }
}

@keyframes auth-heading-in{
    from{ opacity:0; transform:translateX(-50%) translateY(1.2rem); }
    to{ opacity:1; transform:translateX(-50%) translateY(0); }
}

@keyframes auth-btn-pulse{
    0%, 100%{ filter:brightness(1); }
    50%{ filter:brightness(1.16); }
}

@keyframes auth-btn-sheen{
    0%{ transform:translateX(0) skewX(-20deg); }
    55%, 100%{ transform:translateX(372.7%) skewX(-20deg); }
}

@keyframes ac-bg-in{
    from{ opacity:0; }
    to{ opacity:1; }
}

@keyframes ac-intro-out{
    from{ opacity:1; }
    to{ opacity:0; }
}

@keyframes ac-fade-in{
    from{ opacity:0; }
    to{ opacity:1; }
}

@keyframes ac-fade-out{
    from{ opacity:1; }
    to{ opacity:0; }
}

@keyframes ac-case-appear{
    from{ opacity:0; transform:translateX(-50%) translateY(0) scale(0.7); }
    to{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); }
}

@keyframes ac-case-approach{
    from{ opacity:0.8; transform:translateX(-50%) translateY(0) scale(1); }
    to{ opacity:1;   transform:translateX(-50%) translateY(-10%) scale(1.12); }
}

@keyframes ac-case-lift{
    from{ transform:translateX(-50%) translateY(0) scale(1); }
    to{ transform:translateX(-50%) translateY(-52%) scale(1.06); }
}

@keyframes ac-frost-aqua{
    from{
        filter:drop-shadow(0 0 22px rgba(214, 242, 255, 0.55)) drop-shadow(0 0 7px rgba(255, 255, 255, 0.4));
    }
    to{
        filter:drop-shadow(0 0 25px rgba(119, 251, 255, 0.45)) drop-shadow(0 0 10px rgba(119, 251, 255, 0.3));
    }
}

@keyframes ac-aqua-pulse{
    0%, 100%{
        filter:drop-shadow(0 0 25px rgba(119, 251, 255, 0.45)) drop-shadow(0 0 10px rgba(119, 251, 255, 0.3));
    }
    50%{
        filter:drop-shadow(0 0 40px rgba(119, 251, 255, 0.65)) drop-shadow(0 0 15px rgba(119, 251, 255, 0.4));
    }
}

.loader{
    position:fixed;
    inset:0;
    z-index:var(--z-overlay);
    transition:opacity 0.3s ease;
    display:flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(50% 55.69% at 50% 48.98%, #07080D 0%, #131E30 100%);
}

.loader .loader__inner{
        width:220px;
        aspect-ratio:1;
        --c:no-repeat linear-gradient(var(--color-aqua-1) 0 0);
        background:var(--c), var(--c), var(--c);
        animation:loader-0 1s forwards, loader-1 1s infinite, loader-2 1s infinite;
    }

@media (max-width: 767px){

.loader .loader__inner{
            width:90px;
    }
        }

@media (min-width: 1024px) and (max-width: 1919px){

.loader .loader__inner{
            width:200px;
    }
        }

.loader::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    background:radial-gradient(89.91% 35.1% at 50% 64.9%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.24) 10%), linear-gradient(180deg, rgba(0, 0, 0, 0.18) 10%, rgba(0, 0, 0, 0.5) 99.81%);
}

.loader.hide{
    opacity:0;
    pointer-events:none;
}

html{
    scrollbar-width:none;
    -ms-overflow-style:none;

}

html::-webkit-scrollbar{
    display:none;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav{
    display:block;
}

body{
    line-height:1;
}

ol,
ul{
    list-style:none;
}

blockquote,
q{
    quotes:none;
}

blockquote::after,
blockquote::before,
q::after,
q::before{
    content:"";
    content:none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

*{
    box-sizing:border-box;
    margin:0;
    padding:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

a{
    cursor:pointer;
    text-decoration:none;
    color:inherit;
}

img{
    display:block;
    max-width:100%;
    height:auto;
}

button{
    cursor:pointer;
    border:none;
    background:none;
    font:inherit;
    color:inherit;
}

:root{
    --font-primary:"Orbitron", sans-serif;
    --color-white-1:#FFFFFF;

    --color-grey-1:#B3C7E4;
    --color-grey-2:#8194B1;
    --color-grey-3:#4F5E73;

    --color-black-1:#0E1016;

    --color-aqua-1:#77FBFF;

    --color-violet-1:#9C4EFF;

    --color-yellow-1:#FFD52C;

    --color-red-1:#FF2C2C;
    --z-consent:10000;
    --z-logo:9000;
    --z-overlay:8000;
    --z-popup:7000;
    --z-content:1;
}

body{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    height:100vh;
    height:100dvh;
    min-height:100vh;
    min-height:100dvh;
    overflow:hidden;
    font-family:var(--font-primary);
    color:var(--color-white-1);
    background-color:#131E30;
}

.main{
    position:relative;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex:1;
    min-height:0;
    z-index:var(--z-content);
}

@media (max-width: 767px){

.main{
        overflow:hidden;
}
    }

.content{
    position:relative;
    width:100%;
    height:100%;
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    min-height:0;
}

@media (max-width: 767px){

.content{
        overflow:hidden;
}
    }

.unselectable{
    user-select:none;
    -webkit-user-select:none;
}

.undraggable{
    -webkit-user-drag:none;
}

.text-selectable{
    user-select:text;
    -webkit-user-select:text;
}

.dk{
    display:block;
}

.mb{
    display:none;
}

@media (max-width: 767px){
    .dk{
        display:none;
    }

    .mb{
        display:block;
    }
    html,
    body,
    .main,
    .content{
        overflow-x:hidden;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    html,
    body,
    .main,
    .content{
        overflow-x:hidden;
    }
}

a,
button,
input,
textarea{
    -webkit-appearance:none;
}

[data-stage]{
    display:none;
}

[data-stage].show{
    display:flex;
    flex-direction:column;
}

[data-section]{
    display:none;
}

[data-section].show{
    display:block;
}

[data-popup]{
    display:none;
}

[data-popup].show{
    display:flex;
}

[data-cookie="banner"].hide{
    display:none !important;
}

.text-weapon-wear{
    font-size:clamp(0.75rem, 0.777vw + 0.568rem, 1.5rem);
    font-style:normal;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    color:var(--color-aqua-1);
    text-shadow:0 0 15px #77faff83;
}

.text-panel-top{
    font-size:clamp(0.75rem, 0.518vw + 0.629rem, 1.25rem);
    font-style:normal;
    font-weight:500;
    line-height:1;
    color:var(--color-white-1);
    text-shadow:0 0 3px rgb(12, 12, 12);
}

.text-panel-top span{
        color:var(--color-aqua-1);
        font-weight:700;
        text-shadow:0 0 15px #77faff6e;
    }

.text-panel-bottom{
    font-size:clamp(0.875rem, 0.388vw + 0.784rem, 1.25rem);
    font-style:normal;
    font-weight:500;
    line-height:1;
    color:var(--color-yellow-1);
    text-shadow:0 0 5px rgb(12, 12, 12), 0 0 15px var(--color-yellow-1);
}

.text-panel-bottom span{
        color:var(--color-red-1);
        font-weight:700;
        text-shadow:0 0 5px rgb(12, 12, 12), 0 0 7px var(--color-red-1);
    }

.text-title{
    font-size:clamp(1.75rem, 0.906vw + 1.538rem, 2.625rem);
    font-style:normal;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    color:var(--color-white-1);
}

.text-subtitle{
    font-size:clamp(1rem, 0.647vw + 0.848rem, 1.625rem);
    font-style:normal;
    font-weight:500;
    line-height:1;
    text-transform:uppercase;
    color:var(--color-white-1);
}

.header{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:var(--z-logo);
	width:100%;
	padding:1.75rem 1.75rem;
	pointer-events:none;
	transition:opacity 1.25s ease;
}

@media (max-width: 767px){

.header{
		padding:0.6rem 0.6rem;
}
	}

@media (min-width: 768px) and (max-width: 1023px){

.header{
		padding:1.5rem;
}
	}

@media (min-width: 1024px) and (max-width: 1919px){

.header{
		padding:1.25rem;
}
	}

.header__logo{
	display:inline-flex;
	align-items:center;
	pointer-events:auto;
	filter:drop-shadow(1px 1px 0 #000000);
}

@media (min-width: 768px) and (max-width: 1023px){

.header__logo{
		padding:0rem 0.3rem;
}
	}

@media (--mobile-only){

.header__logo{
		padding:0.8rem 1.2rem;
}
	}

.header__logo-img{
	height:3.2rem;
}

@media (max-width: 767px){

.header__logo-img{
		height:1.7rem;
}
	}

@media (min-width: 768px) and (max-width: 1023px){

.header__logo-img{
		height:1.8rem;
}
	}

@media (min-width: 1024px) and (max-width: 1919px){

.header__logo-img{
		height:3rem;
}
	}

@media (min-width: 2560px){

.header__logo-img{
		height:3.75rem;
}
	}

@media (min-width: 3840px){

.header__logo-img{
		height:4rem;
}
	}

body.show .header{
	opacity:1;
}

.footer{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:5001;
    width:100%;
    flex-shrink:0;
    box-sizing:border-box;
    -webkit-user-select:none;
            user-select:none;
    padding:1.15rem clamp(1.5rem, 2.6vw, 3.125rem) 0.9rem;
    padding-bottom:calc(0.9rem + env(safe-area-inset-bottom, 0px));
    transition:padding 0.35s ease;
    border-top:1px solid var(--color-grey-2);
    background:linear-gradient(to bottom, rgba(54, 102, 116, 0.75) 30%, #131E30 100%);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    transform:translateY(100%);
    opacity:0;
}

.footer.show{
        animation:footer-rise 0.5s ease-out 2.25s forwards;
    }

.footer .footer__content{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:clamp(1rem, 2vw, 2rem);
        width:100%;
    }

.footer .footer__brand{
        display:flex;
        align-items:center;
        gap:clamp(1rem, 2vw, 2rem);
        flex-shrink:0;
        
    }

.footer .footer__logo{
        font-family:var(--font-primary);
        font-weight:700;
        font-size:clamp(1.125rem, 0.388vw + 1.034rem, 1.5rem);
        line-height:1;
        color:var(--color-grey-1);
        letter-spacing:0.02em;
        white-space:nowrap;
    }

.footer .footer__copy{
        display:flex;
        flex-direction:row;
        align-items:center;
        gap:1.5rem;
        font-size:0.575rem;
        line-height:1.2;
        color:var(--color-grey-1);
        font-weight:500;
        max-height:1.2rem;
        overflow:hidden;
        transition:font-size 0.35s ease, gap 0.35s ease, max-height 0.35s ease;

                text-shadow:0 0 3px rgb(12, 12, 12);
    }

:is(.footer .footer__copy) > div{
            display:flex;
            align-items:center;
            gap:0.5rem;
        }

:is(.footer .footer__copy) span{
            white-space:nowrap;
        }

:is(.footer .footer__copy) a{
            color:var(--color-white-1);
            transition:color 0.2s ease;
        }

:is(:is(.footer .footer__copy) a):hover{
                color:var(--color-yellow-1);
            }

.footer .footer__terms{
        display:flex;
        align-items:center;
        gap:clamp(2rem, 1.04vw + 0.7rem, 3rem);
        color:var(--color-grey-1);
        font-size:0.7rem;
        transition:font-size 0.35s ease;
        text-shadow:0 0 3px rgb(12, 12, 12);
        font-weight:500;
    }

:is(.footer .footer__terms) p{
            transition:color 0.2s ease;
            cursor:pointer;
        }

:is(:is(.footer .footer__terms) p):hover{
                color:var(--color-yellow-1);
            }

:is(.footer .footer__terms) .footer__terms-age{
            font-family:var(--font-primary);
            font-weight:500;
            color:inherit;
        }

@media (hover: hover) and (pointer: fine){
        .footer:hover{
            padding-top:1.25rem;
            padding-bottom:calc(1.5rem + env(safe-area-inset-bottom, 0px));
        }

            .footer:hover .footer__copy{
                flex-direction:column;
                align-items:flex-start;
                gap:0.375rem;
                font-size:0.8rem;
                max-height:3rem;
            }

            .footer:hover .footer__terms{
                font-size:1.1rem;
                color:var(--color-white-1);
            }
    }

@media (min-width: 768px) and (max-width: 1023px){

.footer{
        padding:0.5rem 1.5rem;
        padding-bottom:calc(0.5rem + env(safe-area-inset-bottom, 0px));
}

        .footer .footer__content{
            flex-direction:row;
            align-items:center;
            justify-content:space-between;
            gap:1.5rem;
        }

        .footer .footer__brand{
            flex-direction:column;
            align-items:flex-start;
            gap:0.3rem;
            padding-right:0;
        }

        .footer .footer__logo{
            font-size:1.1rem;
        }
        .footer .footer__copy{
            flex-direction:column;
            align-items:flex-start;
            max-height:none;
            overflow:visible;
            gap:0.15rem;
            font-size:0.55rem;
        }

            :is(.footer .footer__copy) > div{
                flex-direction:row;
                align-items:center;
                flex-wrap:nowrap;
                gap:0.4rem;
            }

            :is(.footer .footer__copy) > div:nth-child(2){
                flex-direction:column;
                align-items:flex-start;
                gap:0.1rem;
            }
        .footer .footer__terms{
            flex-direction:row;
            flex-wrap:nowrap;
            align-items:center;
            gap:clamp(0.9rem, 1.6vw, 1.5rem);
            color:var(--color-white-1);
            font-size:0.7rem;
        }

            :is(.footer .footer__terms) p{
                white-space:nowrap;
            }
    }

@media (max-width: 767px){

.footer{
        padding:0.55rem 1rem;
        padding-bottom:calc(0.75rem + env(safe-area-inset-bottom, 0px));
}
        .footer .footer__content{
            flex-direction:row;
            align-items:flex-start;
            justify-content:space-between;
            gap:1rem;
        }

        .footer .footer__brand{
            flex-direction:column;
            align-items:flex-start;
            gap:0.4rem;
            padding-right:0;
        }

        .footer .footer__logo{
            font-size:1.125rem;
        }
        .footer .footer__copy{
            flex-direction:column;
            align-items:flex-start;
            max-height:none;
            overflow:visible;
            gap:0.25rem;
            font-size:0.45rem;
        }

            :is(.footer .footer__copy) > div{
                flex-direction:row;
                align-items:center;
                flex-wrap:nowrap;
                gap:0.35rem;
            }
            :is(.footer .footer__copy) > div:nth-child(2){
                flex-direction:column;
                align-items:flex-start;
                gap:0.1rem;
            }
        .footer .footer__terms{
            flex-direction:column;
            align-items:flex-end;
            gap:0.5rem;
            font-size:0.5rem;
            color:var(--color-white-1);
        }

            :is(.footer .footer__terms) p{
                white-space:nowrap;
            }
    }

.coockie-banner{
    position:fixed;
    --banner-edge:1.5rem;
    --footer-h:2.875rem;
    right:var(--banner-edge);
    bottom:calc(var(--footer-h) + var(--banner-edge));
    z-index:var(--z-consent);
    box-sizing:border-box;
    width:clamp(300px, 42%, 600px);
    padding:1.1rem clamp(1.25rem, 1.5vw, 1.6rem);
    border-radius:1rem;
    background:radial-gradient(120% 90% at 100% 0%, rgba(119, 251, 255, 0.12) 0%, rgba(119, 251, 255, 0) 55%), linear-gradient(180deg, rgba(13, 22, 33, 0.96) 0%, rgba(5, 9, 12, 0.97) 100%);
    border:1px solid rgba(119, 251, 255, 0.35);
    box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.55), 0 12px 32px rgba(0, 0, 0, 0.6), 0 0 22px rgba(119, 251, 255, 0.12), inset 0 1px 0 rgba(119, 251, 255, 0.14);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    transition:bottom 0.35s ease;
    transform:translateX(120%);
    opacity:0;
}

@media (max-width: 767px){

.coockie-banner{
        right:0.75rem;
        left:0.75rem;
        width:auto;
        bottom:calc(5rem + env(safe-area-inset-bottom, 0px));
        padding:1rem 1.1rem;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.coockie-banner{
        width:clamp(320px, 62%, 560px);
        bottom:4.5rem;
}
    }

.coockie-banner.show{
    animation:coockie-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) 4.25s forwards;
}

@media (hover: hover) and (pointer: fine){
    .footer:hover ~ .coockie-banner{
        bottom:calc(var(--footer-h) + var(--banner-edge) + 2.2rem);
    }
}

.coockie-banner__inner{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0.7rem;
}

.coockie-banner__inner h3{
        color:var(--color-aqua-1);
        font-family:var(--font-primary);
        font-size:1rem;
        font-weight:700;
        line-height:1.1;
        margin-bottom:0.5rem;
        text-transform:uppercase;
        letter-spacing:0.02em;
        text-shadow:0 0 12px rgba(119, 251, 255, 0.35);
        -webkit-user-select:none;
                user-select:none;
    }

@media (max-width: 767px){

.coockie-banner__inner h3{
            font-size:0.9rem;
    }
        }

.coockie-banner__text{
    font-size:0.8rem;
    color:var(--color-grey-1);
    font-family:var(--font-primary);
    -webkit-user-select:none;
            user-select:none;
    line-height:1.5;
    display:inline;
}

@media (max-width: 767px){

.coockie-banner__text{
        font-size:0.72rem;
}
    }

.coockie-banner__link{
    color:var(--color-aqua-1);
    text-decoration:underline;
    text-underline-offset:2px;
    font-weight:700;
    cursor:pointer;
    display:inline;
    transition:color 0.2s ease, text-shadow 0.2s ease;
}

.coockie-banner__link:hover{
        color:var(--color-yellow-1);
    }

.coockie-banner__btn{
    align-self:flex-end;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:none;
    border-radius:0.8rem;
    cursor:pointer;
    padding:0.55rem 1.6rem;
    background:linear-gradient(180deg, #A85CFF 0%, #7B2FF0 100%);
    box-shadow:0 5px 14px rgba(124, 47, 240, 0.45), 0 0 20px rgba(156, 78, 255, 0), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    transition:transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.coockie-banner__btn:hover{
        background:linear-gradient(180deg, #B873FF 0%, #8A45FF 100%);
        box-shadow:0 7px 20px rgba(156, 78, 255, 0.6), 0 0 20px rgba(156, 78, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.35);
        transform:translateY(-1px);
    }

.coockie-banner__btn:active{
        background:linear-gradient(180deg, #7B2FF0 0%, #5E1FC0 100%);
        box-shadow:0 3px 8px rgba(94, 31, 192, 0.6), 0 0 20px rgba(156, 78, 255, 0), inset 0 2px 5px rgba(0, 0, 0, 0.4);
        transform:translateY(1px);
    }

.coockie-banner__btn span{
        font-size:0.85rem;
        font-family:var(--font-primary);
        font-weight:700;
        text-transform:uppercase;
        letter-spacing:0.04em;
        color:var(--color-white-1);
    }

@media (max-width: 767px){

.coockie-banner__btn span{
            font-size:0.8rem;
    }
        }

.popup-wrap{
  position:fixed;
  inset:0;
  z-index:9995;
  background:rgba(5, 9, 12, 0.78);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  display:none;
  cursor:pointer;
}

.popup-wrap.show{
  display:block;
  animation:popupFadeIn 0.25s ease;
}

@keyframes popupFadeIn{
  from{ opacity:0; }
  to{ opacity:1; }
}

.popup-terms{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:9996;
  width:min(74vw, 90vw);
  max-height:80vh;
  overflow:hidden;
  background:radial-gradient(50% 55.69% at 50% 48.98%, #122637 0%, #05090C 100%);
  border:1px solid rgba(119, 251, 255, 0.3);
  border-radius:0.52vw;
  box-shadow:0 0 3vw rgba(119, 251, 255, 0.15), 0 0 2vw rgba(119, 251, 255, 0.1);
  cursor:default;
  display:none;
  animation:popupSlideIn 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.popup-terms.show{
  display:block;
}

.popup-terms::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:8vw;
  background:linear-gradient(to top, #05090C 0%, rgba(5, 9, 12, 0) 100%);
  pointer-events:none;
  z-index:1;
}

.popup-terms-content{
  max-height:80vh;
  overflow-y:auto;
}

.popup-terms-close{
  position:absolute;
  top:1vw;
  right:1.6vw;
  width:2.2vw;
  height:2.2vw;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(119, 251, 255, 0.1);
  border:1px solid rgba(119, 251, 255, 0.35);
  border-radius:0.26vw;
  color:rgba(255, 255, 255, 0.5);
  cursor:pointer;
  transition:background-color 0.2s, color 0.2s, border-color 0.2s;
  flex-shrink:0;
  z-index:2;
}

.popup-terms-close svg{
  width:0.78vw;
  height:0.78vw;
}

.popup-terms-close:hover{
  background:rgba(119, 251, 255, 0.22);
  border-color:rgba(119, 251, 255, 0.8);
  color:var(--color-white-1);
}

@keyframes popupSlideIn{
  from{
    transform:translate(-50%, calc(-50% + 1.5vw));
    opacity:0;
  }
  to{
    transform:translate(-50%, -50%);
    opacity:1;
  }
}

.terms{
  width:100%;
  max-width:70vw;
  margin:0 auto;
  padding:3vw 3vw 5vw;
  color:var(--color-grey-1);
  font-family:var(--font-primary);
  font-size:1.2vw;
  font-weight:400;
  line-height:1.5;
}

.terms h2{
  color:var(--color-white-1);
  text-align:center;
  font-family:var(--font-primary);
  font-size:2.5vw;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.terms h2:after{
  content:"";
  position:relative;
  width:12vw;
  height:1px;
  display:block;
  background:linear-gradient(90deg, transparent 0%, var(--color-aqua-1) 50%, transparent 100%);
  border:none;
  margin:1rem auto 2.5rem;
}

.terms h3{
  margin:2rem 0 0.75rem;
  color:var(--color-aqua-1);
  font-family:var(--font-primary);
  font-size:1.8vw;
  font-weight:700;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:0.05em;
}

.terms h4{
  margin:1.5rem 0 0.5rem;
  color:var(--color-white-1);
  font-family:var(--font-primary);
  font-size:1.2vw;
  font-weight:700;
  line-height:1.2;
}

.terms :is(li, p){
  margin:0.4rem 0;
}

.terms strong{
  font-weight:700;
  color:var(--color-white-1);
}

.terms ol{
  list-style-type:decimal;
  padding-left:2vw;
}

.terms ul{
  list-style-type:disc;
  padding-left:2vw;
}

@media (max-width: 767px){
  .terms{
    font-size:3.73vw;
    padding:8vw 6.4vw 10vw;
    max-width:100%;
  }
  .terms h1{
    font-size:9.6vw;
  }
  .terms h2{
    font-size:7.8vw;
  }
  .terms h3{
    font-size:4.27vw;
  }
  .popup-terms-close{
    width:5.2vw;
    height:5.2vw;
  }
  .popup-terms-close svg{
    width:2.78vw;
    height:2.78vw;
  }
}

.Interface-screen{
    position:relative;
    box-sizing:border-box;
    width:100%;
    height:100%;
    overflow:hidden;
}

.stand{
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
}

.stand::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    background:#05090c;
    pointer-events:none;
    animation:stand-power-on 2.6s ease-out 0.45s both;
}

.stand__bg{
    position:absolute;
    inset:-6% 0 0 0;
    background-position:center top;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:0;
    transition:opacity 0.6s ease;
}

.stand__bg.is-active{
    opacity:1;
}

.stand__bg--1{
    background-image:url('/images/st/st-11.avif');
}

.stand__bg--2{
    background-image:url('/images/st/st-22.avif');
}

.stand__bg--3{
    background-image:url('/images/st/st-33.avif');
}

.stand__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,
            rgba(5, 9, 12, 0.95) 0%,
            rgba(18, 27, 33, 0.9) 35%,
            rgba(5, 9, 12, 1) 100%);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    opacity:1;
}

.stand::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    background:radial-gradient(ellipse 45% 40% at 0% 0%, rgba(206, 236, 255, 0.5) 0%, rgba(206, 236, 255, 0) 70%), radial-gradient(ellipse 45% 40% at 100% 0%, rgba(206, 236, 255, 0.5) 0%, rgba(206, 236, 255, 0) 70%), linear-gradient(90deg, rgba(190, 228, 255, 0.32) 0%, rgba(190, 228, 255, 0) 18%), linear-gradient(270deg, rgba(190, 228, 255, 0.32) 0%, rgba(190, 228, 255, 0) 18%), linear-gradient(180deg, rgba(200, 233, 255, 0.24) 0%, rgba(200, 233, 255, 0) 14%);
    opacity:0;
}

.calibration-machine{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:3;
    transform:translateY(100%);
    opacity:0;
    animation:cm-rise 2.3s cubic-bezier(0.22, 1, 0.36, 1) 1s both;
}

.cm__panel{
    position:relative;
    width:100%;
}

.cm__img{
    display:block;
    width:100%;
    height:auto;
    position:relative;
    z-index:2;
}

.cm__front{
    position:absolute;
    inset:0;
    z-index:12;
    pointer-events:none;
    opacity:1;
    will-change:opacity;
}

.cm__front-strobe{
    position:absolute;
    inset:0;
    opacity:1;
    will-change:opacity;
}

.cm__img--front{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:2;
    animation:cm-img-glow 4.2s ease-in-out infinite;
}

.cm__img--alt{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    will-change:opacity;
    pointer-events:none;
}

.cm__img--2{ z-index:4; opacity:0; }

.cm__img--3{ z-index:5; opacity:0; }

.cm__img--4{ z-index:6; opacity:0; }

.cm__img--5{ z-index:7; opacity:0; }

.cm__img--6{ z-index:8; opacity:0; }

.cm-label{
    position:absolute;
    z-index:10;
    top:-13%;
    width:22%;
    height:26%;
    padding:1px;
    border-radius:0.9rem;
    background:linear-gradient(180deg,
            rgba(119, 251, 255, 0.4) 0%,
            rgba(119, 251, 255, 0.08) 100%);
    pointer-events:none;
}

.cm-label__inner{
    display:flex;
    align-items:flex-start;
    width:100%;
    height:100%;
    padding-top:0.95rem;
    border-radius:0.85rem;
    background:linear-gradient(168deg,
            rgba(26, 42, 49, 0.98) 0%,
            rgba(9, 14, 18, 0.98) 100%);
}

.cm-label__text{
    font-weight:800;
    white-space:nowrap;
}

.cm-label--left,
.cm-label--left .cm-label__inner{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 50' preserveAspectRatio='none'%3E%3Cpath d='M26,0 L186,0 Q200,0 191.5,11 L169,39 Q160,50 146,50 L14,50 Q0,50 0,39 L0,26 Q0,0 26,0 Z' fill='%23000'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 50' preserveAspectRatio='none'%3E%3Cpath d='M26,0 L186,0 Q200,0 191.5,11 L169,39 Q160,50 146,50 L14,50 Q0,50 0,39 L0,26 Q0,0 26,0 Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
}

.cm-label--right,
.cm-label--right .cm-label__inner{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 50' preserveAspectRatio='none'%3E%3Cpath d='M174,0 L14,0 Q0,0 8.5,11 L31,39 Q40,50 54,50 L186,50 Q200,50 200,39 L200,26 Q200,0 174,0 Z' fill='%23000'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 50' preserveAspectRatio='none'%3E%3Cpath d='M174,0 L14,0 Q0,0 8.5,11 L31,39 Q40,50 54,50 L186,50 Q200,50 200,39 L200,26 Q200,0 174,0 Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
}

.cm-label--left{
    left:1.5%;
    opacity:0;
    animation:cm-label-in-left 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.7s both;
}

.cm-label--left .cm-label__inner{
    padding-left:14%;
}

.cm-label--right{
    right:1.5%;
    opacity:0;
    animation:cm-label-in-right 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.7s both;
}

.cm-label--right .cm-label__inner{
    justify-content:flex-end;
    padding-right:14%;
}

.cm-status{
    position:absolute;
    top:-50%;
    left:50%;
    transform:translateX(-50%);
    width:50%;
    font-size:clamp(1.55rem, 1.3vw + 1.05rem, 2.7rem);
    height:1.4rem;
    z-index:9;
    text-align:center;
    pointer-events:none;
}

.cm-status::before{
    content:"";
    position:absolute;
    left:-30%;
    right:-30%;
    top:-0.9rem;
    bottom:-2.6rem;
    z-index:-1;
    border-radius:0.6rem;
    background:rgba(10, 21, 31, 0.35);
    opacity:0;
}

.cm-status__line{
    position:absolute;
    left:-50%;
    right:-50%;
    top:7%;
    text-align:center;
    margin:0;
    white-space:nowrap;
    opacity:0;
}

.cm-status .cm-status__line{
    font-size:1em;
}

.cm-status-sub{
    position:absolute;
    top:37%;
    left:50%;
    transform:translateX(-50%);
    width:40%;
    height:1.6em;
    z-index:13;
    text-align:center;
    pointer-events:none;
    background:linear-gradient(to right, rgba(10, 21, 31, 0) 0%, rgba(10, 21, 31, 0.25) 30%, rgba(10, 21, 31, 0.25) 70%,rgba(10, 21, 31, 0) 100%);
  
 
}

.cm-status-sub__line{
    position:absolute;
    left:-50%;
    right:-50%;
    top:5%;
    text-align:center;
    margin:0;
    white-space:nowrap;
    opacity:0;
    font-size:clamp(1rem, 0.45vw + 0.85rem, 1.45rem);
}

.cm-bar{
    position:absolute;
    left:6.8%;
    top:11.7%;
    width:86.4%;
    height:18.1%;
    z-index:3;
}

.cm-bar__track{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:clamp(2px, 0.28vw, 6px);
    width:100%;
    height:100%;
}

.cm-bar__seg{
    position:relative;
    flex:1 1 0;
    height:60%;
    border-radius:3px;
    background:var(--cm-seg-empty, rgba(119, 251, 255, 0.06));
}

.cm-bar__seg::before,
.cm-bar__seg::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    height:10%;
    border-radius:3px;
    background:var(--cm-seg-empty, rgba(119, 251, 255, 0.06));
    filter:blur(3px);
}

.cm-bar__seg::before{
    bottom:calc(100% + 13%);
}

.cm-bar__seg::after{
    top:calc(100% + 13%);
}

.cm-bar__fill{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    clip-path:inset(0 100% 0 0);
}

.cm-bar__pop{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    clip-path:inset(0 100% 0 0);
}

.cm-bar__track--pop .cm-bar__seg{
    transform:scaleY(1.14);
    transform-origin:center;
}

.cm-bar__track--pop .cm-bar__seg::before,
.cm-bar__track--pop .cm-bar__seg::after{
    transform:scaleY(0.877);
}

.cm-bar__track--lit .cm-bar__seg{
    --cm-lit-1:#77FBFF;
    --cm-lit-2:#AEECE3;
    background:linear-gradient(180deg, var(--cm-lit-1) 0%, var(--cm-lit-2) 100%);
    box-shadow:0 0 12px 0 rgba(119, 251, 255, 0.60);
}

.cm-bar__track--lit .cm-bar__seg::before,
.cm-bar__track--lit .cm-bar__seg::after{
    background:var(--cm-lit-2);
    opacity:0.55;
}

.cm-bar__track--lit .cm-bar__seg:nth-child(n+48):nth-child(-n+53){
    --cm-lit-1:#DFB200;
    --cm-lit-2:#FFD52C;
    box-shadow:0 0 12px 0 rgba(255, 213, 44, 0.60);
}

.cm-bar__track--lit .cm-bar__seg:nth-child(n+54){
    --cm-lit-1:#DF0000;
    --cm-lit-2:#FF2C2C;
    box-shadow:0 0 12px 0 rgba(255, 0, 0, 0.60);
}

.auth-slice{
    position:absolute;
    inset:0;
}

.auth-slice__overlay{
    position:absolute;
    inset:0;
    z-index:2;
    background:radial-gradient(ellipse at 50% 42%,
            rgba(5, 9, 12, 0.65) 0%,
            rgba(5, 9, 12, 0.9) 70%,
            rgba(5, 9, 12, 1) 100%);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    opacity:0;
    pointer-events:none;
}

.auth-slice__heading{
    position:absolute;
    top:6%;
    left:50%;
    transform:translateX(-50%) translateY(1.2rem);
    z-index:4;
    width:92%;
    margin:0;
    text-align:center;
    letter-spacing:0.02em;
    color:var(--color-white-1);
    text-shadow:0 0 18px rgba(119, 251, 255, 0.35);
    opacity:0;
}

.auth-slice__heading span{
        color:var(--color-aqua-1);
        text-shadow:0 0 22px rgba(119, 251, 255, 0.6);
    }

.auth-slice__heading{

    pointer-events:none;
}

.auth-slice__case{
    position:absolute;
    left:50%;
    top:13%;
    width:27%;
    z-index:4;
    transform:translateX(-50%) translateY(26%) scale(0.42);
    transform-origin:center 80%;
    opacity:0;
    pointer-events:none;
}

.auth-slice__case-inner{
    display:block;
    transform:translateY(0) scale(1);
    will-change:transform;
}

.auth-slice__case-img{
    display:block;
    width:100%;
    height:auto;
    filter:drop-shadow(0 0 0 rgba(224, 246, 255, 0));
    pointer-events:inherit;
    -webkit-user-select:none;
            user-select:none;
}

.auth-slice__case-shadow{
    position:absolute;
    left:50%;
    bottom:-4%;
    width:72%;
    height:12%;
    transform:translateX(-50%);
    background:radial-gradient(ellipse at center,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0) 70%);
    filter:blur(6px);
    opacity:0;
}

.auth-slice__cta{
    position:absolute;
    left:50%;
    top:43%;
    transform:translateX(-50%);
    z-index:4;
    width:92%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem;
    text-align:center;
    pointer-events:none;
}

.auth-slice__cta-title{
    margin:0;
    text-shadow:0 0 12px rgba(255, 255, 255, 0.5);
    opacity:0;
}

.auth-slice__cta-sub{
    margin:0;
    margin-top:-0.3rem;
    font-size:clamp(1rem, 0.45vw + 0.85rem, 1.45rem);
    opacity:0;
    color:var(--color-grey-1);
}

.auth-slice__btn-wrap{
    display:inline-block;
    margin-top:0.6rem;
    opacity:0;
    position:relative;
    isolation:isolate;
    pointer-events:none;
}

.auth-slice__btn-wrap .auth-btn{
    pointer-events:inherit;
}

.auth-slice__btn-wrap::before,
.auth-slice__btn-wrap::after{
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:1.65rem;
    z-index:-1;
    background:conic-gradient(from var(--calib-angle),
        #77FBFF 0%,
        #A85CFF 25%,
        #77FBFF 50%,
        #A85CFF 75%,
        #77FBFF 100%);
    animation:calib-border-spin 3.4s linear infinite;
    transition:transform 0.15s ease;
}

.auth-slice__btn-wrap::after{
    inset:-6px;
    border-radius:1.8rem;
    filter:blur(10px);
    opacity:0.65;
}

.auth-slice__btn-wrap:hover::before,
.auth-slice__btn-wrap:hover::after{ transform:translateY(-2px); }

.auth-slice__btn-wrap:active::before,
.auth-slice__btn-wrap:active::after{ transform:translateY(1px); }

.auth-btn{
    position:relative;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0.85rem;
    padding:1.15rem 3.4rem;
    border:none;
    border-radius:1.5rem;
    cursor:pointer;
    pointer-events:auto;
    font-family:var(--font-primary);
    font-weight:700;
    font-size:clamp(1.5rem, 0.6vw + 0.9rem, 2rem);
    text-transform:uppercase;
    letter-spacing:0.04em;
    color:var(--color-white-1);
    background:linear-gradient(180deg, #A85CFF 0%, #7B2FF0 100%);
    box-shadow:0 6px 18px rgba(124, 47, 240, 0.45), 0 0 28px rgba(156, 78, 255, 0), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    transition:transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
    animation:auth-btn-pulse 2.6s ease-in-out infinite;
}

.auth-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-75%;
    width:55%;
    height:100%;
    background:linear-gradient(100deg,
            transparent 0%,
            rgba(255, 255, 255, 0.5) 50%,
            transparent 100%);
    transform:translateX(0) skewX(-20deg);
    pointer-events:none;
    will-change:transform;
    animation:auth-btn-sheen 3.4s ease-in-out infinite;
}

.auth-btn__icon,
.auth-btn__label{
    position:relative;
    z-index:1;
}

.auth-btn__icon{
    width:1.6em;
    height:1.6em;
    object-fit:contain;
}

.auth-btn:hover{
    background:linear-gradient(180deg, #B873FF 0%, #8A45FF 100%);
    box-shadow:0 8px 26px rgba(156, 78, 255, 0.7), 0 0 28px rgba(156, 78, 255, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transform:translateY(-2px);
}

.auth-btn:active{
    background:linear-gradient(180deg, #7B2FF0 0%, #5E1FC0 100%);
    box-shadow:0 3px 10px rgba(94, 31, 192, 0.6), 0 0 28px rgba(156, 78, 255, 0), inset 0 2px 6px rgba(0, 0, 0, 0.4);
    transform:translateY(1px);
}

.auth-btn:disabled,
.auth-btn[disabled]{
    background:linear-gradient(180deg, #4A4A55 0%, #33333B 100%);
    box-shadow:none;
    color:rgba(255, 255, 255, 0.45);
    cursor:not-allowed;
    filter:grayscale(0.6);
    transform:none;
    animation:none;
}

.auth-btn:disabled::before,
.auth-btn[disabled]::before{
    display:none;
}

.is-calibrating .stand__bg--2{ animation:stand-bg-in 1.5s ease 17.72s forwards; }

.is-calibrating .stand__bg--3{ animation:stand-bg-in 0.8s ease 19.22s forwards; }

.is-calibrating .stand__overlay{ animation:stand-light-on 2.6s ease-out 14.82s forwards; }

.is-calibrating .stand::before{ animation:stand-frost-in 1.8s ease-out 17.72s forwards; }

.is-calibrating .calibration-machine{
    animation:cm-rise 2.3s cubic-bezier(0.22, 1, 0.36, 1) 1s both, cm-descend 1.4s ease-in 14.82s forwards;
}

.is-calibrating .cm__panel{
    animation:cm-panel-flash 0.6s ease-out 0s 1, cm-panel-jump 0.6s ease-out 10.62s 7 both, cm-img-shake 0.6s linear 12.4s 1, cm-shake-descend 1.4s linear 14.82s forwards;
}

.is-calibrating .cm__img--front{
    animation:cm-img-glow-fade 4.2s ease-in-out 4 forwards, cm-img-shake 1.6s linear 9.02s 1;
}

.is-calibrating .cm-label--left{
    animation:cm-label-in-left 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.7s both, cm-label-hide 0.2s linear 10.62s forwards, cm-label-in-left 1.2s cubic-bezier(0.22, 1, 0.36, 1) 14.82s forwards;
}

.is-calibrating .cm-label--right{
    animation:cm-label-in-right 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.7s both, cm-label-hide 0.2s linear 10.62s forwards, cm-label-in-right 1.2s cubic-bezier(0.22, 1, 0.36, 1) 14.82s forwards;
}

.is-calibrating .cm__front{ animation:cm-front-gate 4.2s linear 10.62s forwards; }

.is-calibrating .cm__front-strobe{ animation:cm-front-strobe 0.21s linear 10.62s 20 forwards; }

.is-calibrating .cm__img--2{ animation:cm-frame-22 3s linear 11.22s forwards; }

.is-calibrating .cm__img--3{ animation:cm-frame-33 3s linear 11.22s forwards; }

.is-calibrating .cm__img--4{ animation:cm-frame-44 3s linear 11.22s forwards; }

.is-calibrating .cm__img--5{ animation:cm-frame-55 3s linear 11.22s forwards; }

.is-calibrating .cm__img--6{ animation:cm-frame-66 3s linear 11.22s forwards; }

.is-calibrating .cm-status{
    animation:cm-status-settle 1.4s ease-out 14.82s forwards;
}

.is-calibrating .cm-status::before{
    animation:cm-status-bg-in 1.2s ease-out 16.1s forwards;
}

.is-calibrating .cm-status__line:nth-child(1){
    animation:cm-status-line-in 1s ease 0s both, cm-status-pulse 1.5s ease-in-out 1s infinite, cm-status-line-out 0.5s ease 2.5s forwards;
}

.is-calibrating .cm-status__line:nth-child(2){
    animation:cm-status-line-in 1s ease 2.5s both, cm-status-pulse 1.5s ease-in-out 3.5s infinite, cm-status-line-out 0.5s ease 5.76s forwards;
}

.is-calibrating .cm-status__line:nth-child(3){
    animation:cm-status-line-in 1s ease 5.76s both, cm-status-pulse 1.5s ease-in-out 6.76s infinite, cm-status-line-out 0.5s ease 9.02s forwards;
}

.is-calibrating .cm-status__line:nth-child(4){
    animation:cm-status-line-in 1s ease 9.02s both, cm-status-pulse 1.5s ease-in-out 10.02s infinite, cm-status-line-out 0.5s ease 20.82s forwards;
}

.is-calibrating .cm-status__line:nth-child(5){
    animation:cm-status-line-in 1s ease 21.02s both;
}

.is-calibrating .cm-status-sub__line:nth-child(1){
    animation:cm-status-line-in 1s ease 9.02s both, cm-status-line-out 0.5s ease 14.82s forwards;
}

.is-calibrating .cm-status-sub__line:nth-child(2){
    animation:cm-status-line-in 1s ease 14.82s both, cm-status-line-out 0.5s ease 19.22s forwards;
}

.is-calibrating .cm-status-sub__line:nth-child(3){
    animation:cm-status-line-in 1s ease 19.22s both, cm-status-line-out 0.5s ease 23.62s forwards;
}

.is-calibrating .cm-status-sub__line:nth-child(4){
    animation:cm-status-line-in 1s ease 23.62s both;
}

.cm-cue{
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
}

.is-calibrating .cm-status__line:nth-child(2) .cm-cue{ animation:cm-cue 20ms linear 2.5s 1; }

.is-calibrating .cm-status__line:nth-child(4) .cm-cue{ animation:cm-cue 20ms linear 9.02s 1; }

.is-calibrating .cm-status__line:nth-child(5) .cm-cue{ animation:cm-cue 20ms linear 21.02s 1; }

.is-calibrating .cm-status-sub__line:nth-child(2) .cm-cue{ animation:cm-cue 20ms linear 14.82s 1; }

.is-calibrating .cm-bar > .cm-bar__track > .cm-bar__seg,
.is-calibrating .cm-bar > .cm-bar__track > .cm-bar__seg::before,
.is-calibrating .cm-bar > .cm-bar__track > .cm-bar__seg::after{
    animation:cm-bar-selftest 2.5s linear forwards;
}

.is-calibrating .cm-bar__fill{ animation:cm-bar-fill 6.52s linear 2.5s forwards; }

.is-calibrating .cm-bar__pop{ animation:cm-bar-pop 6.52s linear 2.5s forwards; }

.is-calibrating .auth-slice__overlay{ animation:auth-overlay-in 1.2s ease-out 21.8s forwards; }

.is-calibrating .auth-slice__heading{ animation:auth-heading-in 1s ease-out 22.2s forwards; }

.is-calibrating .auth-slice__case{
    animation:auth-case-appear 0.45s ease-out 19.82s forwards, auth-case-emerge 1.6s cubic-bezier(0.33, 0, 0.3, 1) 20.4s forwards;
}

.is-calibrating .auth-slice__case-inner{ animation:auth-case-float 4.5s ease-in-out 23.8s infinite; }

.is-calibrating .auth-slice__case-img{ animation:auth-case-frost 1.4s ease-out 21.4s forwards; }

.is-calibrating .auth-slice__case-shadow{ animation:auth-shadow-in 1.6s ease-out 21.0s forwards; }

.is-calibrating .auth-slice__cta-title{ animation:auth-fade-up 1s ease-out 22.5s forwards; }

.is-calibrating .auth-slice__cta-sub{ animation:auth-fade-up 1s ease-out 22.8s forwards; }

.is-calibrating .auth-slice__btn-wrap{ animation:auth-fade-up-on 1s ease-out 23.1s forwards; }

.calib-start{
    position:absolute;
    left:0;
    right:0;
    top:33%;
    text-align:center;
    z-index:20;
    opacity:0;
    animation:calib-btn-in 0.8s ease-out 2.9s forwards;
}

.Interface-screen.is-calibrating .calib-start{
    animation:calib-btn-out 0.35s ease forwards;
    pointer-events:none;
}

.calib-start__btn{
    position:relative;
    display:inline-block;
    isolation:isolate;
}

.calib-start .auth-btn{
    padding:1.35rem 4.2rem;
    border-radius:1.85rem;
    font-size:clamp(1.7rem, 0.85vw + 1.25rem, 2.45rem);
    gap:0.95rem;
    pointer-events:inherit;
}

.calib-start__btn::before,
.calib-start__btn::after{
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:2.05rem;
    z-index:-1;
    background:conic-gradient(from var(--calib-angle),
        #77FBFF 0%,
        #A85CFF 25%,
        #77FBFF 50%,
        #A85CFF 75%,
        #77FBFF 100%);
    animation:calib-border-spin 3.4s linear infinite;
    transition:transform 0.15s ease;
}

.calib-start__btn::after{
    inset:-6px;
    border-radius:2.2rem;
    filter:blur(10px);
    opacity:0.65;
}

.calib-start__btn:hover::before,
.calib-start__btn:hover::after{
    transform:translateY(-2px);
}

.calib-start__btn:active::before,
.calib-start__btn:active::after{
    transform:translateY(1px);
}

@media (max-width: 767px){
    .cm-bar{
        left:5%;
        top:6.2%;
        width:90%;
        height:7.3%;
    }
    .cm-label{
        top:-13%;
        width:40%;
        height:16%;
        border-radius:0.6rem;
    }
    .cm-label--left{ left:2.5%; }
    .cm-label--right{ right:2.5%; }
    .cm-label__inner{
        padding-top:0.45rem;
        border-radius:0.5rem;
    }
    .cm-label__text{
        font-size:0.55rem;
    }
    .calib-start{
        top:50%;
    }
    .cm-status{
        top:-40%;
        width:82%;
        font-size:clamp(1rem, 3.2vw, 1.3rem);
    }
    .cm-status .cm-status__line{
        left:0;
        right:0;
        top:0;
        white-space:normal;
        line-height:1.2;
    }
    .is-calibrating .cm-status{
        animation:none;
    }
    .cm-status-sub{
        top:43%;
        width:86%;
        height:auto;
        font-size:clamp(0.85rem, 2.7vw, 1.05rem);
  
    }
    .cm-status-sub__line{
        left:0;
        right:0;
        top:0;
        white-space:normal;
        line-height:1.2;
        font-size:clamp(0.875rem, 0.388vw + 0.784rem, 1.25rem);
    }
    .is-calibrating .cm-status-sub{
        animation:cm-status-sub-rise-mb 1.4s ease-in 14.82s forwards;
    }
    .is-calibrating .calibration-machine{
        animation:cm-rise 2.3s cubic-bezier(0.22, 1, 0.36, 1) 1s both, cm-descend-mb 1.4s ease-in 14.82s forwards;
    }

    .auth-slice__heading{
        line-height:1.3;
    }

    .auth-slice__cta-title{
        line-height:1.1;
        font-size:clamp(1.5rem, 4.8vw, 1.75rem);
    }
    .auth-slice__case{
        top:28%;
        width:60%;
        transform:translateX(-50%) translateY(-50%) scale(0.42);
    }
    .is-calibrating .auth-slice__case{
        animation:auth-case-appear 0.9s ease-out 19.82s forwards, auth-case-emerge-mb 1.6s cubic-bezier(0.33, 0, 0.3, 1) 20.4s forwards;
    }
    .auth-slice__cta{
        top:37%;
    }
    .auth-slice__cta-sub{
        display:none;
    }
    .auth-btn{
        padding:0.6rem 1.5rem;
        border-radius:0.85rem;
        gap:0.75rem;
        font-size:clamp(0.8rem, 3vw, 1rem);
    }
    .calib-start .auth-btn{
        padding:0.7rem 1.7rem;
        border-radius:0.95rem;
        gap:0.55rem;
        font-size:clamp(0.9rem, 3.4vw, 1.15rem);
    }
}

@media (min-width: 1024px) and (max-width: 1919px){
    .calib-start{
        top:auto;
        bottom:max(65vh, calc(24.86vw + 3rem));
    }
    .calib-start .auth-btn{
        padding:1.05rem 3.2rem;
        border-radius:1.85rem;
        gap:0.8rem;
        font-size:clamp(1.35rem, 0.6vw + 1.05rem, 1.95rem);
    }

    .auth-slice__cta{
        top:41.5%;
    }
    .auth-slice__cta-sub{
        display:none;
    }
    .auth-slice__cta-title{
        font-size:clamp(1.3rem, 0.6vw + 1rem, 1.9rem);
    }
    .auth-slice__btn-wrap .auth-btn{
        padding:0.8rem 2.4rem;
        border-radius:1.85rem;
        font-size:clamp(1rem, 0.45vw + 0.85rem, 1.4rem);
    }
    .auth-slice__case{
        top:calc(-6% + 22.26vw);
        width:21%;
        transform-origin:center;
        transform:translateX(-50%) translateY(calc(-50% + 3.5vh)) scale(0.42);
    }
    .is-calibrating .auth-slice__case{
        animation:auth-case-appear 0.9s ease-out 19.82s forwards, auth-case-emerge-laptop 1.6s cubic-bezier(0.33, 0, 0.3, 1) 20.4s forwards;
    }
    .cm-status-sub__line{
        font-size:clamp(0.85rem, 0.4vw + 0.7rem, 1.2rem);
        top:17%;
    }
    .cm-status__line{
        top:-2%;
    }
    .is-calibrating .cm-status{
        animation:cm-status-settle-laptop 1.4s ease-out 14.82s forwards;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    .cm-label{
        width:32%;
        top:-20%;
    }
    .cm-label__inner{
        padding-top:0.35rem;
    }
    .auth-slice__cta-sub{
        display:none;
    }
    .calib-start{
        top:auto;
        bottom:calc(24.86vw + 6rem);
    }
    .is-calibrating .calibration-machine{
        animation:cm-rise 2.3s cubic-bezier(0.22, 1, 0.36, 1) 1s both;
    }
    .cm-status{
        top:-55%;
    }
    .is-calibrating .cm-status{
        animation:none;
    }
    .cm-status::before{
        display:none;
    }
    .cm-status-sub__line{
        font-size:clamp(0.72rem, 0.35vw + 0.6rem, 1rem);
        top:calc(5% - 4px);
    }
    .auth-slice__heading{
        font-size:clamp(1.3rem, 0.8vw + 1rem, 2rem);
    }
    .auth-slice__case{
        top:25.5%;
        width:54%;
        transform-origin:center;
        transform:translateX(-50%) translateY(calc(-50% + 4vh)) scale(0.5);
    }
    .is-calibrating .auth-slice__case{
        animation:auth-case-appear 0.9s ease-out 19.82s forwards, auth-case-emerge-tablet 1.6s cubic-bezier(0.33, 0, 0.3, 1) 20.4s forwards;
    }
}

.content:has(.activate-screen.show) [data-section]:not(.activate-screen){
   display:none !important;
}

.activate-screen{
   position:relative;
   box-sizing:border-box;
   width:100%;
   height:100%;
   overflow:hidden;
}

.activate-screen.show{
   display:flex;
}

.activate__bg{
   position:absolute;
   inset:0;
   z-index:1;
   background-position:center center;
   background-repeat:no-repeat;
   background-size:cover;
   opacity:0;
}

.activate__bg--1{
   background-image:url('/images/ac/ac-1.avif');
   background-position:74% center;
   opacity:1;
}

.activate__bg--2{
   background-image:url('/images/ac/ac-2.avif');
   animation:ac-bg-in 2.2s ease-in-out 2.8s forwards;
}

.activate__bg--3{
   background-image:url('/images/ac/ac-3.avif');
   animation:ac-bg-in 1.2s ease 6.6s forwards;
}

.activate__frost{
   position:absolute;
   inset:0;
   z-index:3;
   pointer-events:none;
   background:radial-gradient(ellipse 45% 40% at 0% 0%, rgba(206, 236, 255, 0.5) 0%, rgba(206, 236, 255, 0) 70%), radial-gradient(ellipse 45% 40% at 100% 0%, rgba(206, 236, 255, 0.5) 0%, rgba(206, 236, 255, 0) 70%), linear-gradient(90deg, rgba(190, 228, 255, 0.32) 0%, rgba(190, 228, 255, 0) 18%), linear-gradient(270deg, rgba(190, 228, 255, 0.32) 0%, rgba(190, 228, 255, 0) 18%), linear-gradient(180deg, rgba(200, 233, 255, 0.24) 0%, rgba(200, 233, 255, 0) 14%);
   opacity:0;
   animation:ac-fade-in 1.5s ease-out 0.3s both, ac-fade-out 1s ease 6.6s forwards;
}

.activate__intro{
   position:absolute;
   inset:0;
   z-index:6;
   display:flex;
   align-items:center;
   justify-content:center;
   background:rgba(3, 6, 9, 0.88);
   backdrop-filter:blur(2px);
   -webkit-backdrop-filter:blur(2px);
   opacity:1;
   animation:ac-intro-out 0.6s ease 2.4s forwards;
   pointer-events:none;
}

.activate__intro-text{
   text-align:center;
   font-size:clamp(1.5rem, 1.2vw + 1rem, 2.4rem);
   color:var(--color-white-1);
   text-shadow:0 0 18px rgba(119, 251, 255, 0.35);
   opacity:0;
   animation:ac-fade-in 0.8s ease 0.4s forwards;
}

.activate__overlay{
   position:absolute;
   inset:0;
   z-index:2;
   background:radial-gradient(ellipse at 50% 46%,
         rgba(5, 9, 12, 0.55) 0%,
         rgba(5, 9, 12, 0.82) 70%,
         rgba(5, 9, 12, 0.95) 100%);
   backdrop-filter:blur(2px);
   -webkit-backdrop-filter:blur(2px);
   opacity:0;
   animation:auth-overlay-in 0.8s ease-out 6.9s forwards;
   pointer-events:none;
}

.activate__heading{
   position:absolute;
   top:7%;
   left:50%;
   transform:translateX(-50%) translateY(1.2rem);
   z-index:5;
   width:92%;
   margin:0;
   text-align:center;
   letter-spacing:0.02em;
   color:var(--color-aqua-1);
   text-shadow:0 0 18px rgba(119, 251, 255, 0.35);
   opacity:0;
   animation:auth-heading-in 0.7s ease-out 7.5s forwards;
   pointer-events:none;
}

.activate__case{
   position:absolute;
   left:50%;
   top:36%;
   width:38%;
   z-index:4;
   transform:translateX(-50%) translateY(0) scale(0.7);
   transform-origin:center center;
   opacity:0;
   animation:ac-case-appear 1.4s ease-out 5s forwards, ac-case-lift 1.1s ease-in-out 6.6s forwards;
   pointer-events:none;
}

.activate__case-inner{
   display:block;
   position:relative;
   transform:translateY(0) scale(1);
   will-change:transform;
   filter:drop-shadow(0 0 0 rgba(224, 246, 255, 0));
   animation:auth-case-frost 1.4s ease-out 5.2s forwards, ac-frost-aqua 1.1s ease-in-out 6.6s forwards, ac-aqua-pulse 3.2s ease-in-out 7.7s infinite, auth-case-float 4.5s ease-in-out 7.7s infinite;
}

.activate__case-img{
   display:block;
   width:100%;
   height:auto;
}

.activate__case-img--frozen{
   position:relative;
   z-index:1;
   animation:ac-fade-out 2.2s ease-in-out 6.0s forwards;
}

.activate__case-img--defrosted{
   position:absolute;
   left:0;
   top:0;
   z-index:2;
   opacity:0;
   animation:ac-fade-in 2.2s ease-in-out 6.0s forwards;
}

.activate__cta{
   position:absolute;
   left:50%;
   top:62%;
   transform:translateX(-50%);
   z-index:5;
   width:92%;
   display:flex;
   flex-direction:column;
   align-items:center;
   gap:2rem;
   text-align:center;
   pointer-events:none;
}

.activate__cta-title{
   margin:0;
   line-height:1.25;
   text-shadow:0 0 12px rgba(255, 255, 255, 0.5);
   opacity:0;
   animation:auth-fade-up 0.7s ease-out 7.8s forwards;
}

.activate__btn-wrap{
   display:inline-block;
   opacity:0;
   animation:auth-fade-up 0.7s ease-out 8.1s forwards;
   position:relative;
   isolation:isolate;
}

.activate__btn-wrap .auth-btn{
   padding:1.5rem 4.8rem;
   border-radius:2rem;
   font-size:clamp(1.9rem, 1vw + 1.4rem, 2.8rem);
}

@media (min-width: 1024px) and (max-width: 1919px){
   .activate__case{
      width:30%;
   }
   .activate__cta-title{
      font-size:clamp(1.45rem, 0.7vw + 1.1rem, 2.1rem);
   }
   .activate__btn-wrap .auth-btn{
      padding:1.1rem 3.4rem;
      border-radius:1.6rem;
      font-size:clamp(1.5rem, 0.7vw + 1.15rem, 2.1rem);
   }
}

@media (min-width: 768px) and (max-width: 1023px){
   .activate__case{
      top:38%;
      width:72%;
   }
   .activate__heading{
      font-size:clamp(1.4rem, 0.9vw + 1.05rem, 2.1rem);
   }
}

@media (max-width: 767px){
   .activate__heading{
      top:6%;
      font-size:clamp(1.15rem, 4.6vw, 1.55rem);
      line-height:1.28;
   }
   .activate__case{
      top:42%;
      width:76%;
   }
   .activate__cta{
      top:62%;
      gap:1.1rem;
   }
   .activate__cta-title{
      font-size:clamp(0.95rem, 3.6vw, 1.25rem);
      line-height:1.25;
   }
   .activate__btn-wrap .auth-btn{
      padding:0.7rem 1.7rem;
      border-radius:0.95rem;
      font-size:clamp(0.9rem, 3.4vw, 1.15rem);
   }
}

.activate__btn-wrap::before,
.activate__btn-wrap::after{
   content:"";
   position:absolute;
   inset:-3px;
   border-radius:2.15rem;
   z-index:-1;
   background:conic-gradient(from var(--calib-angle),
      #77FBFF 0%,
      #A85CFF 25%,
      #77FBFF 50%,
      #A85CFF 75%,
      #77FBFF 100%);
   animation:calib-border-spin 3.4s linear infinite;
   transition:transform 0.15s ease;
}

.activate__btn-wrap::after{
   inset:-6px;
   border-radius:2.3rem;
   filter:blur(10px);
   opacity:0.65;
}

.activate__btn-wrap:hover::before,
.activate__btn-wrap:hover::after{ transform:translateY(-2px); }

.activate__btn-wrap:active::before,
.activate__btn-wrap:active::after{ transform:translateY(1px); }