/* =========================================================
   PRIMESCAPE INFOSOFT
   SCENE 06 — COMPLETE REDESIGN

   AI → DIGITAL SECURITY SCREENING

   REFERENCE:
   CINEMATIC DIGITAL SCREENING GATE
========================================================= */


/* =========================================================
   AI EXIT
========================================================= */

.ps-scene-ai.ps-s06-exit .ps-scene-content {
    opacity: .1;

    transform:
        translate3d(-40px,-25px,0);

    filter:
        blur(4px);

    transition:
        .7s cubic-bezier(.7,0,.2,1);
}


.ps-scene-ai.ps-s06-exit .ps-ai-lines {
    opacity: 0 !important;

    transition:
        opacity .35s ease !important;
}


.ps-scene-ai.ps-s06-exit .ps-ai-node {
    opacity: 0 !important;

    transform:
        scale(.12) !important;

    filter:
        blur(10px);

    transition:
        .65s cubic-bezier(.7,0,.2,1) !important;
}


.ps-scene-ai.ps-s06-exit .ps-ai-core {
    opacity: 0 !important;

    transform:
        scale(.15) !important;

    filter:
        blur(14px);

    animation:
        none !important;

    transition:
        .75s cubic-bezier(.7,0,.2,1) !important;
}


/* =========================================================
   SECURITY SCENE
========================================================= */

.ps-scene-security {
    position: relative;

    overflow: hidden;

    isolation: isolate;
}


/* =========================================================
   COPY
========================================================= */

.ps-scene-security .ps-scene-number,
.ps-scene-security .ps-scene-label,
.ps-scene-security .ps-scene-content h3,
.ps-scene-security .ps-scene-content > p,
.ps-scene-security .ps-scene-tags {
    opacity: 0;

    transform:
        translateY(35px);
}


.ps-scene-security.ps-s06-enter .ps-scene-number,
.ps-scene-security.ps-s06-enter .ps-scene-label,
.ps-scene-security.ps-s06-enter .ps-scene-content h3,
.ps-scene-security.ps-s06-enter .ps-scene-content > p,
.ps-scene-security.ps-s06-enter .ps-scene-tags {
    opacity: 1;

    transform:
        translateY(0);
}


.ps-scene-security.ps-s06-enter .ps-scene-number {
    transition:
        .65s ease .05s;
}


.ps-scene-security.ps-s06-enter .ps-scene-label {
    transition:
        .65s ease .12s;
}


.ps-scene-security.ps-s06-enter .ps-scene-content h3 {
    transition:
        .8s cubic-bezier(.16,1,.3,1) .2s;
}


.ps-scene-security.ps-s06-enter .ps-scene-content > p {
    transition:
        .75s cubic-bezier(.16,1,.3,1) .32s;
}


.ps-scene-security.ps-s06-enter .ps-scene-tags {
    transition:
        .75s cubic-bezier(.16,1,.3,1) .45s;
}


/* =========================================================
   MAIN CYBER MODULE
========================================================= */

.ps-cyber-screening {
    position: relative;

    width: min(100%, 760px);

    min-height: 520px;

    border:
        1px solid rgba(75,145,165,.18);

    border-radius:
        24px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(9,20,29,.97),
            rgba(7,17,25,.98)
        );

    box-shadow:
        0 30px 90px rgba(0,0,0,.18),
        inset 0 0 60px rgba(41,193,220,.025);

    opacity: 0;

    transform:
        perspective(1200px)
        rotateY(-7deg)
        translate3d(80px,55px,0)
        scale(.86);

    filter:
        blur(9px);
}


.ps-scene-security.ps-s06-enter
.ps-cyber-screening {
    opacity: 1;

    transform:
        perspective(1200px)
        rotateY(0)
        translate3d(0,0,0)
        scale(1);

    filter:
        blur(0);

    transition:
        opacity .75s ease .2s,
        transform 1.2s cubic-bezier(.16,1,.3,1) .2s,
        filter .8s ease .2s;
}


/* =========================================================
   HUD
========================================================= */

.ps-cyber-hud {
    height: 54px;

    padding:
        0 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom:
        1px solid rgba(77,174,194,.12);

    background:
        rgba(6,18,27,.82);

    font-size:
        9px;

    letter-spacing:
        .14em;

    color:
        rgba(166,205,214,.72);
}


.ps-cyber-hud-left,
.ps-cyber-hud-right {
    display: flex;

    align-items: center;

    gap: 8px;
}


.ps-cyber-hud-right strong {
    color:
        #61dfc4;

    font-size:
        9px;
}


.ps-cyber-live-dot {
    width: 7px;
    height: 7px;

    border-radius:
        50%;

    background:
        #61dfc4;

    box-shadow:
        0 0 14px rgba(97,223,196,.7);

    animation:
        psCyberLive 1.6s ease-in-out infinite;
}


@keyframes psCyberLive {

    50% {
        opacity: .35;
    }

}


/* =========================================================
   ENVIRONMENT
========================================================= */

.ps-screening-space {
    position: relative;

    min-height: 400px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(36,177,212,.10),
            transparent 28%
        ),
        linear-gradient(
            90deg,
            rgba(9,21,30,1),
            rgba(8,25,35,.97) 50%,
            rgba(7,23,28,1)
        );
}


/* =========================================================
   DIGITAL GRID
========================================================= */

.ps-cyber-depth-grid {
    position: absolute;

    inset:
        0;

    opacity:
        .28;

    background-image:
        linear-gradient(
            rgba(72,172,195,.10) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(72,172,195,.08) 1px,
            transparent 1px
        );

    background-size:
        38px 38px;

    transform:
        perspective(500px)
        rotateX(54deg)
        scale(1.7);

    transform-origin:
        center bottom;
}


/* =========================================================
   LEFT / RIGHT ZONES
========================================================= */

.ps-cyber-incoming,
.ps-cyber-secure-zone {
    position: absolute;

    top:
        0;

    bottom:
        0;

    width:
        43%;
}


.ps-cyber-incoming {
    left:
        0;
}


.ps-cyber-secure-zone {
    right:
        0;
}


.ps-zone-title {
    position: absolute;

    top:
        22px;

    left:
        20px;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .17em;

    color:
        rgba(133,183,195,.58);
}


.ps-cyber-secure-zone .ps-zone-title {
    left:
        auto;

    right:
        20px;
}


/* =========================================================
   STREAM LINES
========================================================= */

.ps-data-stream {
    position: absolute;

    left:
        -40px;

    width:
        72%;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(69,196,221,.55)
        );

    transform-origin:
        right center;

    opacity:
        0;
}


.ps-stream-1 {
    top:
        31%;

    transform:
        rotate(6deg);
}


.ps-stream-2 {
    top:
        51%;
}


.ps-stream-3 {
    top:
        70%;

    transform:
        rotate(-7deg);
}


.ps-scene-security.ps-s06-screening
.ps-data-stream {
    opacity:
        1;

    animation:
        psStreamPulse
        1.8s
        linear
        infinite;
}


@keyframes psStreamPulse {

    50% {
        opacity:
            .35;
    }

}


/* STREAM PARTICLES */

.ps-data-stream i {
    position:
        absolute;

    width:
        4px;

    height:
        4px;

    right:
        0;

    top:
        -2px;

    border-radius:
        50%;

    background:
        #66def1;

    box-shadow:
        0 0 10px rgba(102,222,241,.8);
}


.ps-data-stream i:nth-child(2) {
    right:
        20%;
}


.ps-data-stream i:nth-child(3) {
    right:
        42%;
}


.ps-data-stream i:nth-child(4) {
    right:
        65%;
}


.ps-data-stream i:nth-child(5) {
    right:
        83%;
}


/* =========================================================
   SCREENING GATE
========================================================= */

.ps-screening-gate {
    position: absolute;

    width:
        14%;

    height:
        88%;

    left:
        50%;

    top:
        50%;

    transform:
        translate(-50%,-50%);

    z-index:
        20;
}


/* AURA */

.ps-gate-aura {
    position:
        absolute;

    width:
        230px;

    height:
        100%;

    left:
        50%;

    top:
        50%;

    transform:
        translate(-50%,-50%)
        scaleX(.25);

    opacity:
        0;

    background:
        radial-gradient(
            ellipse,
            rgba(65,211,235,.18),
            rgba(63,181,212,.06) 43%,
            transparent 72%
        );
}


.ps-scene-security.ps-s06-screening
.ps-gate-aura {
    opacity:
        1;

    transform:
        translate(-50%,-50%)
        scaleX(1);

    transition:
        opacity .6s ease,
        transform .9s cubic-bezier(.16,1,.3,1);
}


/* GATE SIDE FRAMES */

.ps-gate-frame {
    position:
        absolute;

    top:
        0;

    height:
        100%;

    width:
        1px;

    background:
        rgba(103,218,237,.30);

    opacity:
        0;
}


.gate-frame-left {
    left:
        5px;
}


.gate-frame-right {
    right:
        5px;
}


.ps-scene-security.ps-s06-screening
.ps-gate-frame {
    opacity:
        1;

    box-shadow:
        0 0 10px rgba(97,218,239,.3);

    transition:
        opacity .5s ease;
}


/* =========================================================
   CENTRAL SCREENING BEAM
========================================================= */

.ps-gate-beam {
    position:
        absolute;

    width:
        11px;

    height:
        100%;

    left:
        50%;

    top:
        50%;

    transform:
        translate(-50%,-50%)
        scaleY(.06);

    opacity:
        0;

    transform-origin:
        center;
}


.ps-beam-core {
    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            180deg,
            transparent,
            #74e7f6 12%,
            #d7fbff 50%,
            #74e7f6 88%,
            transparent
        );

    box-shadow:
        0 0 10px #62dff1,
        0 0 30px rgba(73,218,240,.8),
        0 0 80px rgba(73,218,240,.42);
}


.ps-beam-light {
    position:
        absolute;

    width:
        85px;

    height:
        100%;

    left:
        50%;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(90,225,245,.12),
            rgba(120,239,250,.26),
            rgba(90,225,245,.12),
            transparent
        );
}


.ps-scene-security.ps-s06-screening
.ps-gate-beam {
    opacity:
        1;

    transform:
        translate(-50%,-50%)
        scaleY(1);

    transition:
        opacity .25s ease,
        transform .8s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   MOVING SCANNER
========================================================= */

.ps-gate-scan-line {
    position:
        absolute;

    left:
        -80px;

    width:
        160px;

    height:
        2px;

    top:
        0;

    opacity:
        0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #a5f5ff,
            transparent
        );

    box-shadow:
        0 0 18px rgba(119,235,248,.8);
}


.ps-scene-security.ps-s06-screening
.ps-gate-scan-line {
    opacity:
        1;

    animation:
        psScreenSweep
        1.7s
        cubic-bezier(.4,0,.2,1)
        infinite;
}


@keyframes psScreenSweep {

    0% {
        top:
            4%;
    }

    100% {
        top:
            96%;
    }

}


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

.ps-gate-label {
    position:
        absolute;

    left:
        50%;

    top:
        50%;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    gap:
        4px;

    transform:
        translate(-50%,-50%);

    opacity:
        0;

    writing-mode:
        vertical-rl;

    text-orientation:
        mixed;

    pointer-events:
        none;
}


.ps-gate-label small,
.ps-gate-label span {
    font-size:
        6px;

    letter-spacing:
        .2em;

    color:
        rgba(158,228,238,.6);
}


.ps-gate-label strong {
    font-size:
        8px;

    letter-spacing:
        .25em;

    color:
        #c9f8ff;
}


.ps-scene-security.ps-s06-screening
.ps-gate-label {
    opacity:
        1;

    transition:
        opacity .5s ease .4s;
}


/* =========================================================
   SCAN %
========================================================= */

.ps-gate-percentage {
    position:
        absolute;

    left:
        50%;

    bottom:
        -18px;

    transform:
        translateX(-50%);

    display:
        flex;

    align-items:
        baseline;

    gap:
        2px;

    opacity:
        0;

    color:
        #87e8f4;
}


.ps-gate-percentage strong {
    font-size:
        13px;
}


.ps-gate-percentage span {
    font-size:
        7px;
}


.ps-scene-security.ps-s06-screening
.ps-gate-percentage {
    opacity:
        1;
}


/* =========================================================
   PACKETS
========================================================= */

.ps-cyber-packet {
    position:
        absolute;

    min-width:
        46px;

    padding:
        7px 9px;

    border-radius:
        6px;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        .08em;

    opacity:
        0;

    transform:
        translateX(-110px);
}


/* CLEAN PACKETS */

.packet-clean {
    color:
        rgba(147,232,242,.8);

    border:
        1px solid rgba(83,195,216,.20);

    background:
        rgba(19,68,82,.22);
}


.packet-clean-1 {
    top:
        27%;

    left:
        15%;
}


.packet-clean-2 {
    top:
        49%;

    left:
        7%;
}


.packet-clean-3 {
    top:
        68%;

    left:
        18%;
}


/* THREAT PACKETS */

.packet-threat {
    color:
        #ff8b96;

    border:
        1px solid rgba(255,76,90,.38);

    background:
        rgba(108,17,28,.22);

    box-shadow:
        0 0 14px rgba(255,65,79,.08);
}


.packet-threat-1 {
    top:
        38%;

    left:
        19%;
}


.packet-threat-2 {
    top:
        58%;

    left:
        12%;
}


.packet-threat-3 {
    top:
        77%;

    left:
        23%;
}


/* =========================================================
   PACKETS MOVE TOWARD GATE
========================================================= */

.ps-scene-security.ps-s06-traffic
.packet-clean-1 {
    animation:
        psCleanPacket
        2.2s
        ease
        .05s
        forwards;
}


.ps-scene-security.ps-s06-traffic
.packet-clean-2 {
    animation:
        psCleanPacket
        2.3s
        ease
        .3s
        forwards;
}


.ps-scene-security.ps-s06-traffic
.packet-clean-3 {
    animation:
        psCleanPacket
        2.15s
        ease
        .55s
        forwards;
}


@keyframes psCleanPacket {

    0% {
        opacity:
            0;

        transform:
            translateX(-100px);
    }

    25% {
        opacity:
            1;
    }

    100% {
        opacity:
            1;

        transform:
            translateX(210px);
    }

}


/* THREAT PACKETS HIT FIREWALL */

.ps-scene-security.ps-s06-threat
.packet-threat-1 {
    animation:
        psThreatHit
        1.4s
        ease
        forwards;
}


.ps-scene-security.ps-s06-threat
.packet-threat-2 {
    animation:
        psThreatHit
        1.4s
        ease
        .18s
        forwards;
}


.ps-scene-security.ps-s06-threat
.packet-threat-3 {
    animation:
        psThreatHit
        1.4s
        ease
        .36s
        forwards;
}


@keyframes psThreatHit {

    0% {
        opacity:
            0;

        transform:
            translateX(-90px);
    }

    25% {
        opacity:
            1;
    }

    72% {
        opacity:
            1;

        transform:
            translateX(185px)
            scale(1);
    }

    82% {
        color:
            #ff3e51;

        box-shadow:
            0 0 22px rgba(255,55,72,.55);

        transform:
            translateX(188px)
            scale(1.15);
    }

    100% {
        opacity:
            0;

        transform:
            translateX(130px)
            scale(.3);
    }

}


/* =========================================================
   FIREWALL IMPACT FLASH
========================================================= */

.ps-scene-security.ps-s06-threat
.ps-beam-core {
    animation:
        psFirewallImpact
        1.1s
        ease
        .8s;
}


@keyframes psFirewallImpact {

    0%,
    100% {
        filter:
            none;
    }

    28% {
        background:
            #ff4055;

        box-shadow:
            0 0 18px #ff4055,
            0 0 70px rgba(255,51,70,.65);
    }

}


/* =========================================================
   THREAT ALERTS
========================================================= */

.ps-threat-alert {
    position:
        absolute;

    left:
        51%;

    z-index:
        40;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    width:
        145px;

    padding:
        9px 11px;

    border:
        1px solid rgba(255,78,91,.34);

    border-radius:
        8px;

    background:
        rgba(56,11,18,.88);

    box-shadow:
        0 8px 25px rgba(0,0,0,.18),
        0 0 20px rgba(255,51,69,.07);

    opacity:
        0;

    transform:
        translateX(30px)
        scale(.75);
}


.threat-alert-1 {
    top:
        21%;
}


.threat-alert-2 {
    top:
        67%;
}


.ps-threat-alert > span {
    color:
        #ff5362;

    font-size:
        18px;
}


.ps-threat-alert div {
    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;
}


.ps-threat-alert small {
    color:
        rgba(255,130,139,.65);

    font-size:
        6px;

    letter-spacing:
        .16em;
}


.ps-threat-alert strong {
    color:
        #ff8d96;

    font-size:
        7px;

    letter-spacing:
        .08em;
}


.ps-scene-security.ps-s06-blocked
.threat-alert-1 {
    animation:
        psThreatAlert
        1.6s
        cubic-bezier(.16,1,.3,1)
        forwards;
}


.ps-scene-security.ps-s06-blocked
.threat-alert-2 {
    animation:
        psThreatAlert
        1.6s
        cubic-bezier(.16,1,.3,1)
        .25s
        forwards;
}


@keyframes psThreatAlert {

    0% {
        opacity:
            0;

        transform:
            translateX(30px)
            scale(.75);
    }

    20%,
    72% {
        opacity:
            1;

        transform:
            translateX(0)
            scale(1);
    }

    100% {
        opacity:
            0;

        transform:
            translateX(12px)
            scale(.92);
    }

}


/* =========================================================
   VERIFIED CORE
========================================================= */

.ps-secure-core {
    position:
        absolute;

    width:
        150px;

    height:
        150px;

    left:
        50%;

    top:
        50%;

    transform:
        translate(-50%,-50%)
        scale(.2);

    border-radius:
        50%;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        3px;

    opacity:
        0;

    border:
        1px solid rgba(76,225,196,.16);

    background:
        radial-gradient(
            circle,
            rgba(61,199,181,.16),
            rgba(16,66,65,.09) 50%,
            transparent 72%
        );
}


.ps-scene-security.ps-s06-secure
.ps-secure-core {
    opacity:
        1;

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

    transition:
        opacity .5s ease,
        transform 1s cubic-bezier(.12,.9,.18,1);
}


.ps-secure-check {
    width:
        34px;

    height:
        34px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    border:
        1px solid rgba(92,228,202,.38);

    margin-bottom:
        5px;
}


.ps-secure-check i {
    width:
        13px;

    height:
        7px;

    border-left:
        2px solid #60ddbd;

    border-bottom:
        2px solid #60ddbd;

    transform:
        rotate(-45deg)
        translate(1px,-1px);
}


.ps-secure-core small {
    font-size:
        6px;

    letter-spacing:
        .18em;

    color:
        rgba(123,205,193,.55);
}


.ps-secure-core strong {
    font-size:
        15px;

    letter-spacing:
        .11em;

    color:
        #b8f5e8;
}


.ps-secure-core em {
    font-style:
        normal;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        .22em;

    color:
        #5bd7b8;
}


/* =========================================================
   SECURE ORBITS
========================================================= */

.ps-secure-orbit {
    position:
        absolute;

    left:
        50%;

    top:
        50%;

    border-radius:
        50%;

    opacity:
        0;

    border:
        1px solid rgba(74,209,184,.13);
}


.orbit-one {
    width:
        220px;

    height:
        220px;

    transform:
        translate(-50%,-50%)
        scale(.3);
}


.orbit-two {
    width:
        290px;

    height:
        290px;

    transform:
        translate(-50%,-50%)
        scale(.3);
}


.ps-scene-security.ps-s06-secure
.ps-secure-orbit {
    opacity:
        1;

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

    transition:
        opacity .5s ease .2s,
        transform 1.1s cubic-bezier(.16,1,.3,1) .2s;
}


/* =========================================================
   VERIFIED PACKETS
========================================================= */

.ps-verified-packet {
    position:
        absolute;

    left:
        -10%;

    padding:
        6px 8px;

    font-size:
        6px;

    font-weight:
        700;

    letter-spacing:
        .09em;

    color:
        #87e1d1;

    border:
        1px solid rgba(94,216,195,.18);

    border-radius:
        6px;

    background:
        rgba(19,77,72,.20);

    opacity:
        0;
}


.verified-1 {
    top:
        28%;
}


.verified-2 {
    top:
        52%;
}


.verified-3 {
    top:
        72%;
}


.ps-scene-security.ps-s06-secure
.verified-1 {
    animation:
        psVerifiedPacket
        1.3s
        ease
        forwards;
}


.ps-scene-security.ps-s06-secure
.verified-2 {
    animation:
        psVerifiedPacket
        1.35s
        ease
        .18s
        forwards;
}


.ps-scene-security.ps-s06-secure
.verified-3 {
    animation:
        psVerifiedPacket
        1.4s
        ease
        .35s
        forwards;
}


@keyframes psVerifiedPacket {

    0% {
        opacity:
            0;

        left:
            -8%;
    }

    30% {
        opacity:
            1;
    }

    100% {
        opacity:
            .82;

        left:
            70%;
    }

}


/* =========================================================
   FINAL RESULT PANEL
========================================================= */

.ps-screen-result {
    position:
        absolute;

    z-index:
        60;

    left:
        50%;

    bottom:
        18px;

    transform:
        translate(-50%,30px)
        scale(.88);

    width:
        min(85%, 360px);

    padding:
        10px 14px;

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    border:
        1px solid rgba(87,220,195,.20);

    border-radius:
        10px;

    background:
        rgba(8,42,43,.88);

    box-shadow:
        0 10px 28px rgba(0,0,0,.15),
        0 0 30px rgba(68,205,182,.06);

    opacity:
        0;
}


.ps-result-check {
    width:
        30px;

    height:
        30px;

    flex:
        0 0 30px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        rgba(83,218,190,.12);

    color:
        #65e0bf;

    font-size:
        16px;
}


.ps-screen-result div {
    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;
}


.ps-screen-result small {
    font-size:
        6px;

    letter-spacing:
        .15em;

    color:
        rgba(117,207,193,.56);
}


.ps-screen-result strong {
    font-size:
        11px;

    letter-spacing:
        .12em;

    color:
        #a9f2e2;
}


.ps-screen-result em {
    font-style:
        normal;

    font-size:
        6px;

    letter-spacing:
        .08em;

    color:
        rgba(133,215,202,.65);
}


.ps-scene-security.ps-s06-complete
.ps-screen-result {
    opacity:
        1;

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

    transition:
        opacity .5s ease,
        transform .8s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   TELEMETRY
========================================================= */

.ps-cyber-telemetry {
    min-height:
        64px;

    padding:
        0 20px;

    display:
        grid;

    grid-template-columns:
        repeat(3,1fr);

    align-items:
        center;

    border-top:
        1px solid rgba(77,174,194,.12);

    background:
        rgba(7,18,26,.92);
}


.ps-cyber-telemetry > div {
    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        3px;

    padding-left:
        15px;

    border-left:
        1px solid rgba(84,164,180,.10);
}


.ps-cyber-telemetry > div:first-child {
    border-left:
        0;

    padding-left:
        0;
}


.ps-cyber-telemetry span {
    font-size:
        6px;

    letter-spacing:
        .12em;

    color:
        rgba(131,182,193,.52);
}


.ps-cyber-telemetry strong {
    font-size:
        12px;

    color:
        rgba(162,220,230,.88);
}


.ps-scene-security.ps-s06-complete
.ps-security-status-text {
    color:
        #63dcbc;
}


.ps-scene-security.ps-s06-complete
.ps-security-status-text::after {
    content:
        " COMPLETE";
}


/* =========================================================
   FINAL BREATHING EFFECT
========================================================= */

.ps-scene-security.ps-s06-complete
.ps-secure-core {
    animation:
        psSecureCoreLife
        4.8s
        ease-in-out
        infinite;
}


@keyframes psSecureCoreLife {

    50% {
        filter:
            brightness(1.1)
            drop-shadow(
                0 0 20px
                rgba(82,216,190,.14)
            );
    }

}


/* =========================================================
   TOUCH
========================================================= */

.ps-cyber-screening.ps-s06-touch {
    animation:
        psCyberTouch
        .4s
        cubic-bezier(.22,1,.36,1);
}


@keyframes psCyberTouch {

    50% {
        transform:
            scale(.985);
    }

}


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

@media (max-width: 760px) {

    .ps-cyber-screening {
        min-height:
            450px;
    }


    .ps-screening-space {
        min-height:
            342px;
    }


    .ps-cyber-hud {
        padding:
            0 13px;

        font-size:
            7px;
    }


    .ps-cyber-telemetry {
        padding:
            0 12px;
    }


    .ps-cyber-telemetry span {
        font-size:
            5px;
    }


    .ps-cyber-telemetry strong {
        font-size:
            9px;
    }


    .ps-cyber-packet {
        min-width:
            35px;

        padding:
            5px;

        font-size:
            5px;
    }


    .ps-threat-alert {
        width:
            112px;
    }


    .ps-threat-alert strong {
        font-size:
            5px;
    }


    .ps-secure-core {
        width:
            110px;

        height:
            110px;
    }


    .orbit-one {
        width:
            165px;

        height:
            165px;
    }


    .orbit-two {
        width:
            215px;

        height:
            215px;
    }


    .ps-screen-result strong {
        font-size:
            8px;
    }


    .ps-screen-result em {
        display:
            none;
    }

}


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

@media (prefers-reduced-motion: reduce) {

    .ps-scene-security *,
    .ps-scene-ai.ps-s06-exit * {
        animation:
            none !important;

        transition-duration:
            .01ms !important;
    }

}