/* =========================================================
   PLOCAL — WHAT HAPPENS AFTER SUBMISSION
========================================================= */


/* =========================================================
   01. SECTION BASE
========================================================= */

.plocal-submit-process,
.plocal-submit-process * {
    box-sizing: border-box;
}


.plocal-submit-process {
    position: relative;
    z-index: 1;
    isolation: isolate;

    overflow: hidden;

    padding:
        clamp(90px, 8vw, 128px)
        0
        clamp(95px, 8vw, 135px);

    background:
        radial-gradient(
            circle at 4% 7%,
            rgba(25, 101, 238, 0.52) 0%,
            rgba(19, 75, 183, 0.18) 19%,
            transparent 38%
        ),
        radial-gradient(
            circle at 96% 11%,
            rgba(36, 189, 199, 0.14) 0%,
            transparent 31%
        ),
        radial-gradient(
            circle at 58% 105%,
            rgba(28, 91, 196, 0.25) 0%,
            transparent 39%
        ),
        linear-gradient(
            135deg,
            #082f78 0%,
            var(--theme-color2) 27%,
            var(--color-dark) 63%,
            var(--footer-bg) 100%
        );

    color: var(--color-white);
}


.plocal-submit-process::before {
    position: absolute;
    inset: 0;
    z-index: -2;

    content: "";

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.035),
            transparent 42%
        );

    pointer-events: none;
}


.plocal-submit-process::after {
    position: absolute;
    right: 6%;
    bottom: 0;
    left: 6%;
    z-index: 5;

    height: 1px;

    content: "";

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(98, 211, 218, 0.14),
            rgba(98, 211, 218, 0.62),
            rgba(98, 211, 218, 0.14),
            transparent
        );

    pointer-events: none;
}


.plocal-submit-process__container {
    position: relative;
    z-index: 3;
}


/* =========================================================
   02. BACKGROUND DECORATION
========================================================= */

.plocal-submit-process__background {
    position: absolute;
    inset: 0;
    z-index: -1;

    overflow: hidden;

    pointer-events: none;
}


.plocal-submit-process__background::before {
    position: absolute;
    inset: -80px;

    content: "";

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.019) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.019) 1px,
            transparent 1px
        );

    background-size: 68px 68px;

    opacity: 0.63;

    -webkit-mask-image:
        radial-gradient(
            ellipse at 50% 47%,
            #000,
            rgba(0, 0, 0, 0.68) 48%,
            transparent 84%
        );

    mask-image:
        radial-gradient(
            ellipse at 50% 47%,
            #000,
            rgba(0, 0, 0, 0.68) 48%,
            transparent 84%
        );

    animation:
        plocalSubmitProcessGridMove
        48s linear infinite;
}


.plocal-submit-process__background::after {
    position: absolute;
    top: -50%;
    bottom: -50%;
    left: -30%;

    width: 17%;

    content: "";

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.075),
            rgba(98, 211, 218, 0.065),
            transparent
        );

    filter: blur(7px);

    opacity: 0;

    transform: skewX(-18deg);

    animation:
        plocalSubmitProcessBackgroundScan
        20s linear infinite;
}


/* =========================================================
   03. GLOWS
========================================================= */

.plocal-submit-process__glow {
    position: absolute;

    border-radius: 50%;

    filter: blur(34px);
}


.plocal-submit-process__glow--one {
    top: -430px;
    left: -350px;

    width: 900px;
    height: 900px;

    background:
        radial-gradient(
            circle,
            rgba(29, 107, 255, 0.44),
            rgba(36, 189, 199, 0.08) 46%,
            transparent 72%
        );

    animation:
        plocalSubmitProcessGlowOne
        15s ease-in-out infinite alternate;
}


.plocal-submit-process__glow--two {
    top: -360px;
    right: -330px;

    width: 820px;
    height: 820px;

    background:
        radial-gradient(
            circle,
            rgba(36, 189, 199, 0.19),
            transparent 72%
        );

    animation:
        plocalSubmitProcessGlowTwo
        18s ease-in-out infinite alternate;
}


.plocal-submit-process__glow--three {
    right: 12%;
    bottom: -420px;

    width: 740px;
    height: 740px;

    background:
        radial-gradient(
            circle,
            rgba(30, 91, 211, 0.25),
            rgba(36, 189, 199, 0.06) 45%,
            transparent 72%
        );

    animation:
        plocalSubmitProcessGlowThree
        17s ease-in-out infinite alternate;
}


/* =========================================================
   04. DOT PATTERNS
========================================================= */

.plocal-submit-process__dots {
    position: absolute;

    background-image:
        radial-gradient(
            circle,
            rgba(98, 211, 218, 0.58) 1.4px,
            transparent 1.9px
        );

    background-size: 14px 14px;
}


.plocal-submit-process__dots--one {
    top: 65px;
    left: -15px;

    width: 290px;
    height: 175px;

    opacity: 0.29;

    -webkit-mask-image:
        linear-gradient(
            135deg,
            #000,
            transparent
        );

    mask-image:
        linear-gradient(
            135deg,
            #000,
            transparent
        );

    animation:
        plocalSubmitProcessDotsOne
        10s ease-in-out infinite;
}


.plocal-submit-process__dots--two {
    right: -25px;
    bottom: 32px;

    width: 320px;
    height: 210px;

    opacity: 0.19;

    -webkit-mask-image:
        linear-gradient(
            315deg,
            #000,
            transparent
        );

    mask-image:
        linear-gradient(
            315deg,
            #000,
            transparent
        );

    animation:
        plocalSubmitProcessDotsTwo
        12s ease-in-out infinite;
}


/* =========================================================
   05. BACKGROUND ORBITS
========================================================= */

.plocal-submit-process__orbit {
    position: absolute;

    border:
        1px solid
        rgba(98, 211, 218, 0.16);

    border-radius: 50%;
}


.plocal-submit-process__orbit--one {
    top: -510px;
    left: -320px;

    width: 850px;
    height: 850px;

    animation:
        plocalSubmitProcessOrbitOne
        60s linear infinite;
}


.plocal-submit-process__orbit--two {
    top: -370px;
    right: -320px;

    width: 760px;
    height: 760px;

    border-style: dashed;

    animation:
        plocalSubmitProcessOrbitTwo
        67s linear infinite;
}


.plocal-submit-process__orbit--three {
    right: -390px;
    bottom: -490px;

    width: 850px;
    height: 850px;

    opacity: 0.45;

    animation:
        plocalSubmitProcessOrbitThree
        72s linear infinite;
}


.plocal-submit-process__orbit::before {
    position: absolute;

    content: "";

    border-radius: 50%;

    background: var(--color-skyblue);

    box-shadow:
        0 0 0 5px rgba(98, 211, 218, 0.1),
        0 0 25px rgba(98, 211, 218, 0.65);
}


.plocal-submit-process__orbit--one::before {
    top: 155px;
    right: 78px;

    width: 9px;
    height: 9px;
}


.plocal-submit-process__orbit--two::before {
    bottom: 120px;
    left: 66px;

    width: 8px;
    height: 8px;
}


.plocal-submit-process__orbit--three::before {
    top: 119px;
    left: 97px;

    width: 7px;
    height: 7px;
}


/* =========================================================
   06. WAVES AND NODES
========================================================= */

.plocal-submit-process__wave {
    position: absolute;

    width: 790px;
    height: 320px;

    border:
        1px solid
        rgba(98, 211, 218, 0.11);

    border-radius: 50%;
}


.plocal-submit-process__wave--one {
    right: -260px;
    bottom: -230px;

    box-shadow:
        0 0 0 29px rgba(98, 211, 218, 0.016),
        0 0 0 58px rgba(98, 211, 218, 0.011),
        0 0 0 87px rgba(98, 211, 218, 0.008);

    transform: rotate(-8deg);

    animation:
        plocalSubmitProcessWaveOne
        16s ease-in-out infinite;
}


.plocal-submit-process__wave--two {
    bottom: -270px;
    left: -270px;

    border-style: dashed;

    opacity: 0.45;

    transform: rotate(9deg);

    animation:
        plocalSubmitProcessWaveTwo
        19s ease-in-out infinite;
}


.plocal-submit-process__background-node {
    position: absolute;

    border-radius: 50%;

    background: var(--color-skyblue);

    box-shadow:
        0 0 0 5px rgba(98, 211, 218, 0.1),
        0 0 24px rgba(98, 211, 218, 0.67);
}


.plocal-submit-process__background-node--one {
    top: 7%;
    left: 23%;

    width: 8px;
    height: 8px;

    animation:
        plocalSubmitProcessNodePulse
        4.4s ease-in-out infinite;
}


.plocal-submit-process__background-node--two {
    top: 11%;
    right: 18%;

    width: 7px;
    height: 7px;

    animation:
        plocalSubmitProcessNodePulse
        5.2s ease-in-out -1.5s infinite;
}


.plocal-submit-process__background-node--three {
    right: 5%;
    bottom: 25%;

    width: 6px;
    height: 6px;

    animation:
        plocalSubmitProcessNodePulse
        5.8s ease-in-out -2.4s infinite;
}


/* =========================================================
   07. HEADER
========================================================= */

.plocal-submit-process__header {
    max-width: 1020px;

    margin:
        0
        auto
        clamp(54px, 6vw, 78px);

    text-align: center;

    opacity: 0;

    animation:
        plocalSubmitProcessHeaderReveal
        0.85s
        cubic-bezier(0.22, 1, 0.36, 1)
        0.04s
        forwards;
}


.plocal-submit-process__eyebrow {
    position: relative;

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

    gap: 11px;

    margin-bottom: 24px;
    padding:
        8px
        18px
        8px
        8px;

    overflow: hidden;

    border:
        1px solid
        rgba(98, 211, 218, 0.48);

    border-radius: 999px;

    background:
        rgba(3, 28, 73, 0.58);

    color: var(--color-skyblue);

    font-family: var(--body-font);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.17em;
    text-transform: uppercase;

    box-shadow:
        0 13px 30px
        rgba(0, 0, 0, 0.2),

        inset 0 1px 0
        rgba(255, 255, 255, 0.08);

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

    animation:
        plocalSubmitProcessEyebrowFloat
        4.8s ease-in-out infinite;
}


.plocal-submit-process__eyebrow::after {
    position: absolute;
    top: -50%;
    bottom: -50%;
    left: -42%;

    width: 27%;

    content: "";

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

    transform: skewX(-18deg);

    animation:
        plocalSubmitProcessEyebrowShine
        6.8s ease-in-out infinite;
}


.plocal-submit-process__eyebrow-icon {
    display: grid;
    place-items: center;

    flex: 0 0 auto;

    width: 33px;
    height: 33px;

    border:
        1px solid
        rgba(255, 255, 255, 0.18);

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            var(--theme-color),
            var(--color-skyblue)
        );

    color: var(--color-white);

    font-size: 13px;

    box-shadow:
        0 9px 21px
        rgba(36, 189, 199, 0.28);

    animation:
        plocalSubmitProcessEyebrowPulse
        3.6s ease-in-out infinite;
}


.plocal-submit-process__heading {
    margin:
        0
        0
        18px;

    color: var(--color-white);

    font-family: var(--heading-font);
    font-size: var(--font-size-h2);

    font-weight: var(--heading-weight);
    line-height: var(--heading-line-height);
    letter-spacing: var(--heading-letter-spacing);

    text-shadow:
        0 18px 43px
        rgba(0, 0, 0, 0.28);
}

.plocal-submit-process__heading span {
    background:
        linear-gradient(
            135deg,
            var(--color-skyblue),
            var(--theme-color)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;

    text-shadow: none;
}


.plocal-submit-process__intro {
    max-width: 820px;

    margin:
        0
        auto;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-family: var(--body-font);
    font-size:
        clamp(
            15px,
            1.4vw,
            18px
        );

    line-height: 1.7;
}


.plocal-submit-process__intro strong {
    color: var(--color-white);
}


/* =========================================================
   08. STEPS GRID
========================================================= */

.plocal-submit-process__steps {
    --step-gap:
        clamp(
            35px,
            3.8vw,
            62px
        );

    position: relative;
    z-index: 3;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    align-items: stretch;

    gap: var(--step-gap);
}


/* =========================================================
   09. STEP CARD
========================================================= */

.plocal-submit-process__step {
    position: relative;
    isolation: isolate;

    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 440px;

    padding:
        26px
        24px
        31px;

    overflow: visible;

    border:
        1px solid
        rgba(98, 211, 218, 0.43);

    border-radius: 27px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(36, 189, 199, 0.12),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            rgba(11, 59, 141, 0.75),
            rgba(4, 28, 74, 0.88)
        );

    box-shadow:
        0 25px 60px
        rgba(0, 0, 0, 0.3),

        inset 0 1px 0
        rgba(255, 255, 255, 0.11),

        0 0 0 1px
        rgba(98, 211, 218, 0.035);

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

    opacity: 0;

    transform:
        translateY(34px)
        scale(0.97);

    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        transform 0.35s ease;
}


.plocal-submit-process__step::before {
    position: absolute;
    inset: 1px;
    z-index: -1;

    content: "";

    border-radius: 25px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.034),
            transparent 34%,
            rgba(36, 189, 199, 0.025)
        );
}


.plocal-submit-process__step::after {
    position: absolute;
    right: 16%;
    bottom: -2px;
    left: 16%;

    height: 3px;

    content: "";

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--color-skyblue),
            transparent
        );

    box-shadow:
        0 0 19px
        rgba(98, 211, 218, 0.58);

    animation:
        plocalSubmitProcessCardBottomGlow
        4.5s ease-in-out infinite;
}


.plocal-submit-process__step--one {
    animation:
        plocalSubmitProcessStepReveal
        0.84s
        cubic-bezier(0.22, 1, 0.36, 1)
        0.14s
        forwards;
}


.plocal-submit-process__step--two {
    animation:
        plocalSubmitProcessStepReveal
        0.84s
        cubic-bezier(0.22, 1, 0.36, 1)
        0.26s
        forwards;
}


.plocal-submit-process__step--three {
    animation:
        plocalSubmitProcessStepReveal
        0.84s
        cubic-bezier(0.22, 1, 0.36, 1)
        0.38s
        forwards;
}


.plocal-submit-process__step--four {
    animation:
        plocalSubmitProcessStepReveal
        0.84s
        cubic-bezier(0.22, 1, 0.36, 1)
        0.5s
        forwards;
}


.plocal-submit-process__step:hover {
    border-color:
        rgba(98, 211, 218, 0.78);

    box-shadow:
        0 36px 76px
        rgba(0, 0, 0, 0.38),

        0 0 31px
        rgba(36, 189, 199, 0.11),

        inset 0 1px 0
        rgba(255, 255, 255, 0.15);

    transform:
        translateY(-10px)
        scale(1.01);
}


/* =========================================================
   10. STEP NUMBER
========================================================= */

.plocal-submit-process__number {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 6;

    display: grid;
    place-items: center;

    width: 55px;
    height: 55px;

    border:
        1px solid
        rgba(98, 211, 218, 0.62);

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            rgba(13, 63, 148, 0.96),
            rgba(5, 32, 82, 0.98)
        );

    color: var(--color-skyblue);

    font-family: var(--heading-font);
    font-size: 27px;
    font-weight: 700;

    box-shadow:
        0 11px 25px
        rgba(0, 0, 0, 0.25),

        0 0 0 6px
        rgba(98, 211, 218, 0.045),

        inset 0 1px 0
        rgba(255, 255, 255, 0.13);

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


.plocal-submit-process__step:hover
.plocal-submit-process__number {
    background:
        linear-gradient(
            145deg,
            var(--theme-color),
            var(--color-skyblue)
        );

    color: var(--color-white);

    box-shadow:
        0 15px 31px
        rgba(0, 0, 0, 0.28),

        0 0 0 8px
        rgba(98, 211, 218, 0.08),

        0 0 23px
        rgba(98, 211, 218, 0.27);

    transform:
        rotate(-6deg)
        scale(1.06);
}


/* =========================================================
   11. STEP SHINE
========================================================= */

.plocal-submit-process__step-shine {
    position: absolute;
    top: -50%;
    bottom: -50%;
    left: -45%;
    z-index: 7;

    width: 23%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.12),
            rgba(98, 211, 218, 0.07),
            transparent
        );

    filter: blur(4px);

    opacity: 0;

    transform: skewX(-18deg);

    animation:
        plocalSubmitProcessCardScan
        10s ease-in-out infinite;

    pointer-events: none;
}


.plocal-submit-process__step--two
.plocal-submit-process__step-shine {
    animation-delay: -2.4s;
}


.plocal-submit-process__step--three
.plocal-submit-process__step-shine {
    animation-delay: -4.8s;
}


.plocal-submit-process__step--four
.plocal-submit-process__step-shine {
    animation-delay: -7.2s;
}


/* =========================================================
   12. STEP VISUAL
========================================================= */

.plocal-submit-process__visual {
    position: relative;
    isolation: isolate;

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

    margin-bottom: 15px;
}


.plocal-submit-process__visual-glow {
    position: absolute;
    top: 52%;
    left: 50%;
    z-index: -3;

    width: 220px;
    height: 170px;

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse,
            rgba(36, 189, 199, 0.25),
            rgba(98, 211, 218, 0.07) 45%,
            transparent 72%
        );

    filter: blur(17px);

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

    animation:
        plocalSubmitProcessVisualGlow
        5.4s ease-in-out infinite;
}


.plocal-submit-process__visual-orbit {
    position: absolute;
    top: 54%;
    left: 50%;
    z-index: -2;

    border:
        1px solid
        rgba(98, 211, 218, 0.24);

    border-radius: 50%;
}


.plocal-submit-process__visual-orbit--one {
    width: 230px;
    height: 93px;

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

    animation:
        plocalSubmitProcessVisualOrbitOne
        18s linear infinite;
}


.plocal-submit-process__visual-orbit--two {
    width: 205px;
    height: 125px;

    border-style: dashed;

    border-color:
        rgba(255, 255, 255, 0.12);

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

    animation:
        plocalSubmitProcessVisualOrbitTwo
        22s linear infinite;
}


.plocal-submit-process__image {
    position: absolute;
    top: 52%;
    left: 50%;
    z-index: 3;

    display: block;

    width:
        min(
            92%,
            260px
        );

    max-height: 220px;
    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(
            0 25px 31px
            rgba(0, 0, 0, 0.35)
        )
        drop-shadow(
            0 0 20px
            rgba(98, 211, 218, 0.13)
        );

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

    animation:
        plocalSubmitProcessImageFloat
        5.6s ease-in-out infinite;

    transition:
        filter 0.35s ease,
        transform 0.35s ease;
}


.plocal-submit-process__step--two
.plocal-submit-process__image {
    animation-delay: -1.2s;
}


.plocal-submit-process__step--three
.plocal-submit-process__image {
    animation-delay: -2.4s;
}


.plocal-submit-process__step--four
.plocal-submit-process__image {
    animation-delay: -3.6s;
}


.plocal-submit-process__step:hover
.plocal-submit-process__image {
    filter:
        drop-shadow(
            0 30px 39px
            rgba(0, 0, 0, 0.43)
        )
        drop-shadow(
            0 0 27px
            rgba(98, 211, 218, 0.22)
        );

    transform:
        translate(-50%, -53%)
        scale(1.035);
}


/* =========================================================
   13. STEP CONTENT
========================================================= */

.plocal-submit-process__content {
    position: relative;
    z-index: 3;

    display: flex;
    flex: 1;
    flex-direction: column;
}


.plocal-submit-process__content h3 {
    min-height: 58px;

    margin:
        0
        0
        12px;

    color: var(--color-white);

    font-family: var(--heading-font);
    font-size:
        clamp(
            18px,
            1.45vw,
            23px
        );

    font-weight: 700;
    line-height: 1.27;
    letter-spacing: -0.015em;

    text-shadow:
        0 10px 25px
        rgba(0, 0, 0, 0.24);
}


.plocal-submit-process__divider {
    display: block;

    width: 43px;
    height: 3px;

    margin-bottom: 16px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--theme-color),
            var(--color-skyblue)
        );

    box-shadow:
        0 0 14px
        rgba(98, 211, 218, 0.48);

    transition:
        width 0.35s ease;
}


.plocal-submit-process__step:hover
.plocal-submit-process__divider {
    width: 72px;
}


.plocal-submit-process__content p {
    margin: 0;

    color:
        rgba(
            255,
            255,
            255,
            0.69
        );

    font-family: var(--body-font);
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   14. STEP CONNECTORS
========================================================= */

.plocal-submit-process__connector {
    position: absolute;
    top: 46%;
    right:
        calc(
            var(--step-gap) * -1
        );
    z-index: 10;

    display: block;

    width: var(--step-gap);
    height: 26px;

    transform: translateY(-50%);
}


.plocal-submit-process__connector-line {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            rgba(98, 211, 218, 0.2),
            var(--color-skyblue),
            rgba(98, 211, 218, 0.2)
        );

    box-shadow:
        0 0 13px
        rgba(98, 211, 218, 0.55);

    transform: translateY(-50%);
}


.plocal-submit-process__connector-pulse {
    position: absolute;
    top: 50%;
    left: 0;

    width: 22px;
    height: 4px;

    border-radius: 999px;

    background: var(--color-white);

    box-shadow:
        0 0 9px var(--color-white),
        0 0 17px var(--color-skyblue);

    transform: translateY(-50%);

    animation:
        plocalSubmitProcessConnectorTravel
        2.8s linear infinite;
}


.plocal-submit-process__connector-arrow {
    position: absolute;
    top: 50%;
    left: 50%;

    display: grid;
    place-items: center;

    width: 28px;
    height: 28px;

    border:
        1px solid
        rgba(98, 211, 218, 0.72);

    border-radius: 50%;

    background:
        rgba(7, 43, 104, 0.97);

    color: var(--color-white);

    font-size: 10px;

    box-shadow:
        0 0 0 5px
        rgba(98, 211, 218, 0.055),

        0 0 18px
        rgba(98, 211, 218, 0.52);

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

    animation:
        plocalSubmitProcessConnectorArrow
        3.4s ease-in-out infinite;
}


/* =========================================================
   15. SUPPORT AREA
========================================================= */

.plocal-submit-process__support {
    display: grid;

    grid-template-columns:
        minmax(0, 1.7fr)
        minmax(270px, 0.7fr);

    align-items: center;

    gap:
        clamp(
            32px,
            4vw,
            64px
        );

    margin-top:
        clamp(
            48px,
            6vw,
            78px
        );
}


/* =========================================================
   16. TRUST PANEL
========================================================= */

.plocal-submit-process__trust {
    position: relative;
    isolation: isolate;

    display: grid;

    grid-template-columns:
        98px
        minmax(210px, 1.05fr)
        minmax(310px, 1.4fr);

    align-items: center;

    gap:
        clamp(
            20px,
            2.5vw,
            38px
        );

    min-width: 0;

    padding:
        clamp(24px, 3vw, 34px);

    overflow: hidden;

    border:
        1px solid
        rgba(98, 211, 218, 0.31);

    border-radius: 23px;

    background:
        linear-gradient(
            145deg,
            rgba(13, 62, 145, 0.55),
            rgba(4, 28, 73, 0.72)
        );

    box-shadow:
        0 23px 54px
        rgba(0, 0, 0, 0.26),

        inset 0 1px 0
        rgba(255, 255, 255, 0.09);

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

    opacity: 0;

    animation:
        plocalSubmitProcessSupportReveal
        0.85s
        cubic-bezier(0.22, 1, 0.36, 1)
        0.63s
        forwards;
}


.plocal-submit-process__trust-glow {
    position: absolute;
    top: -150px;
    left: -120px;
    z-index: -1;

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(36, 189, 199, 0.19),
            transparent 70%
        );

    filter: blur(20px);

    animation:
        plocalSubmitProcessTrustGlow
        7s ease-in-out infinite;
}


.plocal-submit-process__trust-icon {
    display: grid;
    place-items: center;

    width: 84px;
    height: 84px;

    border:
        1px solid
        rgba(98, 211, 218, 0.48);

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 25%,
            rgba(255, 255, 255, 0.18),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            rgba(21, 99, 212, 0.95),
            rgba(7, 40, 98, 0.98)
        );

    color: var(--color-skyblue);

    font-size: 34px;

    box-shadow:
        0 16px 34px
        rgba(0, 0, 0, 0.3),

        0 0 0 7px
        rgba(98, 211, 218, 0.055),

        0 0 26px
        rgba(98, 211, 218, 0.15);

    animation:
        plocalSubmitProcessTrustIcon
        5s ease-in-out infinite;
}


.plocal-submit-process__trust-copy h3 {
    margin:
        0
        0
        8px;

    color: var(--color-skyblue);

    font-family: var(--heading-font);
    font-size:
        clamp(
            19px,
            1.8vw,
            25px
        );

    font-weight: 700;
}


.plocal-submit-process__trust-copy p {
    margin: 0;

    color:
        rgba(
            255,
            255,
            255,
            0.68
        );

    font-family: var(--body-font);
    font-size: 13px;
    line-height: 1.65;
}


.plocal-submit-process__trust-points {
    display: grid;

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

    min-width: 0;
}


.plocal-submit-process__trust-point {
    display: flex;
    align-items: center;
    flex-direction: column;

    min-width: 0;

    padding:
        5px
        16px;

    text-align: center;
}


.plocal-submit-process__trust-point:not(:last-child) {
    border-right:
        1px solid
        rgba(255, 255, 255, 0.1);
}


.plocal-submit-process__trust-point > span {
    display: grid;
    place-items: center;

    width: 44px;
    height: 44px;

    margin-bottom: 10px;

    border:
        1px solid
        rgba(98, 211, 218, 0.23);

    border-radius: 50%;

    background:
        rgba(98, 211, 218, 0.09);

    color: var(--color-skyblue);

    font-size: 16px;

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


.plocal-submit-process__trust-point:hover > span {
    background:
        linear-gradient(
            145deg,
            var(--theme-color),
            var(--color-skyblue)
        );

    color: var(--color-white);

    box-shadow:
        0 11px 24px
        rgba(36, 189, 199, 0.23);

    transform:
        translateY(-4px)
        scale(1.06);
}


.plocal-submit-process__trust-point strong {
    color:
        rgba(
            255,
            255,
            255,
            0.79
        );

    font-family: var(--body-font);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.45;
}


/* =========================================================
   17. EXAMPLE SCORE VISUAL
========================================================= */

.plocal-submit-process__score {
    position: relative;
    isolation: isolate;

    min-height: 255px;

    opacity: 0;

    animation:
        plocalSubmitProcessScoreReveal
        0.9s
        cubic-bezier(0.22, 1, 0.36, 1)
        0.72s
        forwards;
}


.plocal-submit-process__score-halo {
    position: absolute;
    top: 56%;
    left: 50%;
    z-index: -4;

    width: 310px;
    height: 170px;

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse,
            rgba(35, 121, 255, 0.42),
            rgba(36, 189, 199, 0.17) 43%,
            transparent 72%
        );

    filter: blur(21px);

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

    animation:
        plocalSubmitProcessScoreHalo
        5.2s ease-in-out infinite;
}


.plocal-submit-process__score-orbit {
    position: absolute;
    top: 65%;
    left: 50%;
    z-index: -2;

    border:
        1px solid
        rgba(98, 211, 218, 0.4);

    border-radius: 50%;
}


.plocal-submit-process__score-orbit--one {
    width: 340px;
    height: 100px;

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

    animation:
        plocalSubmitProcessScoreOrbitOne
        18s linear infinite;
}


.plocal-submit-process__score-orbit--two {
    width: 285px;
    height: 145px;

    border-style: dashed;

    border-color:
        rgba(255, 255, 255, 0.12);

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

    animation:
        plocalSubmitProcessScoreOrbitTwo
        23s linear infinite;
}


.plocal-submit-process__score-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;

    width: 180px;

    padding:
        18px
        20px;

    border:
        1px solid
        rgba(98, 211, 218, 0.48);

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            rgba(18, 84, 183, 0.95),
            rgba(5, 35, 89, 0.98)
        );

    box-shadow:
        0 27px 48px
        rgba(0, 0, 0, 0.37),

        0 0 0 6px
        rgba(98, 211, 218, 0.045),

        0 0 32px
        rgba(37, 120, 255, 0.23),

        inset 0 1px 0
        rgba(255, 255, 255, 0.14);

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

    animation:
        plocalSubmitProcessScoreFloat
        5.4s ease-in-out infinite;
}


.plocal-submit-process__score-panel > small {
    display: block;

    margin-bottom: 4px;

    color: var(--color-skyblue);

    font-family: var(--body-font);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}


.plocal-submit-process__score-panel > span {
    display: block;

    color: var(--color-white);

    font-family: var(--heading-font);
    font-size: 15px;
    font-weight: 700;
}


.plocal-submit-process__score-panel > strong {
    display: block;

    margin:
        8px
        0
        4px;

    color: var(--color-white);

    font-family: var(--heading-font);
    font-size: 44px;
    line-height: 1;
}


.plocal-submit-process__score-panel > strong small {
    font-size: 13px;
    font-weight: 500;

    color:
        rgba(
            255,
            255,
            255,
            0.65
        );
}


.plocal-submit-process__score-stars {
    display: flex;

    gap: 3px;

    color: var(--color-yellow);

    font-size: 11px;
}


.plocal-submit-process__score-card {
    position: absolute;
    z-index: 5;

    display: grid;
    place-items: center;

    width: 52px;
    height: 67px;

    border:
        1px solid
        rgba(98, 211, 218, 0.3);

    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(20, 88, 190, 0.88),
            rgba(6, 37, 92, 0.95)
        );

    color: var(--color-skyblue);

    font-size: 18px;

    box-shadow:
        0 17px 30px
        rgba(0, 0, 0, 0.28),

        inset 0 1px 0
        rgba(255, 255, 255, 0.1);
}


.plocal-submit-process__score-card--checklist {
    top: 51%;
    left: 1%;

    animation:
        plocalSubmitProcessScoreCardOne
        5.1s ease-in-out infinite;
}


.plocal-submit-process__score-card--profile {
    top: 39%;
    right: 0;

    animation:
        plocalSubmitProcessScoreCardTwo
        5.7s ease-in-out -1.3s infinite;
}


.plocal-submit-process__score-card--chart {
    right: 4%;
    bottom: 0;

    width: 47px;
    height: 55px;

    animation:
        plocalSubmitProcessScoreCardThree
        5.3s ease-in-out -2.2s infinite;
}


/* =========================================================
   18. PRIVACY NOTICE
========================================================= */

.plocal-submit-process__privacy {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    width:
        min(
            100%,
            690px
        );

    margin:
        clamp(35px, 4vw, 52px)
        auto
        0;

    padding:
        10px
        19px;

    border:
        1px solid
        rgba(98, 211, 218, 0.27);

    border-radius: 999px;

    background:
        rgba(4, 29, 75, 0.55);

    box-shadow:
        0 13px 30px
        rgba(0, 0, 0, 0.2),

        inset 0 1px 0
        rgba(255, 255, 255, 0.07);

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

    opacity: 0;

    animation:
        plocalSubmitProcessPrivacyReveal
        0.8s
        cubic-bezier(0.22, 1, 0.36, 1)
        0.83s
        forwards;
}


.plocal-submit-process__privacy > span {
    display: grid;
    place-items: center;

    flex: 0 0 auto;

    width: 31px;
    height: 31px;

    border-radius: 50%;

    background:
        rgba(98, 211, 218, 0.1);

    color: var(--color-skyblue);

    font-size: 11px;

    animation:
        plocalSubmitProcessPrivacyPulse
        3.8s ease-in-out infinite;
}


.plocal-submit-process__privacy p {
    margin: 0;

    color:
        rgba(
            255,
            255,
            255,
            0.68
        );

    font-family: var(--body-font);
    font-size: 12px;
    line-height: 1.5;
}


/* =========================================================
   19. ANIMATIONS
========================================================= */

@keyframes plocalSubmitProcessGridMove {

    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(68px, 68px, 0);
    }

}


@keyframes plocalSubmitProcessBackgroundScan {

    0% {
        left: -30%;
        opacity: 0;
    }

    15% {
        opacity: 0.21;
    }

    50% {
        opacity: 0.42;
    }

    86% {
        opacity: 0.18;
    }

    100% {
        left: 125%;
        opacity: 0;
    }

}


@keyframes plocalSubmitProcessGlowOne {

    from {
        opacity: 0.5;

        transform:
            translate3d(0, 0, 0)
            scale(0.97);
    }

    to {
        opacity: 0.9;

        transform:
            translate3d(34px, 25px, 0)
            scale(1.08);
    }

}


@keyframes plocalSubmitProcessGlowTwo {

    from {
        opacity: 0.4;

        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

    to {
        opacity: 0.78;

        transform:
            translate3d(-30px, 24px, 0)
            scale(1.08);
    }

}


@keyframes plocalSubmitProcessGlowThree {

    from {
        opacity: 0.36;

        transform:
            translate3d(0, 0, 0)
            scale(0.96);
    }

    to {
        opacity: 0.73;

        transform:
            translate3d(-25px, -21px, 0)
            scale(1.08);
    }

}


@keyframes plocalSubmitProcessDotsOne {

    0%,
    100% {
        opacity: 0.2;

        transform: translate3d(0, 0, 0);
    }

    50% {
        opacity: 0.37;

        transform: translate3d(8px, -7px, 0);
    }

}


@keyframes plocalSubmitProcessDotsTwo {

    0%,
    100% {
        opacity: 0.13;

        transform: translate3d(0, 0, 0);
    }

    50% {
        opacity: 0.27;

        transform: translate3d(-8px, -6px, 0);
    }

}


@keyframes plocalSubmitProcessOrbitOne {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


@keyframes plocalSubmitProcessOrbitTwo {

    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }

}


@keyframes plocalSubmitProcessOrbitThree {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }

}


@keyframes plocalSubmitProcessWaveOne {

    0%,
    100% {
        opacity: 0.46;

        transform:
            translate3d(0, 0, 0)
            rotate(-8deg);
    }

    50% {
        opacity: 0.78;

        transform:
            translate3d(-19px, -10px, 0)
            rotate(-6deg);
    }

}


@keyframes plocalSubmitProcessWaveTwo {

    0%,
    100% {
        opacity: 0.25;

        transform:
            translate3d(0, 0, 0)
            rotate(9deg);
    }

    50% {
        opacity: 0.48;

        transform:
            translate3d(19px, -8px, 0)
            rotate(7deg);
    }

}


@keyframes plocalSubmitProcessNodePulse {

    0%,
    100% {
        opacity: 0.38;

        transform: scale(0.73);
    }

    50% {
        opacity: 1;

        transform: scale(1.24);
    }

}


@keyframes plocalSubmitProcessHeaderReveal {

    from {
        opacity: 0;

        transform: translate3d(0, 28px, 0);
    }

    to {
        opacity: 1;

        transform: translate3d(0, 0, 0);
    }

}


@keyframes plocalSubmitProcessEyebrowFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }

}


@keyframes plocalSubmitProcessEyebrowShine {

    0%,
    65% {
        left: -42%;
    }

    86%,
    100% {
        left: 130%;
    }

}


@keyframes plocalSubmitProcessEyebrowPulse {

    0%,
    100% {
        box-shadow:
            0 9px 21px
            rgba(36, 189, 199, 0.28),

            0 0 0 0
            rgba(98, 211, 218, 0);
    }

    50% {
        box-shadow:
            0 9px 21px
            rgba(36, 189, 199, 0.28),

            0 0 0 8px
            rgba(98, 211, 218, 0.1);
    }

}


@keyframes plocalSubmitProcessStepReveal {

    from {
        opacity: 0;

        transform:
            translate3d(0, 34px, 0)
            scale(0.97);
    }

    to {
        opacity: 1;

        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

}


@keyframes plocalSubmitProcessCardBottomGlow {

    0%,
    100% {
        opacity: 0.42;

        transform: scaleX(0.74);
    }

    50% {
        opacity: 1;

        transform: scaleX(1.08);
    }

}


@keyframes plocalSubmitProcessCardScan {

    0%,
    68% {
        left: -45%;
        opacity: 0;
    }

    75% {
        opacity: 0.28;
    }

    90% {
        opacity: 0.5;
    }

    100% {
        left: 130%;
        opacity: 0;
    }

}


@keyframes plocalSubmitProcessVisualGlow {

    0%,
    100% {
        opacity: 0.48;

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

    50% {
        opacity: 1;

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

}


@keyframes plocalSubmitProcessVisualOrbitOne {

    from {
        transform:
            translate(-50%, -50%)
            rotate(4deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(364deg);
    }

}


@keyframes plocalSubmitProcessVisualOrbitTwo {

    from {
        transform:
            translate(-50%, -50%)
            rotate(353deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(-7deg);
    }

}


@keyframes plocalSubmitProcessImageFloat {

    0%,
    100% {
        transform:
            translate(-50%, -50%)
            translateY(0)
            rotate(0deg);
    }

    50% {
        transform:
            translate(-50%, -50%)
            translateY(-8px)
            rotate(-1deg);
    }

}


@keyframes plocalSubmitProcessConnectorTravel {

    from {
        left: 0;
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    88% {
        opacity: 1;
    }

    to {
        left:
            calc(
                100% - 22px
            );

        opacity: 0;
    }

}


@keyframes plocalSubmitProcessConnectorArrow {

    0%,
    100% {
        box-shadow:
            0 0 0 5px
            rgba(98, 211, 218, 0.055),

            0 0 18px
            rgba(98, 211, 218, 0.52);

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

    50% {
        box-shadow:
            0 0 0 8px
            rgba(98, 211, 218, 0.08),

            0 0 25px
            rgba(98, 211, 218, 0.75);

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

}


@keyframes plocalSubmitProcessSupportReveal {

    from {
        opacity: 0;

        transform:
            translate3d(-24px, 24px, 0)
            scale(0.98);
    }

    to {
        opacity: 1;

        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

}


@keyframes plocalSubmitProcessScoreReveal {

    from {
        opacity: 0;

        transform:
            translate3d(25px, 22px, 0)
            scale(0.95);
    }

    to {
        opacity: 1;

        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

}


@keyframes plocalSubmitProcessTrustGlow {

    0%,
    100% {
        opacity: 0.45;

        transform: scale(0.94);
    }

    50% {
        opacity: 1;

        transform:
            translate3d(15px, 12px, 0)
            scale(1.08);
    }

}


@keyframes plocalSubmitProcessTrustIcon {

    0%,
    100% {
        transform:
            translateY(0)
            rotate(0deg);
    }

    50% {
        transform:
            translateY(-7px)
            rotate(-2deg);
    }

}


@keyframes plocalSubmitProcessScoreHalo {

    0%,
    100% {
        opacity: 0.51;

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

    50% {
        opacity: 1;

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

}


@keyframes plocalSubmitProcessScoreOrbitOne {

    from {
        transform:
            translate(-50%, -50%)
            rotate(4deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(364deg);
    }

}


@keyframes plocalSubmitProcessScoreOrbitTwo {

    from {
        transform:
            translate(-50%, -50%)
            rotate(353deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(-7deg);
    }

}


@keyframes plocalSubmitProcessScoreFloat {

    0%,
    100% {
        transform:
            translate(-50%, -50%)
            translateY(0)
            rotate(0deg);
    }

    50% {
        transform:
            translate(-50%, -50%)
            translateY(-10px)
            rotate(-1deg);
    }

}


@keyframes plocalSubmitProcessScoreCardOne {

    0%,
    100% {
        transform:
            translate3d(0, 0, 0)
            rotate(-3deg);
    }

    50% {
        transform:
            translate3d(-4px, -10px, 0)
            rotate(2deg);
    }

}


@keyframes plocalSubmitProcessScoreCardTwo {

    0%,
    100% {
        transform:
            translate3d(0, 0, 0)
            rotate(3deg);
    }

    50% {
        transform:
            translate3d(5px, -11px, 0)
            rotate(-3deg);
    }

}


@keyframes plocalSubmitProcessScoreCardThree {

    0%,
    100% {
        transform:
            translate3d(0, 0, 0)
            rotate(0deg);
    }

    50% {
        transform:
            translate3d(-5px, -8px, 0)
            rotate(4deg);
    }

}


@keyframes plocalSubmitProcessPrivacyReveal {

    from {
        opacity: 0;

        transform: translate3d(0, 18px, 0);
    }

    to {
        opacity: 1;

        transform: translate3d(0, 0, 0);
    }

}


@keyframes plocalSubmitProcessPrivacyPulse {

    0%,
    100% {
        box-shadow:
            0 0 0 0
            rgba(98, 211, 218, 0);
    }

    50% {
        box-shadow:
            0 0 0 7px
            rgba(98, 211, 218, 0.08);
    }

}


/* =========================================================
   20. LARGE LAPTOP
========================================================= */

@media (max-width: 1399.98px) {

    .plocal-submit-process__steps {
        --step-gap:
            clamp(
                27px,
                2.6vw,
                43px
            );
    }


    .plocal-submit-process__step {
        min-height: 425px;

        padding:
            24px
            20px
            29px;
    }


    .plocal-submit-process__visual {
        min-height: 215px;
    }


    .plocal-submit-process__content h3 {
        font-size:
            clamp(
                17px,
                1.35vw,
                21px
            );
    }


    .plocal-submit-process__trust {
        grid-template-columns:
            84px
            minmax(190px, 1fr)
            minmax(290px, 1.35fr);

        gap: 25px;
    }

}


/* =========================================================
   21. TABLET
========================================================= */

@media (max-width: 1199.98px) {

    .plocal-submit-process__steps {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 30px;
    }


    .plocal-submit-process__step {
        min-height: 410px;
    }


    .plocal-submit-process__connector {
        display: none;
    }


    .plocal-submit-process__support {
        grid-template-columns:
            minmax(0, 1fr);
    }


    .plocal-submit-process__trust {
        grid-template-columns:
            90px
            minmax(220px, 1fr)
            minmax(320px, 1.3fr);
    }


    .plocal-submit-process__score {
        width: 100%;
        max-width: 420px;

        margin-inline: auto;
    }

}


/* =========================================================
   22. MEDIUM TABLET
========================================================= */

@media (max-width: 991.98px) {

    .plocal-submit-process__trust {
        grid-template-columns:
            82px
            minmax(0, 1fr);
    }


    .plocal-submit-process__trust-points {
        grid-column:
            1 / -1;

        margin-top: 8px;
        padding-top: 20px;

        border-top:
            1px solid
            rgba(255, 255, 255, 0.09);
    }

}


/* =========================================================
   23. MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .plocal-submit-process {
        padding:
            clamp(76px, 11vw, 98px)
            0;
    }


    .plocal-submit-process__heading {
        font-size:
            clamp(
                38px,
                10vw,
                51px
            );
    }


    .plocal-submit-process__steps {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 25px;
    }


    .plocal-submit-process__step {
        width: 100%;
        max-width: 560px;
        min-height: 400px;

        margin-inline: auto;

        padding:
            24px
            22px
            30px;
    }


    .plocal-submit-process__content h3 {
        min-height: auto;

        font-size: 21px;
    }


    .plocal-submit-process__trust {
        grid-template-columns:
            minmax(0, 1fr);

        text-align: center;
    }


    .plocal-submit-process__trust-icon {
        margin-inline: auto;
    }


    .plocal-submit-process__trust-points {
        grid-column: auto;
    }


    .plocal-submit-process__privacy {
        align-items: flex-start;

        border-radius: 18px;
    }

}


/* =========================================================
   24. SMALL MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .plocal-submit-process__eyebrow {
        font-size: 10px;
        letter-spacing: 0.12em;
    }


    .plocal-submit-process__number {
        width: 49px;
        height: 49px;

        font-size: 23px;
    }


    .plocal-submit-process__visual {
        min-height: 205px;
    }


    .plocal-submit-process__image {
        width:
            min(
                88%,
                235px
            );

        max-height: 200px;
    }


    .plocal-submit-process__trust {
        padding:
            25px
            18px;
    }


    .plocal-submit-process__trust-points {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 15px;
    }


    .plocal-submit-process__trust-point {
        flex-direction: row;

        gap: 12px;

        text-align: left;
    }


    .plocal-submit-process__trust-point:not(:last-child) {
        padding-bottom: 15px;

        border-right: 0;
        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.09);
    }


    .plocal-submit-process__trust-point > span {
        flex: 0 0 auto;

        margin-bottom: 0;
    }


    .plocal-submit-process__score {
        max-width: 330px;
    }


    .plocal-submit-process__score-orbit--one {
        width: 300px;
    }


    .plocal-submit-process__privacy {
        padding:
            12px
            15px;
    }

}


/* =========================================================
   25. REDUCED MOTION
========================================================= */

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

    .plocal-submit-process__header,
    .plocal-submit-process__step,
    .plocal-submit-process__trust,
    .plocal-submit-process__score,
    .plocal-submit-process__privacy {
        opacity: 1 !important;

        transform: none !important;
    }


    .plocal-submit-process__background::before,
    .plocal-submit-process__background::after,
    .plocal-submit-process__glow,
    .plocal-submit-process__dots,
    .plocal-submit-process__orbit,
    .plocal-submit-process__wave,
    .plocal-submit-process__background-node,
    .plocal-submit-process__eyebrow,
    .plocal-submit-process__eyebrow::after,
    .plocal-submit-process__eyebrow-icon,
    .plocal-submit-process__step::after,
    .plocal-submit-process__step-shine,
    .plocal-submit-process__visual-glow,
    .plocal-submit-process__visual-orbit,
    .plocal-submit-process__image,
    .plocal-submit-process__connector-pulse,
    .plocal-submit-process__connector-arrow,
    .plocal-submit-process__trust-glow,
    .plocal-submit-process__trust-icon,
    .plocal-submit-process__score-halo,
    .plocal-submit-process__score-orbit,
    .plocal-submit-process__score-panel,
    .plocal-submit-process__score-card,
    .plocal-submit-process__privacy > span {
        animation: none !important;
    }


    .plocal-submit-process__step,
    .plocal-submit-process__number,
    .plocal-submit-process__image,
    .plocal-submit-process__divider,
    .plocal-submit-process__trust-point > span {
        transition: none;
    }

}

/* =========================================================
   PLOCAL PROCESS — WIDER DESKTOP CARDS
========================================================= */

/* Amplía el área total utilizada por la sección */
.plocal-submit-process__container {
    width: 100%;
    max-width: 1580px;

    margin-right: auto;
    margin-left: auto;

    padding-right: clamp(24px, 3vw, 48px);
    padding-left: clamp(24px, 3vw, 48px);
}


/* Cuatro columnas más amplias y menos espacio desperdiciado */
.plocal-submit-process__steps {
    --step-gap: clamp(20px, 1.8vw, 30px);

    grid-template-columns:
        repeat(4, minmax(265px, 1fr));

    width: 100%;
    gap: var(--step-gap);
}


/* Tarjetas más anchas y mejor proporcionadas */
.plocal-submit-process__step {
    width: 100%;
    min-width: 0;
    min-height: 455px;

    padding:
        27px
        clamp(24px, 2vw, 31px)
        33px;
}


/* Más espacio para la ilustración */
.plocal-submit-process__visual {
    min-height: 245px;
}


/* Ilustraciones más grandes dentro de las tarjetas */
.plocal-submit-process__image {
    width: min(96%, 290px);
    max-height: 235px;
}


/* Títulos con mejor ancho y menos saltos */
.plocal-submit-process__content h3 {
    min-height: 56px;

    font-size: clamp(19px, 1.35vw, 23px);
    line-height: 1.24;
}


/* Texto más cómodo de leer */
.plocal-submit-process__content p {
    max-width: 310px;

    font-size: 14px;
    line-height: 1.7;
}


/* Ajusta la conexión al nuevo espacio entre tarjetas */
.plocal-submit-process__connector {
    right: calc(var(--step-gap) * -1);
    width: var(--step-gap);
}

/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width: 1399.98px) {

    .plocal-submit-process__container {
        max-width: 1360px;

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


    .plocal-submit-process__steps {
        --step-gap: 22px;

        grid-template-columns:
            repeat(4, minmax(235px, 1fr));
    }


    .plocal-submit-process__step {
        min-height: 445px;

        padding:
            25px
            23px
            31px;
    }


    .plocal-submit-process__visual {
        min-height: 230px;
    }


    .plocal-submit-process__image {
        width: min(94%, 270px);
        max-height: 220px;
    }


    .plocal-submit-process__content h3 {
        font-size: 19px;
    }

}


/* =========================================================
   TABLET — TWO COLUMNS
========================================================= */

@media (max-width: 1199.98px) {

    .plocal-submit-process__container {
        max-width: 960px;
    }


    .plocal-submit-process__steps {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 30px;
    }


    .plocal-submit-process__step {
        max-width: none;
        min-height: 430px;

        padding:
            27px
            30px
            33px;
    }


    .plocal-submit-process__visual {
        min-height: 235px;
    }


    .plocal-submit-process__image {
        width: min(88%, 290px);
        max-height: 230px;
    }


    .plocal-submit-process__connector {
        display: none;
    }

}

/* =========================================================
   MOBILE — ONE WIDE CARD
========================================================= */

@media (max-width: 767.98px) {

    .plocal-submit-process__container {
        max-width: 620px;

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


    .plocal-submit-process__steps {
        grid-template-columns:
            minmax(0, 1fr);

        gap: 25px;
    }


    .plocal-submit-process__step {
        width: 100%;
        max-width: none;
        min-height: 410px;

        padding:
            25px
            25px
            31px;
    }


    .plocal-submit-process__content p {
        max-width: 100%;
    }

}