.elementor-12 .elementor-element.elementor-element-7efd2d6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-aab7f9c *//* ==========================================================
   PROLOCATE — ABOUT US V3
   ========================================================== */

:root{
    --pla3-navy:#231560;
    --pla3-purple:#4B258C;
    --pla3-purple2:#6A3BAA;

    --pla3-orange:#FF6E18;
    --pla3-red:#E62133;

    --pla3-dark:#080411;
    --pla3-dark2:#0D061B;

    --pla3-light:#F7F6F9;
    --pla3-light2:#EFECF2;

    --pla3-text:#21192C;
    --pla3-muted:#746C7D;

    --pla3-white:#FFFFFF;
}


/* ==========================================================
   GLOBAL SAFETY
   ========================================================== */

.pla3-about,
.pla3-about *{
    box-sizing:border-box;
}


.pla3-about{
    position:relative;

    width:100%;
    max-width:100%;

    overflow-x:clip;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;
}


@supports not (overflow:clip){

    .pla3-about{
        overflow-x:hidden;
    }

}


.pla3-about section{
    width:100%;
    max-width:100%;
}


.pla3-about a{
    text-decoration:none !important;
}


.pla3-container{
    position:relative;

    z-index:4;

    width:
        calc(100% - 80px);

    max-width:1420px;

    margin:
        0 auto;

    min-width:0;
}


/* ==========================================================
   GRIDS
   ========================================================== */

.pla3-dark-grid,
.pla3-light-grid{
    position:absolute;

    inset:0;

    pointer-events:none;
}


.pla3-dark-grid{
    opacity:.13;

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

    background-size:
        82px 82px;
}


.pla3-light-grid{
    opacity:.42;

    background-image:
        linear-gradient(
            rgba(35,21,96,.04) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(35,21,96,.04) 1px,
            transparent 1px
        );

    background-size:
        82px 82px;
}


/* ==========================================================
   EYEBROW
   ========================================================== */

.pla3-eyebrow{
    display:flex;

    align-items:center;

    gap:12px;

    color:
        rgba(35,21,96,.50);

    font-size:9px;

    font-weight:850;

    letter-spacing:.18em;

    text-transform:uppercase;
}


.pla3-eyebrow > span{
    width:45px;
    height:2px;

    flex:
        0 0
        45px;

    background:
        linear-gradient(
            90deg,
            var(--pla3-orange),
            var(--pla3-red)
        );
}


.pla3-eyebrow--light{
    color:
        rgba(255,255,255,.43);
}


/* ==========================================================
   BUTTONS
   ========================================================== */

.pla3-button{
    min-height:56px;

    display:inline-flex;

    align-items:stretch;

    overflow:hidden;

    border-radius:8px;

    font-size:11px;

    font-weight:750;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


.pla3-button--primary{
    color:#fff !important;

    background:
        linear-gradient(
            105deg,
            var(--pla3-orange),
            var(--pla3-red),
            var(--pla3-purple)
        );

    box-shadow:
        0 14px 35px
        rgba(230,33,51,.18);
}


.pla3-button--primary > span{
    padding:
        0 23px;

    display:flex;

    align-items:center;
}


.pla3-button--primary > i{
    width:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-left:
        1px solid
        rgba(255,255,255,.17);

    font-style:normal;
}


.pla3-button svg{
    width:17px;
    height:17px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;

    transition:
        transform .25s ease;
}


.pla3-button--primary:hover{
    transform:
        translateY(-3px);

    box-shadow:
        0 19px 44px
        rgba(230,33,51,.25);
}


.pla3-button:hover svg{
    transform:
        translateX(3px);
}


.pla3-button--secondary{
    padding:
        0 20px;

    display:inline-flex;

    align-items:center;

    gap:14px;

    color:
        rgba(255,255,255,.72) !important;

    border:
        1px solid
        rgba(255,255,255,.12);

    background:
        rgba(255,255,255,.025);
}


.pla3-button--secondary:hover{
    transform:
        translateY(-3px);

    color:#fff !important;

    border-color:
        rgba(255,255,255,.22);

    background:
        rgba(255,255,255,.05);
}


/* ==========================================================
   HERO
   ========================================================== */

.pla3-hero{
    position:relative;

    min-height:810px;

    display:flex;

    align-items:center;

    overflow:hidden;

    isolation:isolate;

    color:#fff;

    background:
        radial-gradient(
            circle at 80% 36%,
            rgba(75,37,140,.18),
            transparent 29%
        ),
        radial-gradient(
            circle at 5% 90%,
            rgba(255,110,24,.07),
            transparent 24%
        ),
        linear-gradient(
            125deg,
            #07030E,
            #0D061C 53%,
            #080311
        );
}


.pla3-hero__glow{
    position:absolute;

    z-index:-2;

    border-radius:50%;

    pointer-events:none;
}


.pla3-hero__glow--orange{
    width:620px;
    height:620px;

    left:-330px;
    bottom:-390px;

    background:
        radial-gradient(
            circle,
            rgba(255,110,24,.13),
            transparent 68%
        );
}


.pla3-hero__glow--purple{
    width:850px;
    height:850px;

    right:-420px;
    top:-440px;

    background:
        radial-gradient(
            circle,
            rgba(75,37,140,.23),
            transparent 68%
        );
}


/* ROUTES */

.pla3-hero__routes{
    position:absolute;

    inset:0;

    z-index:-1;

    width:100%;
    height:100%;

    pointer-events:none;
}


.pla3-route{
    fill:none;

    stroke-linecap:round;
}


.pla3-route--quiet{
    stroke:
        rgba(255,255,255,.055);

    stroke-width:1;
}


.pla3-route--active{
    stroke:
        url(#pla3RouteGradient);

    stroke-width:1.35;

    stroke-dasharray:
        28 345;

    opacity:.72;

    animation:
        pla3RouteMove
        8s linear
        infinite;
}


@keyframes pla3RouteMove{

    to{
        stroke-dashoffset:-790;
    }

}


/* HERO LAYOUT */

.pla3-hero__inner{
    padding:
        145px
        0
        95px;

    display:grid;

    grid-template-columns:
        minmax(0,1.03fr)
        minmax(0,.97fr);

    align-items:center;

    gap:
        clamp(
            38px,
            4.5vw,
            72px
        );
}


.pla3-hero__copy,
.pla3-hero__visual{
    min-width:0;
}


.pla3-hero__copy{
    position:relative;

    z-index:6;

    max-width:720px;

    overflow:visible !important;
}


/* ==========================================================
   HERO TITLE
   DESCENDER SAFE
   ========================================================== */

.pla3-hero__title{
    margin:
        25px
        0
        0;

    padding-bottom:.18em;

    overflow:visible !important;

    font-size:
        clamp(
            56px,
            4.55vw,
            76px
        );

    font-weight:520;

    line-height:1.13 !important;

    letter-spacing:-.059em;
}


.pla3-hero__title > span,
.pla3-hero__title > strong{
    display:block;

    width:auto;
    max-width:100%;

    overflow:visible !important;

    line-height:1.13 !important;
}


.pla3-hero__title > span{
    padding-bottom:.14em;

    color:#fff;
}


.pla3-hero__title > strong{
    margin-top:-.06em;

    padding-bottom:.22em;

    font-weight:520;

    background:
        linear-gradient(
            95deg,
            var(--pla3-orange),
            var(--pla3-red) 50%,
            #A344C1
        );

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

    -webkit-text-fill-color:transparent;

    color:transparent;
}


.pla3-hero__lead{
    max-width:595px;

    margin:
        5px
        0
        0;

    color:
        rgba(255,255,255,.45);

    font-size:14px;

    line-height:1.78;
}


.pla3-hero__actions{
    margin-top:32px;

    display:flex;

    align-items:center;

    gap:13px;
}


/* HERO PROOF */

.pla3-hero__proof{
    margin-top:47px;

    display:flex;

    align-items:stretch;

    gap:20px;
}


.pla3-hero__proof > div{
    min-width:0;

    display:flex;

    flex-direction:column;

    gap:5px;
}


.pla3-hero__proof > i{
    width:1px;

    flex:
        0 0
        1px;

    background:
        rgba(255,255,255,.08);
}


.pla3-hero__proof small{
    color:
        var(--pla3-orange);

    font-family:
        monospace;

    font-size:7px;
}


.pla3-hero__proof strong{
    color:
        rgba(255,255,255,.90);

    font-size:14px;

    font-weight:650;
}


.pla3-hero__proof span{
    max-width:120px;

    color:
        rgba(255,255,255,.27);

    font-size:7px;

    line-height:1.45;

    letter-spacing:.045em;

    text-transform:uppercase;
}


/* ==========================================================
   HERO CONTROL VISUAL
   ========================================================== */

.pla3-control{
    --pla3-x:0px;
    --pla3-y:0px;
    --pla3-back-x:0px;
    --pla3-back-y:0px;

    position:relative;

    width:100%;
    max-width:660px;

    height:505px;

    margin-left:auto;

    perspective:1200px;
}


.pla3-control__back{
    position:absolute;

    width:88%;
    height:80%;

    right:0;
    top:13%;

    border:
        1px solid
        rgba(255,255,255,.07);

    border-radius:17px;

    background:
        linear-gradient(
            135deg,
            rgba(75,37,140,.10),
            rgba(255,110,24,.02)
        );

    transform:
        translate(
            var(--pla3-back-x),
            var(--pla3-back-y)
        )
        rotate(-2deg);

    transition:
        transform .15s ease-out;
}


.pla3-control__board{
    position:absolute;

    width:92%;
    height:82%;

    right:3%;
    top:7%;

    overflow:hidden;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:17px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(75,37,140,.15),
            transparent 43%
        ),
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        #090414;

    background-size:
        auto,
        37px 37px,
        37px 37px,
        auto;

    box-shadow:
        0 38px 85px
        rgba(0,0,0,.34);

    transform:
        translate(
            var(--pla3-x),
            var(--pla3-y)
        );

    transition:
        transform .15s ease-out;
}


.pla3-control__meta{
    position:absolute;

    left:22px;
    right:22px;
    top:19px;

    display:flex;

    justify-content:space-between;

    color:
        rgba(255,255,255,.18);

    font-size:6px;

    font-weight:850;

    letter-spacing:.13em;
}


.pla3-control__axis{
    position:absolute;

    left:50%;
    top:50%;

    background:
        rgba(255,255,255,.05);
}


.pla3-control__axis--x{
    width:79%;
    height:1px;

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


.pla3-control__axis--y{
    width:1px;
    height:76%;

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


.pla3-control__ring{
    position:absolute;

    left:50%;
    top:50%;

    border:
        1px solid
        rgba(255,255,255,.085);

    border-radius:50%;
}


.pla3-control__ring--1{
    width:275px;
    height:275px;

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


.pla3-control__ring--2{
    width:195px;
    height:195px;

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

    border-color:
        rgba(255,110,24,.15);
}


.pla3-control__ring--3{
    width:290px;
    height:100px;

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


.pla3-control__core{
    position:absolute;

    left:50%;
    top:50%;

    width:125px;
    height:125px;

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

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius:50%;

    background:
        radial-gradient(
            circle at 35% 25%,
            #402578,
            #160B30 70%
        );

    box-shadow:
        0 22px 50px
        rgba(0,0,0,.3);
}


.pla3-control__core small{
    color:
        rgba(255,255,255,.28);

    font-size:5.5px;

    font-weight:850;

    letter-spacing:.14em;
}


.pla3-control__core strong{
    margin:
        6px 0
        3px;

    color:#fff;

    font-size:29px;

    font-weight:650;

    letter-spacing:-.06em;
}


.pla3-control__core span{
    color:
        var(--pla3-orange);

    font-size:5.5px;

    font-weight:850;

    letter-spacing:.14em;
}


/* NODES */

.pla3-control__node{
    position:absolute;

    display:flex;

    align-items:center;

    gap:7px;

    color:
        rgba(255,255,255,.32);

    font-size:5.5px;

    font-weight:850;

    letter-spacing:.11em;
}


.pla3-control__node i{
    position:relative;

    width:11px;
    height:11px;

    border:
        1px solid
        rgba(255,110,24,.55);

    border-radius:50%;
}


.pla3-control__node i::after{
    content:"";

    position:absolute;

    inset:3px;

    border-radius:50%;

    background:
        var(--pla3-orange);
}


.pla3-control__node--1{
    left:11%;
    top:50%;
}


.pla3-control__node--2{
    left:46%;
    top:16%;
}


.pla3-control__node--3{
    right:8%;
    top:49%;
}


.pla3-control__node--4{
    left:43%;
    bottom:14%;
}


.pla3-control__pulse{
    position:absolute;

    width:8px;
    height:8px;

    border-radius:50%;

    background:#fff;

    box-shadow:
        0 0 9px #fff,
        0 0 20px
        rgba(255,110,24,.9);

    animation:
        pla3Pulse
        2.8s ease-in-out
        infinite;
}


.pla3-control__pulse--1{
    left:29%;
    top:28%;
}


.pla3-control__pulse--2{
    right:25%;
    bottom:25%;

    animation-delay:-1.3s;
}


@keyframes pla3Pulse{

    0%,
    100%{
        opacity:.35;

        transform:
            scale(.7);
    }

    50%{
        opacity:1;

        transform:
            scale(1.1);
    }

}


/* FLOATING CARDS */

.pla3-control-card{
    position:absolute;

    z-index:8;

    border:
        1px solid
        rgba(255,255,255,.11);

    border-radius:11px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            rgba(29,15,58,.94),
            rgba(10,5,23,.94)
        );

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

    transform:
        translate(
            var(--pla3-back-x),
            var(--pla3-back-y)
        );

    transition:
        transform .15s ease-out;
}


.pla3-control-card--top{
    left:0;
    top:0;

    width:205px;

    padding:
        17px
        18px;
}


.pla3-control-card--bottom{
    right:0;
    bottom:1%;

    width:230px;

    padding:
        18px
        19px;
}


.pla3-control-card small{
    display:block;

    margin-bottom:6px;

    color:
        var(--pla3-orange);

    font-size:6px;

    font-weight:850;

    letter-spacing:.13em;
}


.pla3-control-card strong{
    display:block;

    font-size:11px;

    font-weight:650;

    line-height:1.42;
}


.pla3-control-card--bottom > div{
    margin-bottom:11px;

    display:flex;

    align-items:center;

    gap:8px;

    color:
        rgba(255,255,255,.32);

    font-size:6px;

    font-weight:850;

    letter-spacing:.12em;
}


.pla3-control-card--bottom > div i{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#59D593;

    box-shadow:
        0 0 11px
        rgba(89,213,147,.6);
}


.pla3-control-card--bottom > small{
    margin:
        7px
        0
        0;

    color:
        rgba(255,255,255,.26);

    font-size:6.5px;

    font-weight:500;

    line-height:1.5;

    letter-spacing:0;
}


/* ==========================================================
   GENERIC HEADINGS
   ========================================================== */

.pla3-section-head{
    margin-bottom:62px;

    overflow:visible !important;
}


.pla3-section-head__row{
    margin-top:22px;

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:65px;

    overflow:visible !important;
}


.pla3-section-head h2,
.pla3-proof__intro h2,
.pla3-assessment__copy h2,
.pla3-global__copy h2,
.pla3-cta__inner h2{
    overflow:visible !important;

    font-weight:520;

    line-height:1.14 !important;

    letter-spacing:-.061em;
}


.pla3-section-head h2{
    width:min(
        820px,
        100%
    );

    margin:0;

    padding-bottom:.19em;

    color:
        var(--pla3-text);

    font-size:
        clamp(
            48px,
            4.7vw,
            76px
        );
}


.pla3-section-head h2 strong,
.pla3-proof__intro h2 strong,
.pla3-assessment__copy h2 strong,
.pla3-global__copy h2 strong,
.pla3-cta__inner h2 strong{
    display:block;

    width:auto;
    max-width:100%;

    padding-bottom:.21em;

    overflow:visible !important;

    font-weight:520;

    line-height:1.14 !important;

    background:
        linear-gradient(
            95deg,
            var(--pla3-orange),
            var(--pla3-red),
            #A344C1
        );

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

    -webkit-text-fill-color:transparent;

    color:transparent;
}


.pla3-section-head h2 strong{
    margin-top:-.04em;
}


.pla3-section-head__row > p{
    width:min(
        370px,
        100%
    );

    margin:0;

    color:
        var(--pla3-muted);

    font-size:12px;

    line-height:1.75;
}


/* ==========================================================
   STORY
   ========================================================== */

.pla3-story{
    position:relative;

    padding:
        115px
        0
        120px;

    overflow:hidden;

    color:
        var(--pla3-text);

    background:
        linear-gradient(
            180deg,
            #F8F7FA,
            #F1EEF4
        );
}


.pla3-story__layout{
    display:grid;

    grid-template-columns:
        minmax(0,.78fr)
        minmax(0,1.22fr);

    gap:
        clamp(
            50px,
            7vw,
            110px
        );

    align-items:center;
}


.pla3-story__copy,
.pla3-team-system{
    min-width:0;
}


.pla3-story__index{
    display:block;

    margin-bottom:31px;

    color:
        rgba(35,21,96,.36);

    font-size:7px;

    font-weight:850;

    letter-spacing:.15em;
}


.pla3-story__statement{
    margin:
        0
        0
        24px !important;

    padding-bottom:.11em;

    color:
        var(--pla3-text) !important;

    font-size:
        clamp(
            28px,
            2.7vw,
            41px
        ) !important;

    font-weight:550;

    line-height:1.18 !important;

    letter-spacing:-.043em;
}


.pla3-story__copy p{
    max-width:555px;

    margin:
        0
        0
        13px;

    color:
        var(--pla3-muted);

    font-size:11.5px;

    line-height:1.75;
}


/* TEAM SYSTEM */

.pla3-team-system{
    overflow:hidden;

    border:
        1px solid
        rgba(35,21,96,.09);

    border-radius:17px;

    background:
        rgba(255,255,255,.58);

    box-shadow:
        0 28px 75px
        rgba(35,21,96,.055);
}


.pla3-team-system__top{
    min-height:92px;

    padding:
        21px
        23px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    border-bottom:
        1px solid
        rgba(35,21,96,.08);
}


.pla3-team-system__top small{
    display:block;

    margin-bottom:6px;

    color:
        var(--pla3-orange);

    font-size:6px;

    font-weight:850;

    letter-spacing:.14em;
}


.pla3-team-system__top strong{
    color:
        var(--pla3-text);

    font-size:14px;

    font-weight:650;
}


.pla3-team-system__top > span{
    color:
        rgba(35,21,96,.30);

    font-size:6px;

    font-weight:850;

    letter-spacing:.14em;
}


.pla3-team-row{
    min-height:115px;

    padding:
        19px
        23px;

    display:grid;

    grid-template-columns:
        35px
        minmax(0,1fr)
        80px;

    align-items:center;

    gap:14px;

    border-bottom:
        1px solid
        rgba(35,21,96,.075);
}


.pla3-team-row:last-child{
    border-bottom:0;
}


.pla3-team-row > small{
    color:
        var(--pla3-orange);

    font-family:
        monospace;

    font-size:7px;
}


.pla3-team-row strong{
    display:block;

    margin-bottom:5px;

    color:
        var(--pla3-text);

    font-size:13px;

    font-weight:650;
}


.pla3-team-row span{
    display:block;

    max-width:390px;

    color:
        var(--pla3-muted);

    font-size:9px;

    line-height:1.5;
}


.pla3-team-row > b{
    color:
        var(--pla3-navy);

    font-size:
        29px;

    font-weight:600;

    line-height:1;

    letter-spacing:-.06em;

    text-align:right;
}


/* ==========================================================
   PROOF
   ========================================================== */

.pla3-proof{
    position:relative;

    padding:
        110px
        0
        120px;

    color:
        var(--pla3-text);

    background:#fff;
}


.pla3-proof__intro{
    margin-bottom:56px;

    overflow:visible;
}


.pla3-proof__intro h2{
    margin:
        22px
        0
        0;

    padding-bottom:.19em;

    font-size:
        clamp(
            48px,
            4.7vw,
            76px
        );
}


.pla3-proof__intro h2 strong{
    margin-top:-.04em;
}


.pla3-proof-grid{
    display:grid;

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

    gap:12px;
}


.pla3-proof-card{
    position:relative;

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

    padding:26px;

    display:flex;

    flex-direction:column;

    border:
        1px solid
        rgba(35,21,96,.09);

    border-radius:14px;

    background:
        linear-gradient(
            145deg,
            #FAF9FB,
            #F4F1F7
        );

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


.pla3-proof-card:hover{
    transform:
        translateY(-5px);

    background:#fff;

    box-shadow:
        0 24px 52px
        rgba(35,21,96,.07);
}


.pla3-proof-card > span{
    color:
        rgba(35,21,96,.30);

    font-family:
        monospace;

    font-size:7px;
}


.pla3-proof-card > strong{
    margin:
        65px
        0
        auto;

    padding-bottom:.08em;

    overflow:visible;

    color:
        var(--pla3-navy);

    font-size:
        clamp(
            37px,
            3.5vw,
            54px
        );

    font-weight:600;

    line-height:1.08;

    letter-spacing:-.065em;
}


.pla3-proof-card h3{
    margin:
        35px
        0
        10px;

    padding-bottom:.06em;

    overflow:visible;

    color:
        var(--pla3-text);

    font-size:18px;

    font-weight:650;

    line-height:1.18;

    letter-spacing:-.035em;
}


.pla3-proof-card p{
    margin:0;

    color:
        var(--pla3-muted);

    font-size:9px;

    line-height:1.6;
}


/* ==========================================================
   ASSESSMENT
   ========================================================== */

.pla3-assessment{
    position:relative;

    padding:
        120px
        0;

    overflow:hidden;

    color:#fff;

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(75,37,140,.18),
            transparent 29%
        ),
        #080411;
}


.pla3-assessment__glow{
    position:absolute;

    width:650px;
    height:650px;

    left:-340px;
    bottom:-420px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,110,24,.09),
            transparent 68%
        );
}


.pla3-assessment__layout{
    display:grid;

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

    align-items:center;

    gap:
        clamp(
            55px,
            7vw,
            110px
        );
}


.pla3-assessment__visual,
.pla3-assessment__copy{
    min-width:0;
}


/* PLAN CARD */

.pla3-plan-card{
    position:relative;

    width:100%;
    max-width:630px;

    min-height:470px;

    overflow:hidden;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:17px;

    background:
        linear-gradient(
            rgba(255,255,255,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            145deg,
            rgba(38,20,75,.58),
            rgba(10,5,23,.93)
        );

    background-size:
        38px 38px,
        38px 38px,
        auto;

    box-shadow:
        0 32px 75px
        rgba(0,0,0,.25);
}


.pla3-plan-card__head{
    position:absolute;

    left:22px;
    right:22px;
    top:20px;

    display:flex;

    justify-content:space-between;

    color:
        rgba(255,255,255,.23);

    font-size:6px;

    font-weight:850;

    letter-spacing:.13em;
}


.pla3-plan-card__head strong{
    color:
        var(--pla3-orange);

    font-size:6px;
}


.pla3-plan{
    position:absolute;

    left:50%;
    top:49%;

    width:350px;
    height:275px;

    transform:
        translate(-50%,-50%)
        perspective(700px)
        rotateX(56deg)
        rotateZ(-16deg);

    border:
        1px solid
        rgba(255,255,255,.14);

    background:
        rgba(75,37,140,.08);

    box-shadow:
        0 40px 65px
        rgba(0,0,0,.24);
}


.pla3-plan__room{
    position:absolute;

    padding:8px;

    display:grid;

    gap:6px;

    border:
        1px solid
        rgba(255,255,255,.13);

    background:
        rgba(75,37,140,.13);
}


.pla3-plan__room i{
    border-radius:2px;

    background:
        rgba(255,255,255,.06);
}


.pla3-plan__room--1{
    left:25px;
    top:28px;

    width:130px;
    height:93px;

    grid-template-columns:
        1fr 1fr;
}


.pla3-plan__room--2{
    right:25px;
    top:28px;

    width:145px;
    height:120px;
}


.pla3-plan__room--3{
    left:25px;
    bottom:26px;

    width:155px;
    height:94px;

    grid-template-columns:
        1fr 1fr;
}


.pla3-plan__room--4{
    right:25px;
    bottom:26px;

    width:110px;
    height:78px;
}


.pla3-plan__route{
    position:absolute;

    left:42px;
    right:42px;
    top:51%;

    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--pla3-orange),
            var(--pla3-red),
            transparent
        );
}


.pla3-plan__point{
    position:absolute;

    z-index:5;

    width:11px;
    height:11px;

    top:49%;

    border:
        2px solid
        #130927;

    border-radius:50%;

    background:
        var(--pla3-orange);

    box-shadow:
        0 0 15px
        rgba(255,110,24,.55);
}


.pla3-plan__point--1{
    left:36px;
}


.pla3-plan__point--2{
    right:36px;

    background:
        var(--pla3-red);
}


.pla3-plan-card__footer{
    position:absolute;

    left:22px;
    right:22px;
    bottom:20px;

    display:flex;

    justify-content:space-between;

    color:
        rgba(255,255,255,.25);

    font-size:6px;

    font-weight:850;

    letter-spacing:.12em;
}


.pla3-plan-card__footer > span{
    display:flex;

    align-items:center;

    gap:7px;
}


.pla3-plan-card__footer i{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#59D593;

    box-shadow:
        0 0 10px
        rgba(89,213,147,.55);
}


.pla3-plan-card__footer strong{
    color:
        rgba(255,255,255,.48);

    font-size:6px;
}


/* COPY */

.pla3-assessment__copy{
    overflow:visible;
}


.pla3-assessment__copy h2{
    margin:
        23px
        0
        14px;

    padding-bottom:.19em;

    color:#fff;

    font-size:
        clamp(
            45px,
            4.35vw,
            68px
        );
}


.pla3-assessment__copy h2 strong{
    margin-top:-.04em;
}


.pla3-assessment__copy > p{
    max-width:560px;

    margin:
        0
        0
        13px;

    color:
        rgba(255,255,255,.40);

    font-size:11.5px;

    line-height:1.75;
}


.pla3-assessment-list{
    margin-top:30px;

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


.pla3-assessment-list > div{
    min-height:76px;

    padding:
        16px 0;

    display:grid;

    grid-template-columns:
        35px
        120px
        minmax(0,1fr);

    align-items:start;

    gap:12px;

    border-bottom:
        1px solid
        rgba(255,255,255,.08);
}


.pla3-assessment-list small{
    color:
        var(--pla3-orange);

    font-family:
        monospace;

    font-size:7px;
}


.pla3-assessment-list strong{
    color:
        rgba(255,255,255,.82);

    font-size:10.5px;

    font-weight:650;
}


.pla3-assessment-list span{
    color:
        rgba(255,255,255,.27);

    font-size:8px;

    line-height:1.5;
}


/* ==========================================================
   EXPERTISE
   ========================================================== */

.pla3-expertise{
    position:relative;

    padding:
        115px
        0
        120px;

    overflow:hidden;

    color:
        var(--pla3-text);

    background:
        linear-gradient(
            180deg,
            #F8F7FA,
            #F0EDF4
        );
}


.pla3-expertise-grid{
    display:grid;

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

    gap:12px;
}


.pla3-expertise-card{
    min-width:0;
    min-height:330px;

    padding:27px;

    display:flex;

    flex-direction:column;

    border:
        1px solid
        rgba(35,21,96,.09);

    border-radius:14px;

    background:
        rgba(255,255,255,.58);

    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.pla3-expertise-card:hover{
    transform:
        translateY(-5px);

    background:#fff;

    box-shadow:
        0 24px 52px
        rgba(35,21,96,.065);
}


.pla3-expertise-card__top{
    display:flex;

    justify-content:space-between;

    align-items:center;
}


.pla3-expertise-card__top small{
    color:
        rgba(35,21,96,.35);

    font-size:6.5px;

    font-weight:850;

    letter-spacing:.13em;
}


.pla3-expertise-card__top i{
    color:
        var(--pla3-orange);

    font-size:15px;

    font-style:normal;
}


.pla3-expertise-card h3{
    margin:
        90px
        0
        13px;

    padding-bottom:.08em;

    overflow:visible;

    color:
        var(--pla3-text);

    font-size:
        clamp(
            25px,
            2.2vw,
            33px
        );

    font-weight:580;

    line-height:1.16;

    letter-spacing:-.045em;
}


.pla3-expertise-card p{
    margin:0;

    color:
        var(--pla3-muted);

    font-size:9.5px;

    line-height:1.65;
}


.pla3-expertise-card > span{
    margin-top:auto;

    padding-top:28px;

    color:
        var(--pla3-orange);

    font-size:6.5px;

    font-weight:850;

    letter-spacing:.14em;
}


/* ==========================================================
   GLOBAL
   ========================================================== */

.pla3-global{
    position:relative;

    padding:
        120px
        0;

    overflow:hidden;

    color:#fff;

    background:
        #080411;
}


.pla3-global__glow{
    position:absolute;

    width:780px;
    height:780px;

    right:-390px;
    top:-430px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(75,37,140,.22),
            transparent 68%
        );
}


.pla3-global__layout{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,.92fr);

    align-items:center;

    gap:
        clamp(
            55px,
            8vw,
            125px
        );
}


.pla3-global__copy,
.pla3-global__visual{
    min-width:0;
}


.pla3-global__copy{
    overflow:visible;
}


.pla3-global__copy h2{
    margin:
        23px
        0
        14px;

    padding-bottom:.19em;

    color:#fff;

    font-size:
        clamp(
            45px,
            4.35vw,
            68px
        );
}


.pla3-global__copy h2 strong{
    margin-top:-.04em;
}


.pla3-global__copy > p{
    max-width:575px;

    margin:
        0
        0
        13px;

    color:
        rgba(255,255,255,.40);

    font-size:11.5px;

    line-height:1.75;
}


.pla3-global__facts{
    margin-top:30px;

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


.pla3-global__facts > div{
    padding:
        16px 0;

    display:grid;

    grid-template-columns:
        35px
        120px
        minmax(0,1fr);

    align-items:start;

    gap:12px;

    border-bottom:
        1px solid
        rgba(255,255,255,.08);
}


.pla3-global__facts small{
    color:
        var(--pla3-orange);

    font-family:
        monospace;

    font-size:7px;
}


.pla3-global__facts strong{
    color:
        rgba(255,255,255,.82);

    font-size:10.5px;

    font-weight:650;
}


.pla3-global__facts span{
    color:
        rgba(255,255,255,.27);

    font-size:8px;

    line-height:1.5;
}


/* WORLD */

.pla3-world{
    position:relative;

    width:min(
        430px,
        100%
    );

    aspect-ratio:1;

    margin:
        0 auto;
}


.pla3-world__ring{
    position:absolute;

    left:50%;
    top:50%;

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:50%;
}


.pla3-world__ring--1{
    width:88%;
    height:88%;

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


.pla3-world__ring--2{
    width:88%;
    height:35%;

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


.pla3-world__ring--3{
    width:35%;
    height:88%;

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


.pla3-world__core{
    position:absolute;

    left:50%;
    top:50%;

    width:135px;
    height:135px;

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

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius:50%;

    background:
        radial-gradient(
            circle at 35% 25%,
            #402678,
            #160B30 70%
        );

    box-shadow:
        0 24px 50px
        rgba(0,0,0,.28);
}


.pla3-world__core small{
    color:
        rgba(255,255,255,.28);

    font-size:5.5px;

    font-weight:850;

    letter-spacing:.14em;
}


.pla3-world__core strong{
    margin:
        6px 0;

    color:#fff;

    font-size:35px;

    font-weight:650;

    letter-spacing:-.06em;
}


.pla3-world__core span{
    color:
        var(--pla3-orange);

    font-size:5px;

    font-weight:850;

    letter-spacing:.13em;
}


.pla3-world__node{
    position:absolute;

    display:flex;

    align-items:center;

    gap:7px;

    color:
        rgba(255,255,255,.31);

    font-size:5.5px;

    font-weight:850;

    letter-spacing:.11em;
}


.pla3-world__node i{
    width:10px;
    height:10px;

    border:
        2px solid
        #080411;

    border-radius:50%;

    background:
        var(--pla3-orange);

    box-shadow:
        0 0 13px
        rgba(255,110,24,.58);
}


.pla3-world__node--1{
    left:5%;
    top:47%;
}


.pla3-world__node--2{
    right:8%;
    top:27%;
}


.pla3-world__node--3{
    right:2%;
    bottom:28%;
}


.pla3-world__line{
    position:absolute;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,110,24,.5),
            transparent
        );
}


.pla3-world__line--1{
    width:38%;

    left:16%;
    top:40%;

    transform:
        rotate(24deg);
}


.pla3-world__line--2{
    width:35%;

    right:13%;
    bottom:37%;

    transform:
        rotate(-28deg);
}


/* ==========================================================
   CTA
   ========================================================== */

.pla3-cta{
    position:relative;

    padding:
        115px
        0
        110px;

    overflow:hidden;

    color:
        var(--pla3-text);

    background:
        linear-gradient(
            180deg,
            #F8F7FA,
            #F0EDF4
        );
}


.pla3-cta__inner{
    max-width:950px;

    margin:
        0 auto;

    text-align:center;

    overflow:visible;
}


.pla3-cta__inner .pla3-eyebrow{
    justify-content:center;
}


.pla3-cta__inner h2{
    margin:
        26px
        auto
        0;

    padding-bottom:.20em;

    color:
        var(--pla3-text);

    font-size:
        clamp(
            54px,
            5.8vw,
            88px
        );
}


.pla3-cta__inner h2 strong{
    margin-top:-.04em;
}


.pla3-cta__inner > p{
    max-width:575px;

    margin:
        0 auto;

    color:
        var(--pla3-muted);

    font-size:12px;

    line-height:1.75;
}


.pla3-cta__actions{
    margin-top:31px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:25px;
}


.pla3-cta__text-link{
    display:inline-flex;

    align-items:center;

    gap:10px;

    color:
        var(--pla3-navy) !important;

    font-size:10px;

    font-weight:750;
}


.pla3-cta__text-link span{
    color:
        var(--pla3-orange);

    font-size:14px;

    transition:
        transform .2s ease;
}


.pla3-cta__text-link:hover span{
    transform:
        translate(2px,-2px);
}


.pla3-cta__meta{
    margin-top:65px;

    padding-top:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    border-top:
        1px solid
        rgba(35,21,96,.09);

    color:
        rgba(35,21,96,.31);

    font-size:6.5px;

    font-weight:850;

    letter-spacing:.13em;
}


.pla3-cta__meta i{
    width:4px;
    height:4px;

    border-radius:50%;

    background:
        var(--pla3-orange);
}


/* ==========================================================
   REVEAL
   DEFAULT VISIBLE — ELEMENTOR SAFE
   ========================================================== */

.pla3-reveal{
    opacity:1;

    visibility:visible;

    transform:none;
}


.pla3-about.pla3-js
.pla3-reveal{
    opacity:0;

    transform:
        translateY(24px);

    transition:
        opacity .65s ease,
        transform .65s ease;
}


.pla3-about.pla3-js
.pla3-reveal.is-visible{
    opacity:1;

    transform:
        translateY(0);
}


/* ==========================================================
   LAPTOP
   ========================================================== */

@media(max-width:1250px){

    .pla3-container{
        width:
            calc(100% - 56px);
    }


    .pla3-hero__inner{
        grid-template-columns:
            minmax(0,1.04fr)
            minmax(0,.96fr);

        gap:34px;
    }


    .pla3-hero__title{
        font-size:
            clamp(
                53px,
                4.5vw,
                68px
            );
    }


    .pla3-control{
        height:475px;
    }


    .pla3-proof-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1000px){

    .pla3-container{
        width:
            calc(100% - 42px);
    }


    .pla3-hero{
        min-height:auto;
    }


    .pla3-hero__inner{
        padding:
            125px
            0
            100px;

        grid-template-columns:1fr;

        gap:65px;
    }


    .pla3-hero__copy{
        max-width:800px;
    }


    .pla3-hero__title{
        font-size:
            clamp(
                58px,
                8vw,
                82px
            );
    }


    .pla3-control{
        width:min(
            760px,
            100%
        );

        height:540px;

        margin:
            0 auto;
    }


    .pla3-section-head__row{
        flex-direction:column;

        align-items:flex-start;

        gap:23px;
    }


    .pla3-section-head__row > p{
        width:min(
            620px,
            100%
        );
    }


    .pla3-story__layout,
    .pla3-assessment__layout,
    .pla3-global__layout{
        grid-template-columns:1fr;

        gap:55px;
    }


    .pla3-story__copy{
        max-width:720px;
    }


    .pla3-plan-card{
        width:min(
            650px,
            100%
        );

        margin:
            0 auto;
    }


    .pla3-assessment__visual{
        order:2;
    }


    .pla3-assessment__copy{
        order:1;
    }


    .pla3-expertise-grid{
        grid-template-columns:1fr;
    }


    .pla3-expertise-card{
        min-height:270px;
    }


    .pla3-expertise-card h3{
        margin-top:60px;
    }


    .pla3-global__copy{
        max-width:720px;
    }


    .pla3-world{
        width:min(
            390px,
            100%
        );
    }

}


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

@media(max-width:700px){

    .pla3-container{
        width:
            calc(100% - 36px);
    }


    .pla3-story,
    .pla3-proof,
    .pla3-assessment,
    .pla3-expertise,
    .pla3-global{
        padding:
            84px
            0;
    }


    /* HERO */

    .pla3-hero__inner{
        padding:
            105px
            0
            78px;

        gap:48px;
    }


    .pla3-hero__title{
        font-size:
            clamp(
                44px,
                12.7vw,
                61px
            );

        line-height:1.18 !important;

        padding-bottom:.25em;
    }


    .pla3-hero__title > span,
    .pla3-hero__title > strong{
        line-height:1.18 !important;
    }


    .pla3-hero__title > span{
        padding-bottom:.18em;
    }


    .pla3-hero__title > strong{
        margin-top:-.03em;

        padding-bottom:.28em;
    }


    .pla3-hero__lead{
        font-size:12.5px;
    }


    .pla3-hero__actions{
        flex-direction:column;

        align-items:stretch;
    }


    .pla3-button{
        width:100%;

        justify-content:space-between;
    }


    .pla3-button--primary > span{
        flex:1;
    }


    .pla3-hero__proof{
        display:grid;

        grid-template-columns:
            1fr
            1fr;

        gap:18px;
    }


    .pla3-hero__proof > i{
        display:none;
    }


    .pla3-hero__proof > div:last-child{
        grid-column:
            1 / -1;
    }


    /* CONTROL */

    .pla3-control{
        height:410px;
    }


    .pla3-control__board{
        width:97%;
        height:76%;

        right:-2%;
        top:12%;
    }


    .pla3-control__back{
        width:91%;
        height:71%;

        right:1%;
        top:16%;
    }


    .pla3-control__ring--1{
        width:220px;
        height:220px;
    }


    .pla3-control__ring--2{
        width:155px;
        height:155px;
    }


    .pla3-control__ring--3{
        width:225px;
        height:77px;
    }


    .pla3-control__core{
        width:98px;
        height:98px;
    }


    .pla3-control__core strong{
        font-size:23px;
    }


    .pla3-control__node span{
        display:none;
    }


    .pla3-control-card--top{
        width:165px;

        padding:13px;
    }


    .pla3-control-card--bottom{
        width:190px;

        padding:14px;
    }


    /* HEADINGS */

    .pla3-section-head{
        margin-bottom:42px;
    }


    .pla3-section-head h2,
    .pla3-proof__intro h2,
    .pla3-assessment__copy h2,
    .pla3-global__copy h2{
        font-size:
            clamp(
                41px,
                11.5vw,
                58px
            );

        line-height:1.18 !important;

        padding-bottom:.26em;
    }


    .pla3-section-head h2 strong,
    .pla3-proof__intro h2 strong,
    .pla3-assessment__copy h2 strong,
    .pla3-global__copy h2 strong{
        line-height:1.18 !important;

        padding-bottom:.28em;
    }


    /* TEAM */

    .pla3-team-system__top{
        align-items:flex-start;

        flex-direction:column;

        gap:12px;
    }


    .pla3-team-row{
        grid-template-columns:
            28px
            1fr;

        min-height:110px;

        padding:
            17px;
    }


    .pla3-team-row > b{
        display:none;
    }


    /* PROOF */

    .pla3-proof-grid{
        grid-template-columns:1fr;
    }


    .pla3-proof-card{
        min-height:280px;
    }


    .pla3-proof-card > strong{
        margin-top:45px;
    }


    /* PLAN */

    .pla3-plan-card{
        min-height:365px;
    }


    .pla3-plan{
        width:275px;
        height:215px;
    }


    /* LISTS */

    .pla3-assessment-list > div,
    .pla3-global__facts > div{
        grid-template-columns:
            28px
            1fr;

        gap:8px 11px;
    }


    .pla3-assessment-list span,
    .pla3-global__facts span{
        grid-column:2;
    }


    /* EXPERTISE */

    .pla3-expertise-card{
        min-height:260px;
    }


    .pla3-expertise-card h3{
        margin-top:52px;
    }


    /* WORLD */

    .pla3-world{
        width:min(
            315px,
            100%
        );
    }


    .pla3-world__core{
        width:105px;
        height:105px;
    }


    .pla3-world__core strong{
        font-size:27px;
    }


    /* CTA */

    .pla3-cta{
        padding:
            85px
            0
            78px;
    }


    .pla3-cta__inner h2{
        font-size:
            clamp(
                43px,
                12vw,
                61px
            );

        line-height:1.18 !important;

        padding-bottom:.27em;
    }


    .pla3-cta__inner h2 strong{
        line-height:1.18 !important;

        padding-bottom:.29em;
    }


    .pla3-cta__actions{
        flex-direction:column;

        gap:18px;
    }


    .pla3-cta__text-link{
        justify-content:center;
    }


    .pla3-cta__meta{
        flex-wrap:wrap;

        gap:10px 14px;
    }

}


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

@media(max-width:430px){

    .pla3-hero__title,
    .pla3-section-head h2,
    .pla3-proof__intro h2,
    .pla3-assessment__copy h2,
    .pla3-global__copy h2,
    .pla3-cta__inner h2{
        line-height:1.20 !important;
    }


    .pla3-hero__title > strong,
    .pla3-section-head h2 strong,
    .pla3-proof__intro h2 strong,
    .pla3-assessment__copy h2 strong,
    .pla3-global__copy h2 strong,
    .pla3-cta__inner h2 strong{
        line-height:1.20 !important;

        padding-bottom:.31em;
    }


    .pla3-control{
        height:370px;
    }


    .pla3-control-card--top{
        width:150px;
    }


    .pla3-control-card--bottom{
        width:172px;
    }


    .pla3-plan{
        width:235px;
        height:185px;
    }

}


/* ==========================================================
   ELEMENTOR SAFETY
   ========================================================== */

body.elementor-editor-active
.pla3-about .pla3-reveal,

body.elementor-editor-preview
.pla3-about .pla3-reveal{
    opacity:1 !important;

    visibility:visible !important;

    transform:none !important;
}


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

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

    .pla3-route--active,
    .pla3-control__pulse{
        animation:none !important;
    }


    .pla3-about .pla3-reveal{
        opacity:1 !important;

        visibility:visible !important;

        transform:none !important;

        transition:none !important;
    }

}


/* ==========================================================
   ==========================================================
   PROLOCATE REFERENCES
   USER'S EXISTING AMERICAN LONG-NOSE TRUCK SYSTEM
   ==========================================================
   ========================================================== */

.plr-section,
.plr-section *{
    box-sizing:border-box;
}


.plr-section{
    --pl-purple:#4B258C;
    --pl-purple-light:#6841B0;

    --pl-orange:#FF6E18;
    --pl-red:#E62133;

    position:relative;

    width:100%;
    max-width:100%;

    overflow:hidden;

    color:#fff;

    font-family:
        Inter,
        "Segoe UI",
        Arial,
        sans-serif;

    background:
        radial-gradient(
            circle at 87% 4%,
            rgba(75,37,140,.16),
            transparent 30%
        ),
        radial-gradient(
            circle at 5% 100%,
            rgba(255,110,24,.07),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #080410 0%,
            #0B0517 50%,
            #07030E 100%
        );
}


/* ==========================================================
   BACKGROUND GRID
   ========================================================== */

.plr-grid{
    position:absolute;

    inset:0;

    pointer-events:none;

    opacity:.11;

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

    background-size:
        82px 82px;
}


/* ==========================================================
   CONTAINER
   ========================================================== */

.plr-container{
    position:relative;

    z-index:2;

    width:
        calc(100% - 84px);

    max-width:1500px;

    margin:0 auto;

    padding:
        110px 0
        115px;
}


/* ==========================================================
   HEADER
   DESCENDER SAFE
   ========================================================== */

.plr-heading{
    margin-bottom:64px;

    overflow:visible !important;
}


.plr-eyebrow{
    margin-bottom:24px;

    display:flex;

    align-items:center;

    gap:12px;

    color:
        rgba(255,255,255,.46);

    font-size:9px;

    font-weight:850;

    letter-spacing:.18em;

    text-transform:uppercase;
}


.plr-eyebrow > span{
    width:44px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--pl-orange),
            var(--pl-red)
        );
}


.plr-heading__row{
    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:70px;

    overflow:visible !important;
}


.plr-heading h2{
    position:relative;

    display:block;

    width:auto;
    height:auto !important;

    margin:0;

    padding:
        .02em
        0
        .20em;

    overflow:visible !important;

    contain:none !important;

    clip-path:none !important;

    font-size:
        clamp(
            50px,
            5.2vw,
            82px
        );

    font-weight:520;

    line-height:1.14 !important;

    letter-spacing:-.068em;
}


.plr-heading h2 strong{
    position:relative;

    display:block;

    width:max-content;
    max-width:100%;

    height:auto !important;

    padding:
        .02em
        0
        .22em;

    margin:0;

    overflow:visible !important;

    contain:none !important;

    clip-path:none !important;

    font-weight:520;

    line-height:1.14 !important;

    background:
        linear-gradient(
            95deg,
            var(--pl-orange),
            var(--pl-red),
            #A344C1
        );

    background-size:
        100%
        100%;

    background-repeat:no-repeat;

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

    -webkit-text-fill-color:transparent;

    color:transparent;

    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
}


.plr-heading__right{
    max-width:330px;

    padding-bottom:8px;
}


.plr-heading__right p{
    margin:
        0
        0
        17px;

    color:
        rgba(255,255,255,.43);

    font-size:13px;

    line-height:1.65;
}


.plr-all{
    display:inline-flex;

    align-items:center;

    gap:10px;

    color:
        rgba(255,255,255,.76) !important;

    text-decoration:none !important;

    font-size:11px;

    font-weight:700;
}


.plr-all span{
    color:
        var(--pl-orange);

    transition:
        transform .2s ease;
}


.plr-all:hover span{
    transform:
        translate(2px,-2px);
}


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

.plr-scene{
    position:relative;

    height:440px;

    overflow:hidden;

    contain:
        layout paint;

    border:
        1px solid
        rgba(255,255,255,.075);

    border-radius:18px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.016),
            rgba(255,255,255,.004)
        );
}


/* ==========================================================
   ROAD META
   ========================================================== */

.plr-road-meta{
    position:absolute;

    top:30px;

    left:46px;
    right:46px;

    display:flex;

    align-items:center;

    gap:14px;

    color:
        rgba(255,255,255,.22);

    font-size:7px;

    font-weight:850;

    letter-spacing:.15em;
}


.plr-road-meta i{
    flex:1;

    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.04),
            rgba(255,110,24,.20),
            rgba(255,255,255,.04)
        );
}


/* ==========================================================
   VIEWPORT
   ========================================================== */

.plr-viewport{
    position:absolute;

    inset:
        58px
        0
        68px;

    overflow:hidden;
}


/* ==========================================================
   TRACK
   ========================================================== */

.plr-track{
    position:absolute;

    left:0;
    bottom:0;

    height:300px;

    display:flex;

    align-items:flex-end;

    gap:82px;

    padding:
        0
        72px;

    will-change:
        transform;

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


/* ==========================================================
   TRUCK
   ========================================================== */

.plr-truck{
    width:690px;
    min-width:690px;

    flex:
        0 0
        690px;

    margin:0;

    padding:0;
}


/* ==========================================================
   SVG
   ========================================================== */

.plr-truck-svg{
    display:block;

    width:100%;
    height:auto;

    overflow:visible;

    shape-rendering:
        geometricPrecision;
}


/* ==========================================================
   TRAILER
   ========================================================== */

.plr-svg-trailer{
    fill:#170C2E;

    stroke:
        rgba(255,255,255,.13);

    stroke-width:1;
}


.plr-svg-trailer-line{
    stroke:
        rgba(255,255,255,.08);

    stroke-width:1;
}


.plr-svg-trailer-title{
    fill:
        rgba(255,255,255,.40);

    font-size:8px;

    font-weight:800;

    letter-spacing:2px;
}


.plr-svg-trailer-number{
    fill:#FF6E18;

    font-size:8px;

    font-weight:900;
}


.plr-svg-card{
    fill:#241347;

    stroke:
        rgba(255,255,255,.11);

    stroke-width:1;
}


.plr-svg-stripe-orange{
    fill:#FF6E18;
}


.plr-svg-stripe-red{
    fill:#E62133;
}


.plr-svg-stripe-purple{
    fill:#4B258C;
}


.plr-svg-underbody{
    fill:#18171D;
}


/* ==========================================================
   CONNECTION / CHASSIS
   ========================================================== */

.plr-svg-connection{
    fill:#26252C;
}


.plr-svg-chassis{
    fill:#17171C;
}


.plr-svg-deck{
    fill:#7F828A;

    stroke:#B7B9BE;

    stroke-width:1;
}


/* ==========================================================
   CAB + HOOD
   ========================================================== */

.plr-svg-body{
    fill:#43247D;

    stroke:#6948A5;

    stroke-width:1;
}


.plr-svg-hood{
    fill:#3A206E;

    stroke:#6948A5;

    stroke-width:1;
}


.plr-svg-body-line,
.plr-svg-hood-line{
    stroke:
        rgba(255,255,255,.15);

    stroke-width:1;
}


.plr-svg-door{
    fill:none;

    stroke:
        rgba(255,255,255,.12);

    stroke-width:1;
}


.plr-svg-handle{
    fill:#A9ABB1;
}


/* ==========================================================
   WINDOWS
   ========================================================== */

.plr-svg-glass{
    fill:#16233A;

    stroke:#67738B;

    stroke-width:1;
}


/* ==========================================================
   CAB STRIPES
   ========================================================== */

.plr-svg-body-stripe{
    fill:#E62133;
}


.plr-svg-cab-mark{
    fill:#FFFFFF;

    font-size:24px;

    font-weight:900;

    font-style:italic;
}


/* ==========================================================
   LIGHTS
   ========================================================== */

.plr-svg-marker-lights,
.plr-svg-marker{
    fill:#FF9E35;
}


/* ==========================================================
   HORNS
   ========================================================== */

.plr-svg-horns{
    fill:#B9BBC1;
}


/* ==========================================================
   CHROME
   ========================================================== */

.plr-svg-chrome{
    fill:#AEB0B7;

    stroke:#DDDEE1;

    stroke-width:1;
}


/* ==========================================================
   MIRROR
   ========================================================== */

.plr-svg-mirror{
    fill:#AEB0B7;

    stroke:#CDD0D4;

    stroke-width:2;
}


/* ==========================================================
   EXHAUST
   ========================================================== */

.plr-svg-stack{
    fill:#AEB0B7;

    stroke:#E2E3E6;

    stroke-width:1;
}


.plr-svg-stack--far{
    fill:#777A82;

    stroke:#A6A8AE;
}


/* ==========================================================
   AIR CLEANER
   ========================================================== */

.plr-svg-aircleaner rect{
    fill:#AEB0B7;

    stroke:#E1E2E5;

    stroke-width:1;
}


.plr-svg-aircleaner line{
    stroke:#676A72;

    stroke-width:1;
}


/* ==========================================================
   HOOD BRAND
   ========================================================== */

.plr-svg-hood-badge{
    fill:
        rgba(255,255,255,.38);

    font-size:6px;

    font-weight:800;

    letter-spacing:1.2px;
}


/* ==========================================================
   HEADLIGHT
   ========================================================== */

.plr-svg-headlight > rect:first-child{
    fill:#777A82;

    stroke:#BFC1C7;

    stroke-width:1;
}


.plr-svg-lamp{
    fill:#FFE8B1;
}


/* ==========================================================
   GRILLE
   ========================================================== */

.plr-svg-grille > rect:first-child{
    fill:#AEB0B7;

    stroke:#ECEDEF;

    stroke-width:2;
}


.plr-svg-grille line{
    stroke:#50535A;

    stroke-width:1;
}


.plr-svg-grille-badge{
    fill:#E62133;
}


/* ==========================================================
   FENDER
   ========================================================== */

.plr-svg-fender{
    fill:#3A206E;

    stroke:#6948A5;

    stroke-width:1;
}


/* ==========================================================
   FUEL
   ========================================================== */

.plr-svg-fuel{
    fill:#A6A8AE;

    stroke:#E0E1E4;

    stroke-width:1;
}


.plr-svg-fuel-band{
    stroke:#64676E;

    stroke-width:2;
}


/* ==========================================================
   STEPS
   ========================================================== */

.plr-svg-step{
    fill:#7F828A;

    stroke:#C9CBD0;

    stroke-width:1;
}


/* ==========================================================
   BUMPER
   ========================================================== */

.plr-svg-bumper{
    fill:#AEB0B7;

    stroke:#E7E8EA;

    stroke-width:1;
}


/* ==========================================================
   WHEELS
   ========================================================== */

.plr-svg-tire{
    fill:#060609;

    stroke:#17171C;

    stroke-width:3;
}


.plr-svg-rim{
    fill:#A8AAB0;

    stroke:#E0E1E3;

    stroke-width:2;
}


.plr-svg-hub{
    fill:#4B4D54;
}


/* ==========================================================
   ROAD
   ========================================================== */

.plr-road{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:68px;
}


.plr-road__edge{
    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,110,24,.35),
            rgba(230,33,51,.25),
            transparent
        );
}


.plr-road__surface{
    position:relative;

    height:66px;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.018),
            rgba(255,255,255,.004)
        );
}


.plr-road__line{
    position:absolute;

    top:28px;

    left:-180px;

    width:
        calc(100% + 360px);

    height:2px;

    opacity:.18;

    background:
        repeating-linear-gradient(
            90deg,
            #FFFFFF 0 90px,
            transparent 90px 172px
        );

    animation:
        plrRoadMove
        2.8s linear
        infinite;
}


@keyframes plrRoadMove{

    to{
        transform:
            translateX(-172px);
    }

}


/* ==========================================================
   FADES
   ========================================================== */

.plr-scene__fade{
    position:absolute;

    z-index:20;

    top:0;
    bottom:0;

    width:85px;

    pointer-events:none;
}


.plr-scene__fade--left{
    left:0;

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


.plr-scene__fade--right{
    right:0;

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


/* ==========================================================
   REFERENCES TABLET
   ========================================================== */

@media(max-width:1050px){

    .plr-container{
        width:
            calc(100% - 42px);

        padding:
            95px 0;
    }


    .plr-heading__row{
        flex-direction:column;

        align-items:flex-start;

        gap:25px;
    }


    .plr-truck{
        width:600px;
        min-width:600px;

        flex-basis:600px;
    }


    .plr-track{
        gap:55px;
    }

}


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

@media(max-width:700px){

    .plr-container{
        width:
            calc(100% - 36px);

        padding:
            82px 0;
    }


    .plr-heading{
        margin-bottom:42px;
    }


    .plr-heading h2{
        font-size:
            clamp(
                45px,
                13vw,
                64px
            );

        line-height:1.16 !important;

        padding:
            .02em
            0
            .24em;
    }


    .plr-heading h2 strong{
        width:100%;

        line-height:1.16 !important;

        padding-bottom:.26em;
    }


    .plr-scene{
        height:315px;

        border-radius:13px;
    }


    .plr-road-meta{
        display:none;
    }


    .plr-viewport{
        inset:
            18px
            0
            54px;
    }


    .plr-track{
        height:240px;

        gap:28px;

        padding:
            0
            24px;
    }


    .plr-truck{
        width:445px;
        min-width:445px;

        flex-basis:445px;
    }


    .plr-road{
        height:54px;
    }


    .plr-road__surface{
        height:52px;
    }


    .plr-road__line{
        top:22px;
    }


    .plr-scene__fade{
        width:25px;
    }

}


/* ==========================================================
   REFERENCES SMALL MOBILE
   ========================================================== */

@media(max-width:430px){

    .plr-heading h2{
        line-height:1.18 !important;

        padding-bottom:.26em;
    }


    .plr-heading h2 strong{
        line-height:1.18 !important;

        padding-bottom:.28em;
    }


    .plr-scene{
        height:285px;
    }


    .plr-viewport{
        inset:
            12px
            0
            50px;
    }


    .plr-track{
        height:212px;

        padding:
            0
            18px;

        gap:21px;
    }


    .plr-truck{
        width:370px;
        min-width:370px;

        flex-basis:370px;
    }

}


@media(max-width:360px){

    .plr-truck{
        width:335px;
        min-width:335px;

        flex-basis:335px;
    }

}


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

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

    .plr-road__line{
        animation:none !important;
    }

}/* End custom CSS */