/* ===== dx-rugged-hero ===== */


/* =========================================================
   ROOT
========================================================= */

#dx-rugged-hero,
#dx-rugged-hero *{
    box-sizing:border-box;
}

#dx-rugged-hero{
    --black:#08090a;
    --dark:#111315;
    --dark2:#1b1e20;
    --white:#ffffff;
    --soft:#f3f5f6;
    --grey:#596166;
    --muted:#81898d;
    --line:#d9dee1;
    --cyan:#00c4d5;
    --container:1280px;

    position:relative;

    width:100%;
    margin:0;
    padding:0;

    overflow:clip;

    background:#ffffff;
    color:#08090a;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-hero h1,
#dx-rugged-hero h2,
#dx-rugged-hero h3,
#dx-rugged-hero p,
#dx-rugged-hero span,
#dx-rugged-hero strong,
#dx-rugged-hero a{
    margin:0;
    padding:0;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-hero a{
    text-decoration:none;
}

#dx-rugged-hero img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    border:0;
}


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

#dx-rugged-hero::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            rgba(0,0,0,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,0,0,.018) 1px,
            transparent 1px
        );

    background-size:74px 74px;

    -webkit-mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,.72),
            transparent 72%
        );

    mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,.72),
            transparent 72%
        );

    pointer-events:none;
}


#dx-rugged-hero::after{
    content:"RUGGED";

    position:absolute;

    right:-42px;
    top:90px;

    color:rgba(0,0,0,.018);

    font-size:150px;
    font-weight:700;

    line-height:.8;

    letter-spacing:-.07em;

    pointer-events:none;
}


/* =========================================================
   WRAPPER
========================================================= */

#dx-rugged-hero .dxrh-wrap{
    position:relative;
    z-index:2;

    width:min(var(--container),calc(100% - 48px));

    min-height:720px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(500px,1.08fr);

    gap:clamp(55px,6vw,92px);

    align-items:center;

    padding:64px 0 48px;
}


/* =========================================================
   LEFT
========================================================= */

#dx-rugged-hero .dxrh-content{
    max-width:700px;
}


/* =========================================================
   BREADCRUMB
========================================================= */

#dx-rugged-hero .dxrh-breadcrumb{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:9px;

    margin-bottom:25px;

    color:#7b8387;

    font-size:11px;
    font-weight:600;

    line-height:1.45;

    letter-spacing:.06em;

    text-transform:uppercase;
}

#dx-rugged-hero .dxrh-breadcrumb a{
    color:#596166;
}

#dx-rugged-hero .dxrh-breadcrumb a:hover{
    color:#08090a;
}

#dx-rugged-hero .dxrh-breadcrumb-sep{
    color:#b1b7ba;
}


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

#dx-rugged-hero .dxrh-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:19px;

    color:#555d62;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.10em;

    text-transform:uppercase;
}

#dx-rugged-hero .dxrh-eyebrow::before{
    content:"";

    width:34px;
    height:2px;

    flex:0 0 34px;

    background:#08090a;
}


/* =========================================================
   TITLE
========================================================= */

#dx-rugged-hero .dxrh-title{
    max-width:720px;

    color:#08090a;

    font-size:clamp(45px,4.7vw,63px);
    font-weight:600;

    line-height:1.01;

    letter-spacing:-.052em;
}

#dx-rugged-hero .dxrh-title span{
    position:relative;

    display:inline;

    z-index:1;

    color:#08090a;
}

#dx-rugged-hero .dxrh-title span::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:3px;

    height:4px;

    z-index:-1;

    background:#00c4d5;

    opacity:.72;
}


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

#dx-rugged-hero .dxrh-copy{
    max-width:640px;

    margin-top:27px;

    color:#555d62;

    font-size:17px;
    font-weight:400;

    line-height:1.72;
}

#dx-rugged-hero .dxrh-copy strong{
    color:#08090a;

    font-weight:600;
}


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

#dx-rugged-hero .dxrh-actions{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:11px;

    margin-top:34px;
}

#dx-rugged-hero .dxrh-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:10px;

    min-height:54px;

    padding:15px 23px;

    font-size:13px;
    font-weight:700;

    line-height:1.2;

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

#dx-rugged-hero .dxrh-btn-primary{
    color:#ffffff;

    background:#08090a;

    border:1px solid #08090a;
}

#dx-rugged-hero .dxrh-btn-primary:hover{
    background:#202426;

    transform:translateY(-2px);
}

#dx-rugged-hero .dxrh-btn-secondary{
    color:#08090a;

    background:#ffffff;

    border:1px solid #cbd1d4;
}

#dx-rugged-hero .dxrh-btn-secondary:hover{
    color:#ffffff;

    background:#08090a;

    border-color:#08090a;

    transform:translateY(-2px);
}

#dx-rugged-hero .dxrh-btn svg{
    width:17px;
    height:17px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.7;

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


/* =========================================================
   CAPABILITIES
========================================================= */

#dx-rugged-hero .dxrh-caps{
    display:grid;

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

    margin-top:43px;

    padding-top:22px;

    border-top:1px solid #d9dee1;
}

#dx-rugged-hero .dxrh-cap{
    padding:0 14px;

    border-right:1px solid #dfe3e5;
}

#dx-rugged-hero .dxrh-cap:first-child{
    padding-left:0;
}

#dx-rugged-hero .dxrh-cap:last-child{
    border-right:0;
}

#dx-rugged-hero .dxrh-cap strong{
    display:block;

    color:#08090a;

    font-size:14px;
    font-weight:600;

    line-height:1.35;
}

#dx-rugged-hero .dxrh-cap span{
    display:block;

    margin-top:6px;

    color:#7c8488;

    font-size:10px;
    font-weight:600;

    line-height:1.4;

    letter-spacing:.045em;

    text-transform:uppercase;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

#dx-rugged-hero .dxrh-visual{
    display:grid;

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

    gap:13px;

    min-height:610px;
}


/* =========================================================
   PHOTO
========================================================= */

#dx-rugged-hero .dxrh-photo{
    position:relative;

    min-width:0;

    overflow:hidden;

    background:#1b1e20;
}

#dx-rugged-hero .dxrh-photo img{
    object-position:center;

    filter:
        saturate(.75)
        contrast(1.04)
        brightness(.82);

    transition:
        transform .8s cubic-bezier(.22,1,.36,1),
        filter .35s ease;
}

#dx-rugged-hero .dxrh-photo:hover img{
    transform:scale(1.03);

    filter:
        saturate(.9)
        contrast(1.04)
        brightness(.86);
}

#dx-rugged-hero .dxrh-photo::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(8,9,10,.04) 20%,
            rgba(8,9,10,.14) 50%,
            rgba(8,9,10,.86) 100%
        );

    pointer-events:none;
}


/* =========================================================
   PHOTO LABEL
========================================================= */

#dx-rugged-hero .dxrh-photo-top{
    position:absolute;

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

    z-index:4;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;
}

#dx-rugged-hero .dxrh-status{
    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 13px;

    color:#ffffff;

    background:rgba(8,9,10,.80);

    font-size:10px;
    font-weight:700;

    line-height:1.3;

    letter-spacing:.06em;

    text-transform:uppercase;

    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}

#dx-rugged-hero .dxrh-status::before{
    content:"";

    width:6px;
    height:6px;

    border-radius:50%;

    background:#00c4d5;
}

#dx-rugged-hero .dxrh-photo-code{
    color:rgba(255,255,255,.8);

    font-size:10px;
    font-weight:600;

    line-height:1.35;

    letter-spacing:.055em;

    text-transform:uppercase;
}


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

#dx-rugged-hero .dxrh-photo-copy{
    position:absolute;

    left:25px;
    right:25px;
    bottom:26px;

    z-index:4;
}

#dx-rugged-hero .dxrh-photo-copy span{
    display:block;

    color:#c9ced0;

    font-size:11px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.07em;

    text-transform:uppercase;
}

#dx-rugged-hero .dxrh-photo-copy strong{
    display:block;

    max-width:500px;

    margin-top:8px;

    color:#ffffff;

    font-size:27px;
    font-weight:600;

    line-height:1.12;

    letter-spacing:-.03em;
}

#dx-rugged-hero .dxrh-photo-copy p{
    max-width:500px;

    margin-top:11px;

    color:#c1c7ca;

    font-size:14px;
    font-weight:400;

    line-height:1.62;
}


/* =========================================================
   SIDE PRODUCT CATEGORY PANEL
========================================================= */

#dx-rugged-hero .dxrh-product-panel{
    display:flex;

    flex-direction:column;

    min-width:0;

    background:#08090a;
}


/* =========================================================
   PANEL HEAD
========================================================= */

#dx-rugged-hero .dxrh-panel-head{
    padding:19px;

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

#dx-rugged-hero .dxrh-panel-head span{
    display:block;

    color:#8f979b;

    font-size:10px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}

#dx-rugged-hero .dxrh-panel-head strong{
    display:block;

    margin-top:7px;

    color:#ffffff;

    font-size:16px;
    font-weight:600;

    line-height:1.35;
}


/* =========================================================
   GENERIC RUGGED TABLET
========================================================= */

#dx-rugged-hero .dxrh-tablet-stage{
    flex:1 1 auto;

    min-height:310px;

    display:flex;

    align-items:center;
    justify-content:center;

    padding:27px 16px;

    background:
        radial-gradient(
            circle at center,
            #262b2e 0,
            #151819 56%,
            #0b0d0e 100%
        );
}


/* THIS IS A GENERIC CATEGORY VISUAL, NOT A DELMONIX SKU */

#dx-rugged-hero .dxrh-tablet{
    position:relative;

    width:174px;
    height:235px;

    padding:12px;

    background:
        linear-gradient(
            145deg,
            #363b3e,
            #151719 58%,
            #303538
        );

    border:1px solid #484e51;

    border-radius:17px;

    box-shadow:
        0 26px 42px rgba(0,0,0,.32);

    transition:
        transform .45s cubic-bezier(.22,1,.36,1);
}

#dx-rugged-hero .dxrh-product-panel:hover .dxrh-tablet{
    transform:translateY(-5px);
}


/* CORNER BUMPERS */

#dx-rugged-hero .dxrh-tablet::before,
#dx-rugged-hero .dxrh-tablet::after{
    content:"";

    position:absolute;

    width:28px;
    height:28px;

    border:4px solid #090a0b;
}

#dx-rugged-hero .dxrh-tablet::before{
    top:-3px;
    left:-3px;

    border-right:0;
    border-bottom:0;
}

#dx-rugged-hero .dxrh-tablet::after{
    right:-3px;
    bottom:-3px;

    border-left:0;
    border-top:0;
}


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

#dx-rugged-hero .dxrh-screen{
    position:relative;

    height:177px;

    overflow:hidden;

    padding:13px;

    background:#eef1f2;

    border:2px solid #050606;

    border-radius:7px;
}

#dx-rugged-hero .dxrh-screen-top{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:8px;

    padding-bottom:9px;

    border-bottom:1px solid #d1d7da;
}

#dx-rugged-hero .dxrh-screen-top strong{
    color:#08090a;

    font-size:10px;
    font-weight:700;
}

#dx-rugged-hero .dxrh-online{
    display:flex;

    align-items:center;

    gap:5px;

    color:#626a6f;

    font-size:8px;
    font-weight:700;

    text-transform:uppercase;
}

#dx-rugged-hero .dxrh-online::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:#00c4d5;
}


/* =========================================================
   SCREEN UI
========================================================= */

#dx-rugged-hero .dxrh-ui-label{
    display:block;

    margin-top:14px;

    color:#687075;

    font-size:9px;
    font-weight:700;

    line-height:1.3;

    text-transform:uppercase;
}

#dx-rugged-hero .dxrh-ui-title{
    display:block;

    margin-top:5px;

    color:#08090a;

    font-size:14px;
    font-weight:600;

    line-height:1.25;
}

#dx-rugged-hero .dxrh-ui-grid{
    display:grid;

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

    gap:6px;

    margin-top:14px;
}

#dx-rugged-hero .dxrh-ui-box{
    min-height:42px;

    padding:8px;

    background:#ffffff;

    border:1px solid #d9dee1;
}

#dx-rugged-hero .dxrh-ui-box span{
    display:block;

    color:#7a8286;

    font-size:7px;
    font-weight:700;

    text-transform:uppercase;
}

#dx-rugged-hero .dxrh-ui-box strong{
    display:block;

    margin-top:4px;

    color:#08090a;

    font-size:10px;
    font-weight:600;
}


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

#dx-rugged-hero .dxrh-controls{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    margin-top:9px;
}

#dx-rugged-hero .dxrh-control{
    width:14px;
    height:14px;

    border-radius:50%;

    background:#303538;

    border:1px solid #4b5154;
}

#dx-rugged-hero .dxrh-control-main{
    width:21px;
    height:14px;

    border-radius:8px;
}


/* =========================================================
   PANEL FEATURES
========================================================= */

#dx-rugged-hero .dxrh-panel-features{
    border-top:1px solid rgba(255,255,255,.13);
}

#dx-rugged-hero .dxrh-panel-feature{
    padding:14px 17px;

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

#dx-rugged-hero .dxrh-panel-feature:last-child{
    border-bottom:0;
}

#dx-rugged-hero .dxrh-panel-feature strong{
    display:block;

    color:#ffffff;

    font-size:12px;
    font-weight:600;

    line-height:1.35;
}

#dx-rugged-hero .dxrh-panel-feature span{
    display:block;

    margin-top:4px;

    color:#858d91;

    font-size:10px;
    font-weight:600;

    line-height:1.35;

    text-transform:uppercase;

    letter-spacing:.04em;
}


/* =========================================================
   BOTTOM STRIP
========================================================= */

#dx-rugged-hero .dxrh-bottom{
    position:relative;
    z-index:3;

    width:min(var(--container),calc(100% - 48px));

    margin:0 auto;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:25px;

    padding:23px 0 29px;

    border-top:1px solid #d9dee1;
}

#dx-rugged-hero .dxrh-bottom-left{
    display:flex;

    align-items:center;

    gap:10px;

    color:#697176;

    font-size:11px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}

#dx-rugged-hero .dxrh-bottom-left::before{
    content:"";

    width:27px;
    height:1px;

    flex:0 0 27px;

    background:#08090a;
}

#dx-rugged-hero .dxrh-bottom strong{
    color:#08090a;

    font-size:14px;
    font-weight:600;

    line-height:1.4;
}


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

@media(max-width:1080px){

    #dx-rugged-hero .dxrh-wrap{
        grid-template-columns:1fr;

        min-height:auto;

        gap:55px;

        padding:60px 0 46px;
    }


    #dx-rugged-hero .dxrh-content{
        max-width:820px;
    }


    #dx-rugged-hero .dxrh-visual{
        max-width:850px;

        min-height:580px;
    }

}


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

@media(max-width:767px){

    #dx-rugged-hero::after{
        top:45px;
        right:-10px;

        font-size:70px;
    }


    #dx-rugged-hero .dxrh-wrap{
        width:calc(100% - 30px);

        padding:44px 0 40px;

        gap:40px;
    }


    /* BREADCRUMB */

    #dx-rugged-hero .dxrh-breadcrumb{
        margin-bottom:20px;

        font-size:10px;
    }


    /* EYEBROW */

    #dx-rugged-hero .dxrh-eyebrow{
        font-size:10px;
    }


    /* TITLE */

    #dx-rugged-hero .dxrh-title{
        font-size:clamp(36px,10vw,46px);

        line-height:1.03;
    }


    /* COPY */

    #dx-rugged-hero .dxrh-copy{
        margin-top:22px;

        font-size:15px;

        line-height:1.68;
    }


    /* BUTTONS */

    #dx-rugged-hero .dxrh-actions{
        display:grid;

        grid-template-columns:1fr;

        margin-top:28px;
    }


    #dx-rugged-hero .dxrh-btn{
        width:100%;

        min-height:52px;

        font-size:13px;
    }


    /* CAPS */

    #dx-rugged-hero .dxrh-caps{
        grid-template-columns:repeat(2,minmax(0,1fr));

        row-gap:22px;

        margin-top:33px;
    }


    #dx-rugged-hero .dxrh-cap{
        padding:0 11px;
    }


    #dx-rugged-hero .dxrh-cap:nth-child(2){
        border-right:0;
    }


    #dx-rugged-hero .dxrh-cap:nth-child(3){
        padding-left:0;
    }


    #dx-rugged-hero .dxrh-cap strong{
        font-size:13px;
    }


    #dx-rugged-hero .dxrh-cap span{
        font-size:10px;
    }


    /* VISUAL */

    #dx-rugged-hero .dxrh-visual{
        grid-template-columns:1fr;

        min-height:auto;
    }


    #dx-rugged-hero .dxrh-photo{
        min-height:460px;
    }


    #dx-rugged-hero .dxrh-photo-top{
        top:13px;
        left:13px;
        right:13px;
    }


    #dx-rugged-hero .dxrh-status{
        padding:8px 10px;

        font-size:9px;
    }


    #dx-rugged-hero .dxrh-photo-code{
        display:none;
    }


    #dx-rugged-hero .dxrh-photo-copy{
        left:18px;
        right:18px;
        bottom:20px;
    }


    #dx-rugged-hero .dxrh-photo-copy span{
        font-size:10px;
    }


    #dx-rugged-hero .dxrh-photo-copy strong{
        font-size:24px;
    }


    #dx-rugged-hero .dxrh-photo-copy p{
        font-size:13px;
    }


    /* PRODUCT PANEL */

    #dx-rugged-hero .dxrh-product-panel{
        display:grid;

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


    #dx-rugged-hero .dxrh-panel-head{
        grid-column:1 / -1;
    }


    #dx-rugged-hero .dxrh-tablet-stage{
        min-height:300px;
    }


    #dx-rugged-hero .dxrh-panel-features{
        border-top:0;
        border-left:1px solid rgba(255,255,255,.13);
    }


    /* BOTTOM */

    #dx-rugged-hero .dxrh-bottom{
        width:calc(100% - 30px);

        flex-direction:column;

        align-items:flex-start;

        gap:9px;
    }


    #dx-rugged-hero .dxrh-bottom-left{
        font-size:10px;
    }


    #dx-rugged-hero .dxrh-bottom strong{
        font-size:13px;
    }

}


@media(max-width:520px){

    #dx-rugged-hero .dxrh-product-panel{
        grid-template-columns:1fr;
    }


    #dx-rugged-hero .dxrh-panel-head{
        grid-column:auto;
    }


    #dx-rugged-hero .dxrh-panel-features{
        border-left:0;

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

}


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

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

    #dx-rugged-hero *,
    #dx-rugged-hero *::before,
    #dx-rugged-hero *::after{
        animation:none;
        transition:none;
    }

}



/* ===== dx-rugged-environments ===== */


/* =========================================================
   ROOT
========================================================= */

#dx-rugged-environments,
#dx-rugged-environments *{
    box-sizing:border-box;
}

#dx-rugged-environments{
    --black:#08090a;
    --dark:#111315;
    --white:#ffffff;
    --soft:#f3f5f6;
    --grey:#5c6469;
    --muted:#7d8589;
    --line:#d9dee1;
    --cyan:#00c4d5;
    --container:1280px;

    position:relative;

    width:100%;
    margin:0;
    padding:0;

    overflow:clip;

    background:#f3f5f6;
    color:#08090a;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-environments h2,
#dx-rugged-environments h3,
#dx-rugged-environments p,
#dx-rugged-environments span,
#dx-rugged-environments strong,
#dx-rugged-environments a{
    margin:0;
    padding:0;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-environments img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    border:0;
}


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

#dx-rugged-environments::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            rgba(0,0,0,.017) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,0,0,.017) 1px,
            transparent 1px
        );

    background-size:76px 76px;

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent,
            rgba(0,0,0,.6)
        );

    mask-image:
        linear-gradient(
            to right,
            transparent,
            rgba(0,0,0,.6)
        );

    pointer-events:none;
}


/* =========================================================
   WRAPPER
========================================================= */

#dx-rugged-environments .dxre-wrap{
    position:relative;
    z-index:2;

    width:min(var(--container),calc(100% - 48px));

    margin:0 auto;

    padding:105px 0 110px;
}


/* =========================================================
   HEADER
========================================================= */

#dx-rugged-environments .dxre-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(350px,.43fr);

    gap:72px;

    align-items:end;

    margin-bottom:50px;
}


#dx-rugged-environments .dxre-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:18px;

    color:#555d62;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.09em;

    text-transform:uppercase;
}


#dx-rugged-environments .dxre-eyebrow::before{
    content:"";

    width:34px;
    height:2px;

    flex:0 0 34px;

    background:#08090a;
}


#dx-rugged-environments .dxre-title{
    max-width:850px;

    color:#08090a;

    font-size:clamp(41px,4.3vw,58px);
    font-weight:600;

    line-height:1.03;

    letter-spacing:-.046em;
}


#dx-rugged-environments .dxre-title span{
    position:relative;

    display:inline;

    z-index:1;

    color:#08090a;
}


#dx-rugged-environments .dxre-title span::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:2px;

    height:4px;

    z-index:-1;

    background:#00c4d5;

    opacity:.7;
}


#dx-rugged-environments .dxre-intro{
    padding-left:27px;

    border-left:1px solid #cdd3d6;
}


#dx-rugged-environments .dxre-intro p{
    color:#5b6368;

    font-size:16px;
    font-weight:400;

    line-height:1.75;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

#dx-rugged-environments .dxre-layout{
    display:grid;

    grid-template-columns:
        minmax(390px,.44fr)
        minmax(0,.56fr);

    gap:24px;

    align-items:start;
}


/* =========================================================
   LEFT — STICKY
========================================================= */

#dx-rugged-environments .dxre-left{
    position:-webkit-sticky;
    position:sticky;

    top:110px;

    align-self:start;

    height:max-content;
}


/* =========================================================
   MAIN IMAGE
========================================================= */

#dx-rugged-environments .dxre-image{
    position:relative;

    min-height:600px;

    overflow:hidden;

    background:#111315;
}


#dx-rugged-environments .dxre-image img{
    object-position:center;

    filter:
        saturate(.74)
        contrast(1.05)
        brightness(.78);

    transition:
        transform .8s cubic-bezier(.22,1,.36,1),
        filter .35s ease;
}


#dx-rugged-environments .dxre-image:hover img{
    transform:scale(1.03);

    filter:
        saturate(.9)
        contrast(1.05)
        brightness(.83);
}


#dx-rugged-environments .dxre-image::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(8,9,10,.03) 18%,
            rgba(8,9,10,.18) 50%,
            rgba(8,9,10,.92) 100%
        );

    pointer-events:none;
}


/* =========================================================
   IMAGE TOP
========================================================= */

#dx-rugged-environments .dxre-image-top{
    position:absolute;

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

    z-index:5;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;
}


#dx-rugged-environments .dxre-image-label{
    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 13px;

    color:#ffffff;

    background:rgba(8,9,10,.82);

    font-size:11px;
    font-weight:700;

    line-height:1.35;

    letter-spacing:.06em;

    text-transform:uppercase;

    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}


#dx-rugged-environments .dxre-image-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:#00c4d5;
}


#dx-rugged-environments .dxre-image-code{
    color:rgba(255,255,255,.78);

    font-size:10px;
    font-weight:600;

    line-height:1.4;

    letter-spacing:.055em;

    text-transform:uppercase;
}


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

#dx-rugged-environments .dxre-image-copy{
    position:absolute;

    left:27px;
    right:27px;
    bottom:29px;

    z-index:5;
}


#dx-rugged-environments .dxre-image-copy span{
    display:block;

    color:#c7cccf;

    font-size:11px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.07em;

    text-transform:uppercase;
}


#dx-rugged-environments .dxre-image-copy h3{
    max-width:470px;

    margin-top:9px;

    color:#ffffff;

    font-size:32px;
    font-weight:600;

    line-height:1.09;

    letter-spacing:-.034em;
}


#dx-rugged-environments .dxre-image-copy p{
    max-width:470px;

    margin-top:13px;

    color:#c0c6c9;

    font-size:14px;
    font-weight:400;

    line-height:1.68;
}


/* =========================================================
   LEFT BOTTOM STRIP
========================================================= */

#dx-rugged-environments .dxre-left-strip{
    display:grid;

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

    background:#08090a;

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


#dx-rugged-environments .dxre-left-stat{
    padding:18px 16px;

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


#dx-rugged-environments .dxre-left-stat:last-child{
    border-right:0;
}


#dx-rugged-environments .dxre-left-stat strong{
    display:block;

    color:#ffffff;

    font-size:14px;
    font-weight:600;

    line-height:1.35;
}


#dx-rugged-environments .dxre-left-stat span{
    display:block;

    margin-top:5px;

    color:#888f93;

    font-size:10px;
    font-weight:600;

    line-height:1.4;

    letter-spacing:.045em;

    text-transform:uppercase;
}


/* =========================================================
   RIGHT COLUMN
========================================================= */

#dx-rugged-environments .dxre-right{
    border-top:1px solid #d6dcdf;
}


/* =========================================================
   ROW
========================================================= */

#dx-rugged-environments .dxre-row{
    position:relative;

    display:grid;

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

    gap:20px;

    align-items:start;

    min-height:205px;

    padding:27px 22px;

    background:#ffffff;

    border-left:1px solid #d6dcdf;
    border-right:1px solid #d6dcdf;
    border-bottom:1px solid #d6dcdf;

    overflow:hidden;

    transition:
        background .25s ease,
        padding-left .25s ease;
}


#dx-rugged-environments .dxre-row:hover{
    background:#f8f9f9;

    padding-left:28px;
}


#dx-rugged-environments .dxre-row::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:3px;
    height:0;

    background:#08090a;

    transition:height .3s ease;
}


#dx-rugged-environments .dxre-row:hover::before{
    height:100%;
}


/* =========================================================
   NUMBER
========================================================= */

#dx-rugged-environments .dxre-number{
    color:#858d91;

    font-size:12px;
    font-weight:700;

    line-height:1.45;

    letter-spacing:.07em;
}


/* =========================================================
   ROW CONTENT
========================================================= */

#dx-rugged-environments .dxre-row-main{
    min-width:0;
}


#dx-rugged-environments .dxre-row-kicker{
    display:block;

    color:#727a7e;

    font-size:11px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


#dx-rugged-environments .dxre-row h3{
    margin-top:8px;

    color:#08090a;

    font-size:23px;
    font-weight:600;

    line-height:1.16;

    letter-spacing:-.025em;
}


#dx-rugged-environments .dxre-row p{
    max-width:580px;

    margin-top:10px;

    color:#5e666b;

    font-size:14px;
    font-weight:400;

    line-height:1.68;
}


/* =========================================================
   ROW META
========================================================= */

#dx-rugged-environments .dxre-meta{
    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-top:18px;
}


#dx-rugged-environments .dxre-meta span{
    display:inline-flex;

    align-items:center;

    min-height:32px;

    padding:7px 10px;

    color:#5d656a;

    background:#f3f5f6;

    border:1px solid #dce1e3;

    font-size:10px;
    font-weight:700;

    line-height:1.3;

    letter-spacing:.04em;

    text-transform:uppercase;
}


/* =========================================================
   ICON
========================================================= */

#dx-rugged-environments .dxre-icon{
    width:48px;
    height:48px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#08090a;

    background:#f3f5f6;

    border:1px solid #d9dee1;

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


#dx-rugged-environments .dxre-row:hover .dxre-icon{
    color:#ffffff;

    background:#08090a;

    border-color:#08090a;
}


#dx-rugged-environments .dxre-icon svg{
    width:21px;
    height:21px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.6;

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


/* =========================================================
   WHY RUGGED STRIP
========================================================= */

#dx-rugged-environments .dxre-why{
    display:grid;

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

    gap:26px;

    align-items:center;

    margin-top:18px;

    padding:26px 27px;

    background:#08090a;
}


#dx-rugged-environments .dxre-why-num{
    color:#ffffff;

    font-size:32px;
    font-weight:600;

    line-height:1;

    letter-spacing:-.04em;
}


#dx-rugged-environments .dxre-why-copy{
    padding-left:26px;

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


#dx-rugged-environments .dxre-why-copy span{
    display:block;

    color:#8e969a;

    font-size:11px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.065em;

    text-transform:uppercase;
}


#dx-rugged-environments .dxre-why-copy strong{
    display:block;

    margin-top:6px;

    color:#ffffff;

    font-size:16px;
    font-weight:600;

    line-height:1.5;
}


#dx-rugged-environments .dxre-why-end{
    color:#d0d5d7;

    font-size:11px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.055em;

    text-transform:uppercase;
}


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

@media(max-width:1000px){

    #dx-rugged-environments .dxre-wrap{
        padding:88px 0 94px;
    }


    #dx-rugged-environments .dxre-head{
        grid-template-columns:1fr;

        gap:27px;
    }


    #dx-rugged-environments .dxre-intro{
        max-width:760px;
    }


    #dx-rugged-environments .dxre-layout{
        grid-template-columns:1fr;

        gap:20px;
    }


    /* Disable sticky when layout stacks */

    #dx-rugged-environments .dxre-left{
        position:relative;

        top:auto;

        height:auto;
    }


    #dx-rugged-environments .dxre-image{
        min-height:580px;
    }

}


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

@media(max-width:767px){

    #dx-rugged-environments .dxre-wrap{
        width:calc(100% - 30px);

        padding:70px 0 76px;
    }


    /* HEADER */

    #dx-rugged-environments .dxre-head{
        margin-bottom:35px;
    }


    #dx-rugged-environments .dxre-eyebrow{
        font-size:10px;
    }


    #dx-rugged-environments .dxre-title{
        font-size:clamp(35px,9.8vw,45px);

        line-height:1.04;
    }


    #dx-rugged-environments .dxre-intro{
        padding-left:18px;
    }


    #dx-rugged-environments .dxre-intro p{
        font-size:14px;

        line-height:1.7;
    }


    /* IMAGE */

    #dx-rugged-environments .dxre-image{
        min-height:500px;
    }


    #dx-rugged-environments .dxre-image-top{
        top:14px;
        left:14px;
        right:14px;
    }


    #dx-rugged-environments .dxre-image-label{
        padding:8px 10px;

        font-size:9px;
    }


    #dx-rugged-environments .dxre-image-code{
        display:none;
    }


    #dx-rugged-environments .dxre-image-copy{
        left:18px;
        right:18px;
        bottom:20px;
    }


    #dx-rugged-environments .dxre-image-copy span{
        font-size:10px;
    }


    #dx-rugged-environments .dxre-image-copy h3{
        font-size:26px;
    }


    #dx-rugged-environments .dxre-image-copy p{
        font-size:13px;
    }


    /* LEFT STRIP */

    #dx-rugged-environments .dxre-left-strip{
        grid-template-columns:1fr;
    }


    #dx-rugged-environments .dxre-left-stat{
        padding:14px 15px;

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


    #dx-rugged-environments .dxre-left-stat:last-child{
        border-bottom:0;
    }


    #dx-rugged-environments .dxre-left-stat strong{
        font-size:13px;
    }


    #dx-rugged-environments .dxre-left-stat span{
        font-size:9px;
    }


    /* ROWS */

    #dx-rugged-environments .dxre-row{
        grid-template-columns:
            31px
            minmax(0,1fr)
            42px;

        gap:11px;

        min-height:auto;

        padding:22px 17px;
    }


    #dx-rugged-environments .dxre-row:hover{
        padding-left:20px;
    }


    #dx-rugged-environments .dxre-number{
        font-size:10px;
    }


    #dx-rugged-environments .dxre-row-kicker{
        font-size:10px;
    }


    #dx-rugged-environments .dxre-row h3{
        font-size:20px;
    }


    #dx-rugged-environments .dxre-row p{
        font-size:13px;

        line-height:1.65;
    }


    #dx-rugged-environments .dxre-icon{
        width:40px;
        height:40px;
    }


    #dx-rugged-environments .dxre-icon svg{
        width:18px;
        height:18px;
    }


    #dx-rugged-environments .dxre-meta span{
        min-height:30px;

        padding:6px 8px;

        font-size:9px;
    }


    /* BOTTOM */

    #dx-rugged-environments .dxre-why{
        grid-template-columns:1fr;

        gap:13px;

        padding:21px;
    }


    #dx-rugged-environments .dxre-why-copy{
        padding-left:0;

        border-left:0;
    }


    #dx-rugged-environments .dxre-why-copy span{
        font-size:10px;
    }


    #dx-rugged-environments .dxre-why-copy strong{
        font-size:14px;
    }


    #dx-rugged-environments .dxre-why-end{
        font-size:10px;
    }

}


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

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

    #dx-rugged-environments *,
    #dx-rugged-environments *::before,
    #dx-rugged-environments *::after{
        animation:none;
        transition:none;
    }

}



/* ===== dx-rugged-vs-consumer ===== */


/* =========================================================
   ROOT
========================================================= */

#dx-rugged-vs-consumer,
#dx-rugged-vs-consumer *{
    box-sizing:border-box;
}

#dx-rugged-vs-consumer{
    --black:#08090a;
    --dark:#111315;
    --white:#ffffff;
    --soft:#f4f6f7;
    --grey:#5c6469;
    --muted:#7d8589;
    --line:#d9dee1;
    --cyan:#00c4d5;
    --container:1280px;

    position:relative;

    width:100%;
    margin:0;
    padding:0;

    overflow:clip;

    background:#ffffff;
    color:#08090a;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-vs-consumer h2,
#dx-rugged-vs-consumer h3,
#dx-rugged-vs-consumer p,
#dx-rugged-vs-consumer span,
#dx-rugged-vs-consumer strong,
#dx-rugged-vs-consumer a{
    margin:0;
    padding:0;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-vs-consumer a{
    text-decoration:none;
}


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

#dx-rugged-vs-consumer::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            rgba(0,0,0,.017) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,0,0,.017) 1px,
            transparent 1px
        );

    background-size:76px 76px;

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.6),
            transparent 78%
        );

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.6),
            transparent 78%
        );

    pointer-events:none;
}


/* =========================================================
   WRAPPER
========================================================= */

#dx-rugged-vs-consumer .dxrvc-wrap{
    position:relative;
    z-index:2;

    width:min(var(--container),calc(100% - 48px));

    margin:0 auto;

    padding:105px 0 110px;
}


/* =========================================================
   HEADER
========================================================= */

#dx-rugged-vs-consumer .dxrvc-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(350px,.43fr);

    gap:72px;

    align-items:end;

    margin-bottom:50px;
}


#dx-rugged-vs-consumer .dxrvc-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:18px;

    color:#555d62;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.09em;

    text-transform:uppercase;
}


#dx-rugged-vs-consumer .dxrvc-eyebrow::before{
    content:"";

    width:34px;
    height:2px;

    flex:0 0 34px;

    background:#08090a;
}


#dx-rugged-vs-consumer .dxrvc-title{
    max-width:850px;

    color:#08090a;

    font-size:clamp(41px,4.25vw,57px);
    font-weight:600;

    line-height:1.03;

    letter-spacing:-.046em;
}


#dx-rugged-vs-consumer .dxrvc-title span{
    position:relative;

    display:inline;

    z-index:1;

    color:#08090a;
}


#dx-rugged-vs-consumer .dxrvc-title span::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:2px;

    height:4px;

    z-index:-1;

    background:#00c4d5;

    opacity:.72;
}


#dx-rugged-vs-consumer .dxrvc-intro{
    padding-left:27px;

    border-left:1px solid #ccd2d5;
}


#dx-rugged-vs-consumer .dxrvc-intro p{
    color:#5b6368;

    font-size:16px;
    font-weight:400;

    line-height:1.75;
}


/* =========================================================
   COMPARISON
========================================================= */

#dx-rugged-vs-consumer .dxrvc-comparison{
    display:grid;

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

    align-items:stretch;
}


/* =========================================================
   CARD
========================================================= */

#dx-rugged-vs-consumer .dxrvc-card{
    position:relative;

    overflow:hidden;

    border:1px solid #d9dee1;

    background:#f4f6f7;
}


/* =========================================================
   CARD HEAD
========================================================= */

#dx-rugged-vs-consumer .dxrvc-card-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    min-height:84px;

    padding:20px 24px;

    background:#ffffff;

    border-bottom:1px solid #d9dee1;
}


#dx-rugged-vs-consumer .dxrvc-card-type{
    display:flex;

    align-items:center;

    gap:10px;

    color:#697176;

    font-size:11px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.065em;

    text-transform:uppercase;
}


#dx-rugged-vs-consumer .dxrvc-card-type::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:#08090a;
}


#dx-rugged-vs-consumer .dxrvc-rugged .dxrvc-card-type::before{
    background:#00c4d5;
}


#dx-rugged-vs-consumer .dxrvc-card-code{
    color:#8a9296;

    font-size:10px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


/* =========================================================
   VISUAL STAGE
========================================================= */

#dx-rugged-vs-consumer .dxrvc-stage{
    position:relative;

    min-height:350px;

    display:flex;

    align-items:center;
    justify-content:center;

    overflow:hidden;

    background:
        radial-gradient(
            circle at center,
            #ffffff 0%,
            #f0f2f3 56%,
            #e4e8ea 100%
        );
}


#dx-rugged-vs-consumer .dxrvc-stage::after{
    content:"";

    position:absolute;

    left:10%;
    right:10%;
    bottom:43px;

    height:1px;

    background:#cfd5d8;
}


/* =========================================================
   CONSUMER TABLET VISUAL
========================================================= */

#dx-rugged-vs-consumer .dxrvc-consumer-device{
    position:relative;
    z-index:3;

    width:210px;
    height:285px;

    padding:8px;

    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            #bfc5c8,
            #777f83
        );

    box-shadow:
        0 25px 35px rgba(0,0,0,.16);

    transform:rotate(-3deg);

    transition:
        transform .45s cubic-bezier(.22,1,.36,1);
}


#dx-rugged-vs-consumer .dxrvc-card:hover .dxrvc-consumer-device{
    transform:
        rotate(-1deg)
        translateY(-4px);
}


#dx-rugged-vs-consumer .dxrvc-consumer-screen{
    height:100%;

    padding:17px;

    border-radius:10px;

    background:#ffffff;

    border:1px solid #cbd1d4;
}


/* =========================================================
   GENERIC RUGGED TABLET VISUAL
========================================================= */

#dx-rugged-vs-consumer .dxrvc-rugged-device{
    position:relative;
    z-index:3;

    width:225px;
    height:300px;

    padding:13px;

    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            #3c4144,
            #101213 58%,
            #313639
        );

    border:1px solid #4e5558;

    box-shadow:
        0 28px 42px rgba(0,0,0,.25);

    transform:rotate(2deg);

    transition:
        transform .45s cubic-bezier(.22,1,.36,1);
}


#dx-rugged-vs-consumer .dxrvc-rugged:hover .dxrvc-rugged-device{
    transform:
        rotate(0deg)
        translateY(-4px);
}


/* BUMPERS */

#dx-rugged-vs-consumer .dxrvc-rugged-device::before,
#dx-rugged-vs-consumer .dxrvc-rugged-device::after{
    content:"";

    position:absolute;

    width:34px;
    height:34px;

    border:5px solid #08090a;
}


#dx-rugged-vs-consumer .dxrvc-rugged-device::before{
    top:-4px;
    left:-4px;

    border-right:0;
    border-bottom:0;
}


#dx-rugged-vs-consumer .dxrvc-rugged-device::after{
    right:-4px;
    bottom:-4px;

    border-left:0;
    border-top:0;
}


#dx-rugged-vs-consumer .dxrvc-rugged-screen{
    height:230px;

    padding:17px;

    border-radius:8px;

    background:#f5f6f7;

    border:2px solid #050606;
}


/* =========================================================
   DEVICE UI
========================================================= */

#dx-rugged-vs-consumer .dxrvc-screen-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:9px;

    padding-bottom:11px;

    border-bottom:1px solid #d4dade;
}


#dx-rugged-vs-consumer .dxrvc-screen-head strong{
    color:#08090a;

    font-size:11px;
    font-weight:700;
}


#dx-rugged-vs-consumer .dxrvc-screen-state{
    display:flex;

    align-items:center;

    gap:5px;

    color:#6a7277;

    font-size:9px;
    font-weight:700;

    line-height:1.3;

    text-transform:uppercase;
}


#dx-rugged-vs-consumer .dxrvc-screen-state::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:#00c4d5;
}


#dx-rugged-vs-consumer .dxrvc-ui-label{
    display:block;

    margin-top:17px;

    color:#6f777b;

    font-size:9px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.045em;

    text-transform:uppercase;
}


#dx-rugged-vs-consumer .dxrvc-ui-title{
    display:block;

    margin-top:6px;

    color:#08090a;

    font-size:16px;
    font-weight:600;

    line-height:1.25;
}


#dx-rugged-vs-consumer .dxrvc-ui-blocks{
    display:grid;

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

    gap:7px;

    margin-top:17px;
}


#dx-rugged-vs-consumer .dxrvc-ui-block{
    min-height:49px;

    padding:9px;

    background:#ffffff;

    border:1px solid #d9dee1;
}


#dx-rugged-vs-consumer .dxrvc-ui-block span{
    display:block;

    color:#767e82;

    font-size:8px;
    font-weight:700;

    line-height:1.3;

    text-transform:uppercase;
}


#dx-rugged-vs-consumer .dxrvc-ui-block strong{
    display:block;

    margin-top:5px;

    color:#08090a;

    font-size:11px;
    font-weight:600;
}


/* =========================================================
   DEVICE CONTROLS
========================================================= */

#dx-rugged-vs-consumer .dxrvc-rugged-controls{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    margin-top:10px;
}


#dx-rugged-vs-consumer .dxrvc-rugged-controls i{
    display:block;

    width:14px;
    height:14px;

    border-radius:50%;

    background:#32373a;

    border:1px solid #50575a;
}


#dx-rugged-vs-consumer .dxrvc-rugged-controls i:nth-child(2){
    width:24px;

    border-radius:10px;
}


/* =========================================================
   CARD BODY
========================================================= */

#dx-rugged-vs-consumer .dxrvc-body{
    padding:30px 29px 31px;
}


#dx-rugged-vs-consumer .dxrvc-index{
    display:block;

    color:#7d8589;

    font-size:11px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.07em;

    text-transform:uppercase;
}


#dx-rugged-vs-consumer .dxrvc-body h3{
    margin-top:10px;

    color:#08090a;

    font-size:29px;
    font-weight:600;

    line-height:1.1;

    letter-spacing:-.035em;
}


#dx-rugged-vs-consumer .dxrvc-subtitle{
    display:block;

    margin-top:8px;

    color:#697176;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.05em;

    text-transform:uppercase;
}


#dx-rugged-vs-consumer .dxrvc-description{
    margin-top:17px;

    color:#5d656a;

    font-size:15px;
    font-weight:400;

    line-height:1.7;
}


/* =========================================================
   COMPARISON ROWS
========================================================= */

#dx-rugged-vs-consumer .dxrvc-features{
    margin-top:24px;

    border-top:1px solid #d7dcdf;
}


#dx-rugged-vs-consumer .dxrvc-feature{
    display:grid;

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

    gap:18px;

    align-items:start;

    padding:15px 0;

    border-bottom:1px solid #d7dcdf;
}


#dx-rugged-vs-consumer .dxrvc-feature span{
    color:#7b8387;

    font-size:11px;
    font-weight:700;

    line-height:1.45;

    letter-spacing:.045em;

    text-transform:uppercase;
}


#dx-rugged-vs-consumer .dxrvc-feature strong{
    color:#08090a;

    font-size:14px;
    font-weight:600;

    line-height:1.5;
}


/* =========================================================
   VS
========================================================= */

#dx-rugged-vs-consumer .dxrvc-vs{
    position:relative;

    display:flex;

    align-items:center;
    justify-content:center;
}


#dx-rugged-vs-consumer .dxrvc-vs::before{
    content:"";

    position:absolute;

    top:0;
    bottom:0;
    left:50%;

    width:1px;

    background:#d9dee1;
}


#dx-rugged-vs-consumer .dxrvc-vs span{
    position:relative;
    z-index:3;

    width:54px;
    height:54px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#ffffff;

    background:#08090a;

    border:8px solid #ffffff;

    font-size:12px;
    font-weight:700;

    letter-spacing:.05em;

    text-transform:uppercase;
}


/* =========================================================
   KEY DIFFERENCE BAR
========================================================= */

#dx-rugged-vs-consumer .dxrvc-key{
    display:grid;

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

    gap:27px;

    align-items:center;

    margin-top:18px;

    padding:27px;

    background:#08090a;
}


#dx-rugged-vs-consumer .dxrvc-key-num{
    color:#ffffff;

    font-size:32px;
    font-weight:600;

    line-height:1;

    letter-spacing:-.04em;
}


#dx-rugged-vs-consumer .dxrvc-key-copy{
    padding-left:27px;

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


#dx-rugged-vs-consumer .dxrvc-key-copy span{
    display:block;

    color:#8e969a;

    font-size:11px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.065em;

    text-transform:uppercase;
}


#dx-rugged-vs-consumer .dxrvc-key-copy strong{
    display:block;

    margin-top:6px;

    color:#ffffff;

    font-size:16px;
    font-weight:600;

    line-height:1.5;
}


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

#dx-rugged-vs-consumer .dxrvc-cta{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    min-height:50px;

    padding:14px 19px;

    color:#08090a;

    background:#ffffff;

    border:1px solid #ffffff;

    font-size:13px;
    font-weight:700;

    white-space:nowrap;

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


#dx-rugged-vs-consumer .dxrvc-cta:hover{
    background:#00c4d5;

    border-color:#00c4d5;

    transform:translateY(-2px);
}


#dx-rugged-vs-consumer .dxrvc-cta svg{
    width:16px;
    height:16px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.7;

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


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

@media(max-width:1000px){

    #dx-rugged-vs-consumer .dxrvc-wrap{
        padding:88px 0 94px;
    }


    #dx-rugged-vs-consumer .dxrvc-head{
        grid-template-columns:1fr;

        gap:27px;
    }


    #dx-rugged-vs-consumer .dxrvc-intro{
        max-width:760px;
    }


    #dx-rugged-vs-consumer .dxrvc-comparison{
        grid-template-columns:1fr;

        gap:12px;
    }


    #dx-rugged-vs-consumer .dxrvc-vs{
        height:68px;
    }


    #dx-rugged-vs-consumer .dxrvc-vs::before{
        top:50%;
        bottom:auto;

        left:0;
        right:0;

        width:auto;
        height:1px;
    }

}


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

@media(max-width:767px){

    #dx-rugged-vs-consumer .dxrvc-wrap{
        width:calc(100% - 30px);

        padding:70px 0 76px;
    }


    /* HEADER */

    #dx-rugged-vs-consumer .dxrvc-head{
        margin-bottom:35px;
    }


    #dx-rugged-vs-consumer .dxrvc-eyebrow{
        font-size:10px;
    }


    #dx-rugged-vs-consumer .dxrvc-title{
        font-size:clamp(35px,9.8vw,45px);

        line-height:1.04;
    }


    #dx-rugged-vs-consumer .dxrvc-intro{
        padding-left:18px;
    }


    #dx-rugged-vs-consumer .dxrvc-intro p{
        font-size:14px;

        line-height:1.7;
    }


    /* CARD */

    #dx-rugged-vs-consumer .dxrvc-card-head{
        min-height:72px;

        padding:16px;
    }


    #dx-rugged-vs-consumer .dxrvc-card-type{
        font-size:10px;
    }


    #dx-rugged-vs-consumer .dxrvc-card-code{
        font-size:9px;
    }


    /* VISUAL */

    #dx-rugged-vs-consumer .dxrvc-stage{
        min-height:310px;
    }


    #dx-rugged-vs-consumer .dxrvc-consumer-device{
        width:174px;
        height:237px;
    }


    #dx-rugged-vs-consumer .dxrvc-rugged-device{
        width:185px;
        height:250px;
    }


    #dx-rugged-vs-consumer .dxrvc-rugged-screen{
        height:188px;

        padding:13px;
    }


    #dx-rugged-vs-consumer .dxrvc-ui-title{
        font-size:14px;
    }


    #dx-rugged-vs-consumer .dxrvc-ui-block{
        min-height:40px;

        padding:7px;
    }


    /* BODY */

    #dx-rugged-vs-consumer .dxrvc-body{
        padding:23px 19px 25px;
    }


    #dx-rugged-vs-consumer .dxrvc-index{
        font-size:10px;
    }


    #dx-rugged-vs-consumer .dxrvc-body h3{
        font-size:25px;
    }


    #dx-rugged-vs-consumer .dxrvc-subtitle{
        font-size:10px;
    }


    #dx-rugged-vs-consumer .dxrvc-description{
        font-size:13px;
    }


    #dx-rugged-vs-consumer .dxrvc-feature{
        grid-template-columns:1fr;

        gap:4px;

        padding:13px 0;
    }


    #dx-rugged-vs-consumer .dxrvc-feature span{
        font-size:10px;
    }


    #dx-rugged-vs-consumer .dxrvc-feature strong{
        font-size:13px;
    }


    /* KEY */

    #dx-rugged-vs-consumer .dxrvc-key{
        grid-template-columns:1fr;

        gap:14px;

        padding:21px;
    }


    #dx-rugged-vs-consumer .dxrvc-key-copy{
        padding-left:0;

        border-left:0;
    }


    #dx-rugged-vs-consumer .dxrvc-key-copy span{
        font-size:10px;
    }


    #dx-rugged-vs-consumer .dxrvc-key-copy strong{
        font-size:14px;
    }


    #dx-rugged-vs-consumer .dxrvc-cta{
        width:100%;

        font-size:13px;
    }

}


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

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

    #dx-rugged-vs-consumer *,
    #dx-rugged-vs-consumer *::before,
    #dx-rugged-vs-consumer *::after{
        animation:none;
        transition:none;
    }

}



/* ===== dx-rugged-workflow ===== */


/* =========================================================
   ROOT
========================================================= */

#dx-rugged-workflow,
#dx-rugged-workflow *{
    box-sizing:border-box;
}

#dx-rugged-workflow{
    --black:#08090a;
    --dark:#101214;
    --dark2:#171a1c;
    --dark3:#202427;
    --white:#ffffff;
    --soft:#f3f5f6;
    --grey:#9aa1a5;
    --muted:#7d8589;
    --cyan:#00c4d5;
    --container:1280px;

    position:relative;

    width:100%;
    margin:0;
    padding:0;

    overflow:clip;

    background:#08090a;
    color:#ffffff;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-workflow h2,
#dx-rugged-workflow h3,
#dx-rugged-workflow p,
#dx-rugged-workflow span,
#dx-rugged-workflow strong,
#dx-rugged-workflow a{
    margin:0;
    padding:0;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-workflow a{
    text-decoration:none;
}


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

#dx-rugged-workflow::before{
    content:"";

    position:absolute;
    inset:0;

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

    background-size:74px 74px;

    -webkit-mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,.65),
            transparent 80%
        );

    mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,.65),
            transparent 80%
        );

    pointer-events:none;
}


#dx-rugged-workflow::after{
    content:"FIELD";

    position:absolute;

    right:-30px;
    top:95px;

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

    font-size:145px;
    font-weight:700;

    line-height:.8;

    letter-spacing:-.07em;

    pointer-events:none;
}


/* =========================================================
   WRAPPER
========================================================= */

#dx-rugged-workflow .dxrw-wrap{
    position:relative;
    z-index:2;

    width:min(var(--container),calc(100% - 48px));

    margin:0 auto;

    padding:105px 0 110px;
}


/* =========================================================
   HEADER
========================================================= */

#dx-rugged-workflow .dxrw-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(350px,.43fr);

    gap:72px;

    align-items:end;

    margin-bottom:52px;
}


#dx-rugged-workflow .dxrw-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:18px;

    color:#a3aaae;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.09em;

    text-transform:uppercase;
}


#dx-rugged-workflow .dxrw-eyebrow::before{
    content:"";

    width:34px;
    height:2px;

    flex:0 0 34px;

    background:#ffffff;
}


#dx-rugged-workflow .dxrw-title{
    max-width:850px;

    color:#ffffff;

    font-size:clamp(41px,4.3vw,58px);
    font-weight:600;

    line-height:1.03;

    letter-spacing:-.046em;
}


#dx-rugged-workflow .dxrw-title span{
    position:relative;

    display:inline;

    z-index:1;

    color:#ffffff;
}


#dx-rugged-workflow .dxrw-title span::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:2px;

    height:4px;

    z-index:-1;

    background:#00c4d5;

    opacity:.72;
}


#dx-rugged-workflow .dxrw-intro{
    padding-left:27px;

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


#dx-rugged-workflow .dxrw-intro p{
    color:#a2a9ad;

    font-size:16px;
    font-weight:400;

    line-height:1.75;
}


/* =========================================================
   MAIN GRID
========================================================= */

#dx-rugged-workflow .dxrw-layout{
    display:grid;

    grid-template-columns:
        minmax(390px,.42fr)
        minmax(0,.58fr);

    gap:25px;

    align-items:start;
}


/* =========================================================
   LEFT STICKY
========================================================= */

#dx-rugged-workflow .dxrw-left{
    position:-webkit-sticky;
    position:sticky;

    top:110px;

    align-self:start;

    height:max-content;
}


/* =========================================================
   LEFT PANEL
========================================================= */

#dx-rugged-workflow .dxrw-device-panel{
    position:relative;

    min-height:620px;

    padding:30px;

    overflow:hidden;

    background:#121517;

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


#dx-rugged-workflow .dxrw-device-panel::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(255,255,255,.065),
            transparent 36%
        );

    pointer-events:none;
}


/* =========================================================
   PANEL TOP
========================================================= */

#dx-rugged-workflow .dxrw-panel-top{
    position:relative;
    z-index:3;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding-bottom:22px;

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


#dx-rugged-workflow .dxrw-panel-label{
    display:flex;

    align-items:center;

    gap:9px;

    color:#b3babd;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


#dx-rugged-workflow .dxrw-panel-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:#00c4d5;
}


#dx-rugged-workflow .dxrw-panel-code{
    color:#7f878b;

    font-size:11px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.05em;

    text-transform:uppercase;
}


/* =========================================================
   DEVICE STAGE
========================================================= */

#dx-rugged-workflow .dxrw-stage{
    position:relative;
    z-index:2;

    min-height:380px;

    display:flex;

    align-items:center;
    justify-content:center;

    padding:38px 0 30px;
}


/* GENERIC CATEGORY ILLUSTRATION — NOT A DELMONIX SKU */

#dx-rugged-workflow .dxrw-device{
    position:relative;

    width:245px;
    height:325px;

    padding:14px;

    background:
        linear-gradient(
            145deg,
            #3b4043,
            #0e1011 58%,
            #33383b
        );

    border:1px solid #4d5457;

    border-radius:22px;

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

    transform:rotate(-2deg);

    transition:
        transform .5s cubic-bezier(.22,1,.36,1);
}


#dx-rugged-workflow .dxrw-device-panel:hover .dxrw-device{
    transform:
        rotate(0deg)
        translateY(-5px);
}


/* CORNERS */

#dx-rugged-workflow .dxrw-device::before,
#dx-rugged-workflow .dxrw-device::after{
    content:"";

    position:absolute;

    width:36px;
    height:36px;

    border:5px solid #070809;
}


#dx-rugged-workflow .dxrw-device::before{
    top:-4px;
    left:-4px;

    border-right:0;
    border-bottom:0;
}


#dx-rugged-workflow .dxrw-device::after{
    right:-4px;
    bottom:-4px;

    border-left:0;
    border-top:0;
}


/* =========================================================
   DEVICE SCREEN
========================================================= */

#dx-rugged-workflow .dxrw-screen{
    height:248px;

    padding:17px;

    overflow:hidden;

    background:#eef1f2;

    border:2px solid #050606;

    border-radius:8px;
}


#dx-rugged-workflow .dxrw-screen-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:10px;

    padding-bottom:12px;

    border-bottom:1px solid #cfd5d8;
}


#dx-rugged-workflow .dxrw-screen-head strong{
    color:#08090a;

    font-size:12px;
    font-weight:700;
}


#dx-rugged-workflow .dxrw-active{
    display:flex;

    align-items:center;

    gap:5px;

    color:#596166;

    font-size:9px;
    font-weight:700;

    text-transform:uppercase;
}


#dx-rugged-workflow .dxrw-active::before{
    content:"";

    width:5px;
    height:5px;

    border-radius:50%;

    background:#00c4d5;
}


/* =========================================================
   DEVICE CONTENT
========================================================= */

#dx-rugged-workflow .dxrw-screen-kicker{
    display:block;

    margin-top:16px;

    color:#687075;

    font-size:9px;
    font-weight:700;

    line-height:1.35;

    letter-spacing:.05em;

    text-transform:uppercase;
}


#dx-rugged-workflow .dxrw-screen-title{
    display:block;

    margin-top:6px;

    color:#08090a;

    font-size:17px;
    font-weight:600;

    line-height:1.25;
}


#dx-rugged-workflow .dxrw-screen-progress{
    display:flex;

    gap:5px;

    margin-top:16px;
}


#dx-rugged-workflow .dxrw-progress-step{
    flex:1 1 0;

    height:4px;

    background:#d5dade;
}


#dx-rugged-workflow .dxrw-progress-step.is-active{
    background:#08090a;
}


#dx-rugged-workflow .dxrw-ui{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:7px;

    margin-top:18px;
}


#dx-rugged-workflow .dxrw-ui-box{
    min-height:58px;

    padding:10px;

    background:#ffffff;

    border:1px solid #d5dade;
}


#dx-rugged-workflow .dxrw-ui-box span{
    display:block;

    color:#6f777b;

    font-size:8px;
    font-weight:700;

    line-height:1.3;

    text-transform:uppercase;
}


#dx-rugged-workflow .dxrw-ui-box strong{
    display:block;

    margin-top:5px;

    color:#08090a;

    font-size:11px;
    font-weight:600;

    line-height:1.3;
}


/* =========================================================
   DEVICE CONTROLS
========================================================= */

#dx-rugged-workflow .dxrw-controls{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    margin-top:11px;
}


#dx-rugged-workflow .dxrw-control{
    width:14px;
    height:14px;

    border-radius:50%;

    background:#32373a;

    border:1px solid #50575a;
}


#dx-rugged-workflow .dxrw-control:nth-child(2){
    width:25px;

    border-radius:10px;
}


/* =========================================================
   PANEL BOTTOM
========================================================= */

#dx-rugged-workflow .dxrw-panel-bottom{
    position:relative;
    z-index:3;

    padding-top:23px;

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


#dx-rugged-workflow .dxrw-panel-bottom span{
    display:block;

    color:#8f979b;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


#dx-rugged-workflow .dxrw-panel-bottom strong{
    display:block;

    max-width:420px;

    margin-top:8px;

    color:#ffffff;

    font-size:22px;
    font-weight:600;

    line-height:1.3;

    letter-spacing:-.025em;
}


/* =========================================================
   RIGHT WORKFLOW
========================================================= */

#dx-rugged-workflow .dxrw-right{
    border-top:1px solid rgba(255,255,255,.14);
}


/* =========================================================
   STEP
========================================================= */

#dx-rugged-workflow .dxrw-step{
    position:relative;

    min-height:270px;

    display:grid;

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

    gap:22px;

    align-items:start;

    padding:31px 25px;

    overflow:hidden;

    background:#111416;

    border-left:1px solid rgba(255,255,255,.13);
    border-right:1px solid rgba(255,255,255,.13);
    border-bottom:1px solid rgba(255,255,255,.13);

    transition:
        background .25s ease,
        padding-left .25s ease;
}


#dx-rugged-workflow .dxrw-step:hover{
    padding-left:31px;

    background:#181b1d;
}


#dx-rugged-workflow .dxrw-step::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:3px;
    height:0;

    background:#00c4d5;

    transition:height .3s ease;
}


#dx-rugged-workflow .dxrw-step:hover::before{
    height:100%;
}


/* =========================================================
   NUMBER
========================================================= */

#dx-rugged-workflow .dxrw-num{
    color:#737b7f;

    font-size:13px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.07em;
}


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

#dx-rugged-workflow .dxrw-step-main{
    min-width:0;
}


#dx-rugged-workflow .dxrw-step-label{
    display:block;

    color:#8d9599;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


#dx-rugged-workflow .dxrw-step h3{
    margin-top:9px;

    color:#ffffff;

    font-size:27px;
    font-weight:600;

    line-height:1.13;

    letter-spacing:-.03em;
}


#dx-rugged-workflow .dxrw-step p{
    max-width:610px;

    margin-top:12px;

    color:#a1a8ac;

    font-size:15px;
    font-weight:400;

    line-height:1.7;
}


/* =========================================================
   STEP META
========================================================= */

#dx-rugged-workflow .dxrw-meta{
    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:21px;
}


#dx-rugged-workflow .dxrw-meta span{
    display:inline-flex;

    align-items:center;

    min-height:34px;

    padding:8px 11px;

    color:#c6cccf;

    background:#0c0e0f;

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

    font-size:11px;
    font-weight:700;

    line-height:1.3;

    letter-spacing:.04em;

    text-transform:uppercase;
}


/* =========================================================
   ICON
========================================================= */

#dx-rugged-workflow .dxrw-icon{
    width:50px;
    height:50px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#ffffff;

    background:#08090a;

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

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


#dx-rugged-workflow .dxrw-step:hover .dxrw-icon{
    color:#08090a;

    background:#ffffff;

    border-color:#ffffff;
}


#dx-rugged-workflow .dxrw-icon svg{
    width:21px;
    height:21px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.6;

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


/* =========================================================
   BOTTOM STRIP
========================================================= */

#dx-rugged-workflow .dxrw-bottom{
    display:grid;

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

    gap:27px;

    align-items:center;

    margin-top:18px;

    padding:27px;

    background:#ffffff;
}


#dx-rugged-workflow .dxrw-bottom-num{
    color:#08090a;

    font-size:32px;
    font-weight:600;

    line-height:1;

    letter-spacing:-.04em;
}


#dx-rugged-workflow .dxrw-bottom-copy{
    padding-left:27px;

    border-left:1px solid #d6dbde;
}


#dx-rugged-workflow .dxrw-bottom-copy span{
    display:block;

    color:#6d7579;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


#dx-rugged-workflow .dxrw-bottom-copy strong{
    display:block;

    margin-top:6px;

    color:#08090a;

    font-size:16px;
    font-weight:600;

    line-height:1.5;
}


#dx-rugged-workflow .dxrw-bottom-end{
    color:#555d62;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.055em;

    text-transform:uppercase;
}


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

@media(max-width:1000px){

    #dx-rugged-workflow .dxrw-wrap{
        padding:88px 0 94px;
    }


    #dx-rugged-workflow .dxrw-head{
        grid-template-columns:1fr;

        gap:27px;
    }


    #dx-rugged-workflow .dxrw-intro{
        max-width:760px;
    }


    #dx-rugged-workflow .dxrw-layout{
        grid-template-columns:1fr;

        gap:20px;
    }


    #dx-rugged-workflow .dxrw-left{
        position:relative;

        top:auto;

        height:auto;
    }


    #dx-rugged-workflow .dxrw-device-panel{
        min-height:auto;
    }

}


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

@media(max-width:767px){

    #dx-rugged-workflow::after{
        top:45px;
        right:-12px;

        font-size:72px;
    }


    #dx-rugged-workflow .dxrw-wrap{
        width:calc(100% - 30px);

        padding:70px 0 76px;
    }


    /* HEADER */

    #dx-rugged-workflow .dxrw-head{
        margin-bottom:35px;
    }


    #dx-rugged-workflow .dxrw-eyebrow{
        font-size:11px;
    }


    #dx-rugged-workflow .dxrw-title{
        font-size:clamp(35px,9.8vw,45px);

        line-height:1.04;
    }


    #dx-rugged-workflow .dxrw-intro{
        padding-left:18px;
    }


    #dx-rugged-workflow .dxrw-intro p{
        font-size:14px;

        line-height:1.7;
    }


    /* LEFT */

    #dx-rugged-workflow .dxrw-device-panel{
        padding:21px 18px;
    }


    #dx-rugged-workflow .dxrw-panel-label{
        font-size:11px;
    }


    #dx-rugged-workflow .dxrw-panel-code{
        display:none;
    }


    #dx-rugged-workflow .dxrw-stage{
        min-height:340px;

        padding:28px 0;
    }


    #dx-rugged-workflow .dxrw-device{
        width:205px;
        height:275px;
    }


    #dx-rugged-workflow .dxrw-screen{
        height:205px;

        padding:14px;
    }


    #dx-rugged-workflow .dxrw-screen-title{
        font-size:15px;
    }


    #dx-rugged-workflow .dxrw-panel-bottom span{
        font-size:11px;
    }


    #dx-rugged-workflow .dxrw-panel-bottom strong{
        font-size:19px;
    }


    /* STEPS */

    #dx-rugged-workflow .dxrw-step{
        grid-template-columns:
            32px
            minmax(0,1fr)
            42px;

        gap:11px;

        min-height:auto;

        padding:23px 17px;
    }


    #dx-rugged-workflow .dxrw-step:hover{
        padding-left:20px;
    }


    #dx-rugged-workflow .dxrw-num{
        font-size:11px;
    }


    #dx-rugged-workflow .dxrw-step-label{
        font-size:11px;
    }


    #dx-rugged-workflow .dxrw-step h3{
        font-size:21px;
    }


    #dx-rugged-workflow .dxrw-step p{
        font-size:14px;

        line-height:1.65;
    }


    #dx-rugged-workflow .dxrw-meta span{
        min-height:32px;

        padding:7px 9px;

        font-size:10px;
    }


    #dx-rugged-workflow .dxrw-icon{
        width:40px;
        height:40px;
    }


    #dx-rugged-workflow .dxrw-icon svg{
        width:18px;
        height:18px;
    }


    /* BOTTOM */

    #dx-rugged-workflow .dxrw-bottom{
        grid-template-columns:1fr;

        gap:13px;

        padding:21px;
    }


    #dx-rugged-workflow .dxrw-bottom-copy{
        padding-left:0;

        border-left:0;
    }


    #dx-rugged-workflow .dxrw-bottom-copy span{
        font-size:11px;
    }


    #dx-rugged-workflow .dxrw-bottom-copy strong{
        font-size:14px;
    }


    #dx-rugged-workflow .dxrw-bottom-end{
        font-size:11px;
    }

}


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

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

    #dx-rugged-workflow *,
    #dx-rugged-workflow *::before,
    #dx-rugged-workflow *::after{
        animation:none;
        transition:none;
    }

}



/* ===== dx-rugged-applications ===== */


/* =========================================================
   ROOT
========================================================= */

#dx-rugged-applications,
#dx-rugged-applications *{
    box-sizing:border-box;
}

#dx-rugged-applications{
    --black:#08090a;
    --white:#ffffff;
    --soft:#f4f5f6;
    --grey:#626a6f;
    --line:#d9dee1;
    --cyan:#00c4d5;
    --container:1280px;

    position:relative;

    width:100%;
    margin:0;
    padding:0;

    overflow:clip;

    background:#ffffff;
    color:#08090a;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-applications h2,
#dx-rugged-applications h3,
#dx-rugged-applications p,
#dx-rugged-applications span,
#dx-rugged-applications strong,
#dx-rugged-applications a{
    margin:0;
    padding:0;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-applications a{
    text-decoration:none;
}

#dx-rugged-applications img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    border:0;
}


/* =========================================================
   WRAPPER
========================================================= */

#dx-rugged-applications .dxra-wrap{
    width:min(var(--container),calc(100% - 48px));

    margin:0 auto;

    padding:105px 0 110px;
}


/* =========================================================
   HEADER
========================================================= */

#dx-rugged-applications .dxra-head{
    display:grid;

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

    gap:70px;

    align-items:end;

    margin-bottom:48px;
}


#dx-rugged-applications .dxra-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:18px;

    color:#555d62;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.09em;

    text-transform:uppercase;
}


#dx-rugged-applications .dxra-eyebrow::before{
    content:"";

    width:34px;
    height:2px;

    flex:0 0 34px;

    background:#08090a;
}


#dx-rugged-applications .dxra-title{
    max-width:850px;

    color:#08090a;

    font-size:clamp(44px,4.6vw,62px);
    font-weight:600;

    line-height:1.01;

    letter-spacing:-.05em;
}


#dx-rugged-applications .dxra-title span{
    position:relative;

    display:inline;

    z-index:1;
}


#dx-rugged-applications .dxra-title span::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:3px;

    height:4px;

    z-index:-1;

    background:#00c4d5;

    opacity:.72;
}


#dx-rugged-applications .dxra-head-copy{
    padding-left:24px;

    border-left:1px solid #cbd1d4;
}


#dx-rugged-applications .dxra-head-copy p{
    color:#5d656a;

    font-size:16px;
    font-weight:400;

    line-height:1.72;
}


/* =========================================================
   MOSAIC
========================================================= */

#dx-rugged-applications .dxra-mosaic{
    display:grid;

    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-auto-rows:245px;

    gap:12px;
}


/* =========================================================
   TILE
========================================================= */

#dx-rugged-applications .dxra-tile{
    position:relative;

    overflow:hidden;

    min-width:0;

    background:#111315;

    isolation:isolate;
}


#dx-rugged-applications .dxra-tile img{
    position:absolute;

    inset:0;

    z-index:1;

    filter:
        saturate(.72)
        contrast(1.05)
        brightness(.76);

    transition:
        transform .8s cubic-bezier(.22,1,.36,1),
        filter .35s ease;
}


#dx-rugged-applications .dxra-tile:hover img{
    transform:scale(1.045);

    filter:
        saturate(.9)
        contrast(1.04)
        brightness(.81);
}


#dx-rugged-applications .dxra-tile::before{
    content:"";

    position:absolute;

    inset:0;

    z-index:2;

    background:
        linear-gradient(
            180deg,
            rgba(8,9,10,.08) 0%,
            rgba(8,9,10,.08) 32%,
            rgba(8,9,10,.82) 100%
        );

    pointer-events:none;
}


#dx-rugged-applications .dxra-tile::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    z-index:5;

    width:0;
    height:4px;

    background:#00c4d5;

    transition:width .45s cubic-bezier(.22,1,.36,1);
}


#dx-rugged-applications .dxra-tile:hover::after{
    width:100%;
}


/* =========================================================
   GRID POSITIONS
========================================================= */

#dx-rugged-applications .dxra-factory{
    grid-column:1 / span 7;
    grid-row:span 2;
}


#dx-rugged-applications .dxra-maintenance{
    grid-column:8 / span 5;
}


#dx-rugged-applications .dxra-field{
    grid-column:8 / span 5;
}


#dx-rugged-applications .dxra-utilities{
    grid-column:1 / span 4;
}


#dx-rugged-applications .dxra-construction{
    grid-column:5 / span 4;
}


#dx-rugged-applications .dxra-healthcare{
    grid-column:9 / span 4;
}


/* =========================================================
   TILE TOP
========================================================= */

#dx-rugged-applications .dxra-tile-top{
    position:absolute;

    top:20px;
    left:21px;
    right:21px;

    z-index:4;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;
}


#dx-rugged-applications .dxra-num{
    color:#ffffff;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.08em;
}


#dx-rugged-applications .dxra-type{
    display:flex;

    align-items:center;

    gap:8px;

    color:#e3e6e7;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.055em;

    text-transform:uppercase;
}


#dx-rugged-applications .dxra-type::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:#00c4d5;
}


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

#dx-rugged-applications .dxra-tile-copy{
    position:absolute;

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

    z-index:4;
}


#dx-rugged-applications .dxra-tile h3{
    max-width:600px;

    color:#ffffff;

    font-size:25px;
    font-weight:600;

    line-height:1.1;

    letter-spacing:-.03em;
}


#dx-rugged-applications .dxra-factory h3{
    font-size:36px;
}


#dx-rugged-applications .dxra-tile p{
    max-width:570px;

    margin-top:10px;

    color:#d0d5d7;

    font-size:14px;
    font-weight:400;

    line-height:1.6;
}


/* =========================================================
   FACTORY SPECIAL COPY
========================================================= */

#dx-rugged-applications .dxra-factory .dxra-tile-copy{
    left:28px;
    right:28px;
    bottom:29px;
}


#dx-rugged-applications .dxra-factory .dxra-tile-top{
    top:26px;
    left:28px;
    right:28px;
}


/* =========================================================
   INFO BAND
========================================================= */

#dx-rugged-applications .dxra-band{
    display:grid;

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

    gap:40px;

    align-items:center;

    margin-top:12px;

    padding:31px 34px;

    background:#08090a;
}


#dx-rugged-applications .dxra-band-left{
    display:grid;

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

    gap:25px;

    align-items:center;
}


#dx-rugged-applications .dxra-band-index{
    color:#ffffff;

    font-size:36px;
    font-weight:600;

    line-height:1;

    letter-spacing:-.04em;
}


#dx-rugged-applications .dxra-band-copy{
    padding-left:25px;

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


#dx-rugged-applications .dxra-band-copy span{
    display:block;

    color:#a0a7aa;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.065em;

    text-transform:uppercase;
}


#dx-rugged-applications .dxra-band-copy strong{
    display:block;

    max-width:760px;

    margin-top:6px;

    color:#ffffff;

    font-size:18px;
    font-weight:600;

    line-height:1.45;
}


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

#dx-rugged-applications .dxra-cta{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    min-height:52px;

    padding:14px 19px;

    color:#08090a;

    background:#ffffff;

    border:1px solid #ffffff;

    font-size:13px;
    font-weight:700;

    white-space:nowrap;

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


#dx-rugged-applications .dxra-cta:hover{
    background:#00c4d5;
    border-color:#00c4d5;

    transform:translateY(-2px);
}


#dx-rugged-applications .dxra-cta svg{
    width:16px;
    height:16px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.7;

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


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

@media(max-width:1000px){

    #dx-rugged-applications .dxra-wrap{
        padding:88px 0 94px;
    }


    #dx-rugged-applications .dxra-head{
        grid-template-columns:1fr;

        gap:27px;
    }


    #dx-rugged-applications .dxra-head-copy{
        max-width:760px;
    }


    #dx-rugged-applications .dxra-mosaic{
        grid-template-columns:repeat(2,minmax(0,1fr));

        grid-auto-rows:300px;
    }


    #dx-rugged-applications .dxra-factory,
    #dx-rugged-applications .dxra-maintenance,
    #dx-rugged-applications .dxra-field,
    #dx-rugged-applications .dxra-utilities,
    #dx-rugged-applications .dxra-construction,
    #dx-rugged-applications .dxra-healthcare{
        grid-column:auto;
        grid-row:auto;
    }


    #dx-rugged-applications .dxra-factory{
        grid-column:1 / -1;

        min-height:450px;
    }

}


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

@media(max-width:767px){

    #dx-rugged-applications .dxra-wrap{
        width:calc(100% - 30px);

        padding:70px 0 76px;
    }


    /* HEADER */

    #dx-rugged-applications .dxra-head{
        margin-bottom:34px;
    }


    #dx-rugged-applications .dxra-eyebrow{
        font-size:11px;
    }


    #dx-rugged-applications .dxra-title{
        font-size:clamp(36px,10vw,46px);

        line-height:1.03;
    }


    #dx-rugged-applications .dxra-head-copy{
        padding-left:18px;
    }


    #dx-rugged-applications .dxra-head-copy p{
        font-size:14px;

        line-height:1.7;
    }


    /* MOSAIC */

    #dx-rugged-applications .dxra-mosaic{
        grid-template-columns:1fr;

        grid-auto-rows:auto;

        gap:10px;
    }


    #dx-rugged-applications .dxra-factory,
    #dx-rugged-applications .dxra-maintenance,
    #dx-rugged-applications .dxra-field,
    #dx-rugged-applications .dxra-utilities,
    #dx-rugged-applications .dxra-construction,
    #dx-rugged-applications .dxra-healthcare{
        grid-column:auto;
        grid-row:auto;

        min-height:310px;
    }


    #dx-rugged-applications .dxra-factory{
        min-height:420px;
    }


    #dx-rugged-applications .dxra-tile-top{
        top:16px;
        left:16px;
        right:16px;
    }


    #dx-rugged-applications .dxra-factory .dxra-tile-top{
        top:18px;
        left:18px;
        right:18px;
    }


    #dx-rugged-applications .dxra-num,
    #dx-rugged-applications .dxra-type{
        font-size:11px;
    }


    #dx-rugged-applications .dxra-tile-copy{
        left:17px;
        right:17px;
        bottom:18px;
    }


    #dx-rugged-applications .dxra-factory .dxra-tile-copy{
        left:20px;
        right:20px;
        bottom:21px;
    }


    #dx-rugged-applications .dxra-tile h3{
        font-size:23px;
    }


    #dx-rugged-applications .dxra-factory h3{
        font-size:30px;
    }


    #dx-rugged-applications .dxra-tile p{
        font-size:13px;

        line-height:1.6;
    }


    /* BAND */

    #dx-rugged-applications .dxra-band{
        grid-template-columns:1fr;

        gap:22px;

        padding:24px 20px;
    }


    #dx-rugged-applications .dxra-band-left{
        grid-template-columns:1fr;

        gap:13px;
    }


    #dx-rugged-applications .dxra-band-copy{
        padding-left:0;

        border-left:0;
    }


    #dx-rugged-applications .dxra-band-copy span{
        font-size:11px;
    }


    #dx-rugged-applications .dxra-band-copy strong{
        font-size:16px;
    }


    #dx-rugged-applications .dxra-cta{
        width:100%;

        font-size:13px;
    }

}


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

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

    #dx-rugged-applications *,
    #dx-rugged-applications *::before,
    #dx-rugged-applications *::after{
        animation:none;
        transition:none;
    }

}



/* ===== dx-rugged-selection ===== */


/* =========================================================
   ROOT
========================================================= */

#dx-rugged-selection,
#dx-rugged-selection *{
    box-sizing:border-box;
}

#dx-rugged-selection{
    --black:#08090a;
    --dark:#111315;
    --white:#ffffff;
    --soft:#f3f5f6;
    --grey:#5c6469;
    --muted:#747c80;
    --line:#d9dee1;
    --cyan:#00c4d5;
    --container:1280px;

    position:relative;

    width:100%;
    margin:0;
    padding:0;

    overflow:clip;

    background:#f3f5f6;
    color:#08090a;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-selection h2,
#dx-rugged-selection h3,
#dx-rugged-selection p,
#dx-rugged-selection span,
#dx-rugged-selection strong,
#dx-rugged-selection a{
    margin:0;
    padding:0;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-selection a{
    text-decoration:none;
}


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

#dx-rugged-selection::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            rgba(0,0,0,.016) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,0,0,.016) 1px,
            transparent 1px
        );

    background-size:76px 76px;

    -webkit-mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,.58),
            transparent 78%
        );

    mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,.58),
            transparent 78%
        );

    pointer-events:none;
}


#dx-rugged-selection::after{
    content:"SELECT";

    position:absolute;

    right:-30px;
    top:92px;

    color:rgba(0,0,0,.022);

    font-size:130px;
    font-weight:700;

    line-height:.8;

    letter-spacing:-.07em;

    pointer-events:none;
}


/* =========================================================
   WRAPPER
========================================================= */

#dx-rugged-selection .dxrs-wrap{
    position:relative;
    z-index:2;

    width:min(var(--container),calc(100% - 48px));

    margin:0 auto;

    padding:105px 0 110px;
}


/* =========================================================
   HEADER
========================================================= */

#dx-rugged-selection .dxrs-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(350px,.43fr);

    gap:72px;

    align-items:end;

    margin-bottom:50px;
}


#dx-rugged-selection .dxrs-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:18px;

    color:#555d62;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.09em;

    text-transform:uppercase;
}


#dx-rugged-selection .dxrs-eyebrow::before{
    content:"";

    width:34px;
    height:2px;

    flex:0 0 34px;

    background:#08090a;
}


#dx-rugged-selection .dxrs-title{
    max-width:850px;

    color:#08090a;

    font-size:clamp(41px,4.3vw,58px);
    font-weight:600;

    line-height:1.03;

    letter-spacing:-.046em;
}


#dx-rugged-selection .dxrs-title span{
    position:relative;

    display:inline;

    z-index:1;

    color:#08090a;
}


#dx-rugged-selection .dxrs-title span::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:2px;

    height:4px;

    z-index:-1;

    background:#00c4d5;

    opacity:.72;
}


#dx-rugged-selection .dxrs-intro{
    padding-left:27px;

    border-left:1px solid #cbd1d4;
}


#dx-rugged-selection .dxrs-intro p{
    color:#596166;

    font-size:16px;
    font-weight:400;

    line-height:1.75;
}


/* =========================================================
   MAIN GRID
========================================================= */

#dx-rugged-selection .dxrs-layout{
    display:grid;

    grid-template-columns:
        minmax(350px,.35fr)
        minmax(0,.65fr);

    gap:25px;

    align-items:start;
}


/* =========================================================
   LEFT — STICKY
========================================================= */

#dx-rugged-selection .dxrs-left{
    position:-webkit-sticky;
    position:sticky;

    top:110px;

    align-self:start;

    height:max-content;
}


/* =========================================================
   DECISION PANEL
========================================================= */

#dx-rugged-selection .dxrs-brief{
    position:relative;

    padding:31px;

    overflow:hidden;

    background:#08090a;
    color:#ffffff;
}


#dx-rugged-selection .dxrs-brief::before{
    content:"";

    position:absolute;
    inset:0;

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

    background-size:48px 48px;

    pointer-events:none;
}


#dx-rugged-selection .dxrs-brief-inner{
    position:relative;
    z-index:2;
}


#dx-rugged-selection .dxrs-brief-label{
    display:flex;

    align-items:center;

    gap:9px;

    color:#a4abae;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


#dx-rugged-selection .dxrs-brief-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:#00c4d5;
}


#dx-rugged-selection .dxrs-brief h3{
    max-width:390px;

    margin-top:19px;

    color:#ffffff;

    font-size:32px;
    font-weight:600;

    line-height:1.08;

    letter-spacing:-.035em;
}


#dx-rugged-selection .dxrs-brief-copy{
    max-width:390px;

    margin-top:15px;

    color:#a0a7ab;

    font-size:15px;
    font-weight:400;

    line-height:1.7;
}


/* =========================================================
   QUESTIONS
========================================================= */

#dx-rugged-selection .dxrs-questions{
    margin-top:30px;

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


#dx-rugged-selection .dxrs-question{
    display:grid;

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

    gap:12px;

    align-items:start;

    padding:17px 0;

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


#dx-rugged-selection .dxrs-question-num{
    color:#7f878b;

    font-size:12px;
    font-weight:700;

    line-height:1.45;
}


#dx-rugged-selection .dxrs-question strong{
    display:block;

    color:#ffffff;

    font-size:14px;
    font-weight:600;

    line-height:1.45;
}


#dx-rugged-selection .dxrs-question p{
    margin-top:5px;

    color:#92999d;

    font-size:13px;
    font-weight:400;

    line-height:1.55;
}


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

#dx-rugged-selection .dxrs-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    min-height:52px;

    margin-top:28px;

    padding:14px 19px;

    color:#08090a;

    background:#ffffff;

    border:1px solid #ffffff;

    font-size:13px;
    font-weight:700;

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


#dx-rugged-selection .dxrs-btn:hover{
    background:#00c4d5;

    border-color:#00c4d5;

    transform:translateY(-2px);
}


#dx-rugged-selection .dxrs-btn svg{
    width:16px;
    height:16px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.7;

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


/* =========================================================
   RIGHT
========================================================= */

#dx-rugged-selection .dxrs-right{
    border-top:1px solid #d6dcdf;
}


/* =========================================================
   FACTOR ROW
========================================================= */

#dx-rugged-selection .dxrs-factor{
    position:relative;

    min-height:220px;

    display:grid;

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

    gap:20px;

    align-items:start;

    padding:29px 25px;

    overflow:hidden;

    background:#ffffff;

    border-left:1px solid #d6dcdf;
    border-right:1px solid #d6dcdf;
    border-bottom:1px solid #d6dcdf;

    transition:
        background .25s ease,
        padding-left .25s ease;
}


#dx-rugged-selection .dxrs-factor:hover{
    padding-left:31px;

    background:#f8f9f9;
}


#dx-rugged-selection .dxrs-factor::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:3px;
    height:0;

    background:#08090a;

    transition:height .3s ease;
}


#dx-rugged-selection .dxrs-factor:hover::before{
    height:100%;
}


/* =========================================================
   NUMBER
========================================================= */

#dx-rugged-selection .dxrs-num{
    color:#7d8589;

    font-size:12px;
    font-weight:700;

    line-height:1.45;

    letter-spacing:.07em;
}


/* =========================================================
   CONTENT
========================================================= */

#dx-rugged-selection .dxrs-factor-main{
    min-width:0;
}


#dx-rugged-selection .dxrs-factor-label{
    display:block;

    color:#747c80;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.055em;

    text-transform:uppercase;
}


#dx-rugged-selection .dxrs-factor h3{
    margin-top:8px;

    color:#08090a;

    font-size:24px;
    font-weight:600;

    line-height:1.15;

    letter-spacing:-.028em;
}


#dx-rugged-selection .dxrs-factor p{
    max-width:610px;

    margin-top:11px;

    color:#5f676c;

    font-size:15px;
    font-weight:400;

    line-height:1.68;
}


/* =========================================================
   QUESTION PROMPT
========================================================= */

#dx-rugged-selection .dxrs-consider{
    display:block;

    margin-top:17px;

    padding-left:13px;

    color:#363c3f;

    border-left:2px solid #00c4d5;

    font-size:13px;
    font-weight:600;

    line-height:1.55;
}


/* =========================================================
   ICON
========================================================= */

#dx-rugged-selection .dxrs-icon{
    width:48px;
    height:48px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#08090a;

    background:#f3f5f6;

    border:1px solid #d9dee1;

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


#dx-rugged-selection .dxrs-factor:hover .dxrs-icon{
    color:#ffffff;

    background:#08090a;

    border-color:#08090a;
}


#dx-rugged-selection .dxrs-icon svg{
    width:21px;
    height:21px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.6;

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


/* =========================================================
   PROCESS STRIP
========================================================= */

#dx-rugged-selection .dxrs-process{
    display:grid;

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

    gap:27px;

    align-items:center;

    margin-top:18px;

    padding:27px;

    background:#08090a;
}


#dx-rugged-selection .dxrs-process-num{
    color:#ffffff;

    font-size:32px;
    font-weight:600;

    line-height:1;

    letter-spacing:-.04em;
}


#dx-rugged-selection .dxrs-process-copy{
    padding-left:27px;

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


#dx-rugged-selection .dxrs-process-copy span{
    display:block;

    color:#969da1;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


#dx-rugged-selection .dxrs-process-copy strong{
    display:block;

    margin-top:7px;

    color:#ffffff;

    font-size:16px;
    font-weight:600;

    line-height:1.5;
}


#dx-rugged-selection .dxrs-process-end{
    color:#d4d8da;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.055em;

    text-transform:uppercase;
}


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

@media(max-width:1000px){

    #dx-rugged-selection .dxrs-wrap{
        padding:88px 0 94px;
    }


    #dx-rugged-selection .dxrs-head{
        grid-template-columns:1fr;

        gap:27px;
    }


    #dx-rugged-selection .dxrs-intro{
        max-width:760px;
    }


    #dx-rugged-selection .dxrs-layout{
        grid-template-columns:1fr;

        gap:20px;
    }


    #dx-rugged-selection .dxrs-left{
        position:relative;

        top:auto;

        height:auto;
    }


    #dx-rugged-selection .dxrs-brief{
        max-width:760px;
    }

}


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

@media(max-width:767px){

    #dx-rugged-selection::after{
        top:46px;
        right:-10px;

        font-size:68px;
    }


    #dx-rugged-selection .dxrs-wrap{
        width:calc(100% - 30px);

        padding:70px 0 76px;
    }


    /* HEADER */

    #dx-rugged-selection .dxrs-head{
        margin-bottom:35px;
    }


    #dx-rugged-selection .dxrs-eyebrow{
        font-size:11px;
    }


    #dx-rugged-selection .dxrs-title{
        font-size:clamp(35px,9.8vw,45px);

        line-height:1.04;
    }


    #dx-rugged-selection .dxrs-intro{
        padding-left:18px;
    }


    #dx-rugged-selection .dxrs-intro p{
        font-size:14px;

        line-height:1.7;
    }


    /* LEFT */

    #dx-rugged-selection .dxrs-brief{
        padding:22px 19px;
    }


    #dx-rugged-selection .dxrs-brief-label{
        font-size:11px;
    }


    #dx-rugged-selection .dxrs-brief h3{
        font-size:26px;
    }


    #dx-rugged-selection .dxrs-brief-copy{
        font-size:14px;
    }


    #dx-rugged-selection .dxrs-question{
        grid-template-columns:28px minmax(0,1fr);

        gap:9px;

        padding:15px 0;
    }


    #dx-rugged-selection .dxrs-question-num{
        font-size:11px;
    }


    #dx-rugged-selection .dxrs-question strong{
        font-size:13px;
    }


    #dx-rugged-selection .dxrs-question p{
        font-size:13px;
    }


    #dx-rugged-selection .dxrs-btn{
        width:100%;

        font-size:13px;
    }


    /* RIGHT */

    #dx-rugged-selection .dxrs-factor{
        grid-template-columns:
            31px
            minmax(0,1fr)
            42px;

        gap:11px;

        min-height:auto;

        padding:22px 17px;
    }


    #dx-rugged-selection .dxrs-factor:hover{
        padding-left:20px;
    }


    #dx-rugged-selection .dxrs-num{
        font-size:11px;
    }


    #dx-rugged-selection .dxrs-factor-label{
        font-size:11px;
    }


    #dx-rugged-selection .dxrs-factor h3{
        font-size:21px;
    }


    #dx-rugged-selection .dxrs-factor p{
        font-size:14px;

        line-height:1.65;
    }


    #dx-rugged-selection .dxrs-consider{
        font-size:13px;
    }


    #dx-rugged-selection .dxrs-icon{
        width:40px;
        height:40px;
    }


    #dx-rugged-selection .dxrs-icon svg{
        width:18px;
        height:18px;
    }


    /* PROCESS */

    #dx-rugged-selection .dxrs-process{
        grid-template-columns:1fr;

        gap:13px;

        padding:21px;
    }


    #dx-rugged-selection .dxrs-process-copy{
        padding-left:0;

        border-left:0;
    }


    #dx-rugged-selection .dxrs-process-copy span{
        font-size:11px;
    }


    #dx-rugged-selection .dxrs-process-copy strong{
        font-size:14px;
    }


    #dx-rugged-selection .dxrs-process-end{
        font-size:11px;
    }

}


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

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

    #dx-rugged-selection *,
    #dx-rugged-selection *::before,
    #dx-rugged-selection *::after{
        animation:none;
        transition:none;
    }

}



/* ===== dx-why-rugged ===== */


/* =========================================================
   ROOT
========================================================= */

#dx-why-rugged,
#dx-why-rugged *{
    box-sizing:border-box;
}

#dx-why-rugged{
    --black:#08090a;
    --dark:#111315;
    --dark2:#181b1d;
    --white:#ffffff;
    --soft:#f3f5f6;
    --grey:#9aa1a5;
    --line:rgba(255,255,255,.14);
    --cyan:#00c4d5;
    --container:1280px;

    position:relative;

    width:100%;
    margin:0;
    padding:0;

    overflow:clip;

    background:#08090a;
    color:#ffffff;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-why-rugged h2,
#dx-why-rugged h3,
#dx-why-rugged p,
#dx-why-rugged span,
#dx-why-rugged strong,
#dx-why-rugged a{
    margin:0;
    padding:0;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-why-rugged a{
    text-decoration:none;
}

#dx-why-rugged img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    border:0;
}


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

#dx-why-rugged::before{
    content:"DELMONIX";

    position:absolute;

    right:-40px;
    top:86px;

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

    font-size:145px;
    font-weight:700;

    line-height:.8;

    letter-spacing:-.07em;

    pointer-events:none;
}


#dx-why-rugged::after{
    content:"";

    position:absolute;
    inset:0;

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

    background-size:80px 80px;

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 25%,
            rgba(0,0,0,.7),
            transparent 90%
        );

    mask-image:
        linear-gradient(
            to right,
            transparent 25%,
            rgba(0,0,0,.7),
            transparent 90%
        );

    pointer-events:none;
}


/* =========================================================
   WRAPPER
========================================================= */

#dx-why-rugged .dxwr-wrap{
    position:relative;
    z-index:2;

    width:min(var(--container),calc(100% - 48px));

    margin:0 auto;

    padding:105px 0 110px;
}


/* =========================================================
   HEADER
========================================================= */

#dx-why-rugged .dxwr-head{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(330px,.38fr);

    gap:70px;

    align-items:end;

    margin-bottom:52px;
}


#dx-why-rugged .dxwr-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:18px;

    color:#a5acaF;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.09em;

    text-transform:uppercase;
}


#dx-why-rugged .dxwr-eyebrow::before{
    content:"";

    width:34px;
    height:2px;

    flex:0 0 34px;

    background:#ffffff;
}


#dx-why-rugged .dxwr-title{
    max-width:850px;

    color:#ffffff;

    font-size:clamp(43px,4.5vw,60px);
    font-weight:600;

    line-height:1.02;

    letter-spacing:-.048em;
}


#dx-why-rugged .dxwr-title span{
    position:relative;

    display:inline;

    z-index:1;

    color:#ffffff;
}


#dx-why-rugged .dxwr-title span::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:3px;

    height:4px;

    z-index:-1;

    background:#00c4d5;

    opacity:.72;
}


#dx-why-rugged .dxwr-head-copy{
    padding-left:25px;

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


#dx-why-rugged .dxwr-head-copy p{
    color:#a3aaae;

    font-size:16px;
    font-weight:400;

    line-height:1.75;
}


/* =========================================================
   MAIN COMPOSITION
========================================================= */

#dx-why-rugged .dxwr-main{
    display:grid;

    grid-template-columns:
        minmax(0,4.5fr)
        minmax(250px,2.4fr)
        minmax(340px,5.1fr);

    min-height:610px;

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


/* =========================================================
   18+ PANEL
========================================================= */

#dx-why-rugged .dxwr-experience{
    position:relative;

    display:flex;

    flex-direction:column;
    justify-content:space-between;

    min-width:0;

    padding:38px 34px 34px;

    background:#ffffff;
    color:#08090a;

    overflow:hidden;
}


#dx-why-rugged .dxwr-experience::after{
    content:"EXPERIENCE";

    position:absolute;

    left:-10px;
    bottom:65px;

    color:rgba(0,0,0,.027);

    font-size:74px;
    font-weight:700;

    line-height:1;

    letter-spacing:-.06em;

    transform:rotate(-90deg) translateX(-10%);
    transform-origin:left bottom;

    pointer-events:none;
}


#dx-why-rugged .dxwr-exp-top{
    position:relative;
    z-index:2;
}


#dx-why-rugged .dxwr-exp-label{
    display:flex;

    align-items:center;

    gap:9px;

    color:#646c70;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.065em;

    text-transform:uppercase;
}


#dx-why-rugged .dxwr-exp-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:#00c4d5;
}


#dx-why-rugged .dxwr-big-number{
    display:block;

    margin-top:52px;

    color:#08090a;

    font-size:clamp(100px,11vw,160px);
    font-weight:600;

    line-height:.72;

    letter-spacing:-.075em;
}


#dx-why-rugged .dxwr-big-number sup{
    position:relative;

    top:-.5em;

    margin-left:4px;

    color:#08090a;

    font-size:.34em;
    font-weight:600;
}


#dx-why-rugged .dxwr-exp-title{
    display:block;

    max-width:340px;

    margin-top:34px;

    color:#08090a;

    font-size:25px;
    font-weight:600;

    line-height:1.18;

    letter-spacing:-.03em;
}


#dx-why-rugged .dxwr-exp-bottom{
    position:relative;
    z-index:2;

    padding-top:25px;

    border-top:1px solid #d9dee1;
}


#dx-why-rugged .dxwr-exp-bottom p{
    color:#60686d;

    font-size:14px;
    font-weight:400;

    line-height:1.7;
}


/* =========================================================
   MIDDLE PROOF COLUMN
========================================================= */

#dx-why-rugged .dxwr-proof{
    display:flex;

    flex-direction:column;

    background:#111315;

    border-left:1px solid rgba(255,255,255,.14);
    border-right:1px solid rgba(255,255,255,.14);
}


#dx-why-rugged .dxwr-proof-item{
    flex:1 1 0;

    display:flex;

    flex-direction:column;
    justify-content:center;

    min-height:150px;

    padding:27px 23px;

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

    transition:background .25s ease;
}


#dx-why-rugged .dxwr-proof-item:last-child{
    border-bottom:0;
}


#dx-why-rugged .dxwr-proof-item:hover{
    background:#181b1d;
}


#dx-why-rugged .dxwr-proof-num{
    display:block;

    color:#70787c;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.07em;
}


#dx-why-rugged .dxwr-proof-item strong{
    display:block;

    margin-top:13px;

    color:#ffffff;

    font-size:20px;
    font-weight:600;

    line-height:1.25;

    letter-spacing:-.02em;
}


#dx-why-rugged .dxwr-proof-item p{
    margin-top:8px;

    color:#939a9e;

    font-size:13px;
    font-weight:400;

    line-height:1.6;
}


/* =========================================================
   IMAGE PANEL
========================================================= */

#dx-why-rugged .dxwr-image{
    position:relative;

    min-width:0;

    overflow:hidden;

    background:#111315;
}


#dx-why-rugged .dxwr-image img{
    object-position:center;

    filter:
        saturate(.72)
        contrast(1.05)
        brightness(.73);

    transition:
        transform .8s cubic-bezier(.22,1,.36,1),
        filter .35s ease;
}


#dx-why-rugged .dxwr-image:hover img{
    transform:scale(1.035);

    filter:
        saturate(.88)
        contrast(1.04)
        brightness(.8);
}


#dx-why-rugged .dxwr-image::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(8,9,10,.04) 10%,
            rgba(8,9,10,.10) 48%,
            rgba(8,9,10,.92) 100%
        );

    pointer-events:none;
}


/* =========================================================
   IMAGE TOP
========================================================= */

#dx-why-rugged .dxwr-image-top{
    position:absolute;

    top:24px;
    left:25px;
    right:25px;

    z-index:4;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;
}


#dx-why-rugged .dxwr-image-status{
    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 12px;

    color:#ffffff;

    background:rgba(8,9,10,.82);

    font-size:12px;
    font-weight:700;

    line-height:1.35;

    letter-spacing:.055em;

    text-transform:uppercase;

    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}


#dx-why-rugged .dxwr-image-status::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:#00c4d5;
}


#dx-why-rugged .dxwr-image-code{
    color:rgba(255,255,255,.78);

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.055em;

    text-transform:uppercase;
}


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

#dx-why-rugged .dxwr-image-copy{
    position:absolute;

    left:31px;
    right:31px;
    bottom:32px;

    z-index:4;
}


#dx-why-rugged .dxwr-image-copy span{
    display:block;

    color:#c7cccf;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


#dx-why-rugged .dxwr-image-copy h3{
    max-width:520px;

    margin-top:10px;

    color:#ffffff;

    font-size:32px;
    font-weight:600;

    line-height:1.08;

    letter-spacing:-.035em;
}


#dx-why-rugged .dxwr-image-copy p{
    max-width:520px;

    margin-top:13px;

    color:#c3c8cb;

    font-size:14px;
    font-weight:400;

    line-height:1.68;
}


/* =========================================================
   PORTFOLIO RAIL
========================================================= */

#dx-why-rugged .dxwr-rail{
    display:grid;

    grid-template-columns:
        minmax(235px,1.3fr)
        repeat(5,minmax(0,1fr));

    margin-top:16px;

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


#dx-why-rugged .dxwr-rail-intro{
    padding:22px 21px 22px 0;

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


#dx-why-rugged .dxwr-rail-intro span{
    display:block;

    color:#8f979b;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


#dx-why-rugged .dxwr-rail-intro strong{
    display:block;

    margin-top:6px;

    color:#ffffff;

    font-size:15px;
    font-weight:600;

    line-height:1.4;
}


#dx-why-rugged .dxwr-rail-item{
    display:flex;

    flex-direction:column;
    justify-content:center;

    min-height:92px;

    padding:18px 16px;

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

    transition:background .25s ease;
}


#dx-why-rugged .dxwr-rail-item:last-child{
    border-right:0;
}


#dx-why-rugged .dxwr-rail-item:hover{
    background:#111315;
}


#dx-why-rugged .dxwr-rail-item span{
    color:#737b7f;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;
}


#dx-why-rugged .dxwr-rail-item strong{
    display:block;

    margin-top:5px;

    color:#ffffff;

    font-size:13px;
    font-weight:600;

    line-height:1.4;
}


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

#dx-why-rugged .dxwr-bottom{
    display:grid;

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

    gap:45px;

    align-items:center;

    margin-top:18px;

    padding:31px 34px;

    background:#ffffff;
}


#dx-why-rugged .dxwr-bottom-copy span{
    display:block;

    color:#6d7579;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.065em;

    text-transform:uppercase;
}


#dx-why-rugged .dxwr-bottom-copy strong{
    display:block;

    max-width:790px;

    margin-top:7px;

    color:#08090a;

    font-size:19px;
    font-weight:600;

    line-height:1.45;

    letter-spacing:-.02em;
}


#dx-why-rugged .dxwr-cta{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    min-height:52px;

    padding:14px 20px;

    color:#ffffff;

    background:#08090a;

    border:1px solid #08090a;

    font-size:13px;
    font-weight:700;

    white-space:nowrap;

    transition:
        transform .25s ease,
        background .25s ease;
}


#dx-why-rugged .dxwr-cta:hover{
    background:#202426;

    transform:translateY(-2px);
}


#dx-why-rugged .dxwr-cta svg{
    width:16px;
    height:16px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.7;

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


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

@media(max-width:1080px){

    #dx-why-rugged .dxwr-main{
        grid-template-columns:1fr 1fr;
    }


    #dx-why-rugged .dxwr-image{
        grid-column:1 / -1;

        min-height:520px;
    }


    #dx-why-rugged .dxwr-proof{
        border-right:0;
    }


    #dx-why-rugged .dxwr-rail{
        grid-template-columns:repeat(3,1fr);
    }


    #dx-why-rugged .dxwr-rail-intro{
        grid-column:1 / -1;

        padding-left:0;

        border-right:0;

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

}


@media(max-width:900px){

    #dx-why-rugged .dxwr-wrap{
        padding:88px 0 94px;
    }


    #dx-why-rugged .dxwr-head{
        grid-template-columns:1fr;

        gap:27px;
    }


    #dx-why-rugged .dxwr-head-copy{
        max-width:760px;
    }

}


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

@media(max-width:767px){

    #dx-why-rugged::before{
        top:48px;
        right:-8px;

        font-size:62px;
    }


    #dx-why-rugged .dxwr-wrap{
        width:calc(100% - 30px);

        padding:70px 0 76px;
    }


    /* HEADER */

    #dx-why-rugged .dxwr-head{
        margin-bottom:35px;
    }


    #dx-why-rugged .dxwr-eyebrow{
        font-size:11px;
    }


    #dx-why-rugged .dxwr-title{
        font-size:clamp(35px,9.8vw,45px);

        line-height:1.04;
    }


    #dx-why-rugged .dxwr-head-copy{
        padding-left:18px;
    }


    #dx-why-rugged .dxwr-head-copy p{
        font-size:14px;
    }


    /* MAIN */

    #dx-why-rugged .dxwr-main{
        grid-template-columns:1fr;

        min-height:auto;
    }


    #dx-why-rugged .dxwr-experience{
        min-height:440px;

        padding:27px 21px;
    }


    #dx-why-rugged .dxwr-big-number{
        margin-top:42px;

        font-size:112px;
    }


    #dx-why-rugged .dxwr-exp-label{
        font-size:11px;
    }


    #dx-why-rugged .dxwr-exp-title{
        font-size:23px;
    }


    #dx-why-rugged .dxwr-exp-bottom p{
        font-size:14px;
    }


    /* PROOF */

    #dx-why-rugged .dxwr-proof{
        border-left:0;

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


    #dx-why-rugged .dxwr-proof-item{
        min-height:auto;

        padding:23px 20px;
    }


    #dx-why-rugged .dxwr-proof-num{
        font-size:11px;
    }


    #dx-why-rugged .dxwr-proof-item strong{
        font-size:19px;
    }


    #dx-why-rugged .dxwr-proof-item p{
        font-size:13px;
    }


    /* IMAGE */

    #dx-why-rugged .dxwr-image{
        min-height:470px;
    }


    #dx-why-rugged .dxwr-image-top{
        top:15px;
        left:15px;
        right:15px;
    }


    #dx-why-rugged .dxwr-image-status{
        font-size:11px;
    }


    #dx-why-rugged .dxwr-image-code{
        display:none;
    }


    #dx-why-rugged .dxwr-image-copy{
        left:20px;
        right:20px;
        bottom:21px;
    }


    #dx-why-rugged .dxwr-image-copy span{
        font-size:11px;
    }


    #dx-why-rugged .dxwr-image-copy h3{
        font-size:27px;
    }


    #dx-why-rugged .dxwr-image-copy p{
        font-size:14px;
    }


    /* RAIL */

    #dx-why-rugged .dxwr-rail{
        grid-template-columns:1fr 1fr;
    }


    #dx-why-rugged .dxwr-rail-intro{
        grid-column:1 / -1;
    }


    #dx-why-rugged .dxwr-rail-intro span{
        font-size:11px;
    }


    #dx-why-rugged .dxwr-rail-intro strong{
        font-size:14px;
    }


    #dx-why-rugged .dxwr-rail-item{
        min-height:80px;

        padding:15px 12px;
    }


    #dx-why-rugged .dxwr-rail-item span{
        font-size:11px;
    }


    #dx-why-rugged .dxwr-rail-item strong{
        font-size:12px;
    }


    /* CTA */

    #dx-why-rugged .dxwr-bottom{
        grid-template-columns:1fr;

        gap:22px;

        padding:24px 20px;
    }


    #dx-why-rugged .dxwr-bottom-copy span{
        font-size:11px;
    }


    #dx-why-rugged .dxwr-bottom-copy strong{
        font-size:16px;
    }


    #dx-why-rugged .dxwr-cta{
        width:100%;

        font-size:13px;
    }

}


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

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

    #dx-why-rugged *,
    #dx-why-rugged *::before,
    #dx-why-rugged *::after{
        animation:none;
        transition:none;
    }

}



/* ===== dx-rugged-faq ===== */


/* =========================================================
   ROOT
========================================================= */

#dx-rugged-faq,
#dx-rugged-faq *{
    box-sizing:border-box;
}

#dx-rugged-faq{
    --black:#08090a;
    --dark:#111315;
    --white:#ffffff;
    --soft:#f4f6f7;
    --grey:#5d656a;
    --muted:#747c80;
    --line:#d9dee1;
    --cyan:#00c4d5;
    --container:1280px;

    position:relative;

    width:100%;
    margin:0;
    padding:0;

    overflow:clip;

    background:#ffffff;
    color:#08090a;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-faq h2,
#dx-rugged-faq h3,
#dx-rugged-faq p,
#dx-rugged-faq span,
#dx-rugged-faq strong,
#dx-rugged-faq summary,
#dx-rugged-faq a{
    margin:0;
    padding:0;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-faq a{
    text-decoration:none;
}


/* =========================================================
   BACKGROUND DETAIL
========================================================= */

#dx-rugged-faq::before{
    content:"FAQ";

    position:absolute;

    top:84px;
    right:-20px;

    color:rgba(0,0,0,.022);

    font-size:170px;
    font-weight:700;

    line-height:.8;

    letter-spacing:-.07em;

    pointer-events:none;
}


/* =========================================================
   WRAPPER
========================================================= */

#dx-rugged-faq .dxrf-wrap{
    position:relative;
    z-index:2;

    width:min(var(--container),calc(100% - 48px));

    margin:0 auto;

    padding:105px 0 110px;
}


/* =========================================================
   HEADER
========================================================= */

#dx-rugged-faq .dxrf-head{
    display:grid;

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

    gap:70px;

    align-items:end;

    padding-bottom:48px;

    border-bottom:1px solid #d9dee1;
}


#dx-rugged-faq .dxrf-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:18px;

    color:#555d62;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.09em;

    text-transform:uppercase;
}


#dx-rugged-faq .dxrf-eyebrow::before{
    content:"";

    width:34px;
    height:2px;

    flex:0 0 34px;

    background:#08090a;
}


#dx-rugged-faq .dxrf-title{
    max-width:850px;

    color:#08090a;

    font-size:clamp(42px,4.4vw,59px);
    font-weight:600;

    line-height:1.02;

    letter-spacing:-.048em;
}


#dx-rugged-faq .dxrf-title span{
    position:relative;

    display:inline;

    z-index:1;

    color:#08090a;
}


#dx-rugged-faq .dxrf-title span::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:3px;

    height:4px;

    z-index:-1;

    background:#00c4d5;

    opacity:.72;
}


#dx-rugged-faq .dxrf-head-copy{
    padding-left:25px;

    border-left:1px solid #ccd2d5;
}


#dx-rugged-faq .dxrf-head-copy p{
    color:#5c6469;

    font-size:16px;
    font-weight:400;

    line-height:1.75;
}


/* =========================================================
   FAQ AREA
========================================================= */

#dx-rugged-faq .dxrf-faq-area{
    display:grid;

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

    gap:40px;

    padding-top:32px;
}


/* =========================================================
   LEFT INDEX
========================================================= */

#dx-rugged-faq .dxrf-index{
    padding-top:6px;
}


#dx-rugged-faq .dxrf-index-label{
    display:block;

    color:#727a7e;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.07em;

    text-transform:uppercase;
}


#dx-rugged-faq .dxrf-index-number{
    display:block;

    margin-top:17px;

    color:#08090a;

    font-size:76px;
    font-weight:600;

    line-height:.85;

    letter-spacing:-.06em;
}


#dx-rugged-faq .dxrf-index p{
    max-width:190px;

    margin-top:19px;

    color:#697176;

    font-size:14px;
    font-weight:400;

    line-height:1.65;
}


/* =========================================================
   FAQ LIST
========================================================= */

#dx-rugged-faq .dxrf-list{
    border-top:1px solid #d9dee1;
}


/* =========================================================
   FAQ ITEM
========================================================= */

#dx-rugged-faq .dxrf-item{
    position:relative;

    border-bottom:1px solid #d9dee1;

    background:transparent;

    transition:
        background .25s ease;
}


#dx-rugged-faq .dxrf-item[open]{
    background:#f4f6f7;
}


/* =========================================================
   QUESTION
========================================================= */

#dx-rugged-faq .dxrf-question{
    display:grid;

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

    gap:18px;

    align-items:center;

    min-height:104px;

    padding:24px 18px 24px 8px;

    list-style:none;

    cursor:pointer;

    transition:
        padding-left .25s ease;
}


#dx-rugged-faq .dxrf-question::-webkit-details-marker{
    display:none;
}


#dx-rugged-faq .dxrf-item[open] .dxrf-question{
    padding-left:18px;
}


/* =========================================================
   NUMBER
========================================================= */

#dx-rugged-faq .dxrf-num{
    color:#7b8387;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.07em;
}


#dx-rugged-faq .dxrf-item[open] .dxrf-num{
    color:#08090a;
}


/* =========================================================
   QUESTION TEXT
========================================================= */

#dx-rugged-faq .dxrf-question-text{
    color:#08090a;

    font-size:19px;
    font-weight:600;

    line-height:1.38;

    letter-spacing:-.016em;
}


/* =========================================================
   PLUS / MINUS
========================================================= */

#dx-rugged-faq .dxrf-toggle{
    position:relative;

    width:42px;
    height:42px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#ffffff;

    border:1px solid #d1d7da;

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


#dx-rugged-faq .dxrf-toggle::before,
#dx-rugged-faq .dxrf-toggle::after{
    content:"";

    position:absolute;

    width:14px;
    height:1.5px;

    background:#08090a;

    transition:
        transform .25s ease;
}


#dx-rugged-faq .dxrf-toggle::after{
    transform:rotate(90deg);
}


#dx-rugged-faq .dxrf-item[open] .dxrf-toggle{
    background:#08090a;

    border-color:#08090a;
}


#dx-rugged-faq .dxrf-item[open] .dxrf-toggle::before,
#dx-rugged-faq .dxrf-item[open] .dxrf-toggle::after{
    background:#ffffff;
}


#dx-rugged-faq .dxrf-item[open] .dxrf-toggle::after{
    transform:rotate(0deg);
}


/* =========================================================
   ANSWER
========================================================= */

#dx-rugged-faq .dxrf-answer{
    padding:
        0 80px
        30px 70px;
}


#dx-rugged-faq .dxrf-answer-inner{
    max-width:760px;

    padding-left:20px;

    border-left:2px solid #08090a;
}


#dx-rugged-faq .dxrf-answer p{
    color:#596166;

    font-size:15px;
    font-weight:400;

    line-height:1.75;
}


#dx-rugged-faq .dxrf-answer strong{
    color:#08090a;

    font-weight:600;
}


/* =========================================================
   CONTACT STRIP
========================================================= */

#dx-rugged-faq .dxrf-contact{
    display:grid;

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

    gap:42px;

    align-items:center;

    margin-top:34px;

    padding:30px 32px;

    background:#08090a;
}


#dx-rugged-faq .dxrf-contact-copy span{
    display:block;

    color:#9ca3a7;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.065em;

    text-transform:uppercase;
}


#dx-rugged-faq .dxrf-contact-copy strong{
    display:block;

    max-width:760px;

    margin-top:7px;

    color:#ffffff;

    font-size:18px;
    font-weight:600;

    line-height:1.45;

    letter-spacing:-.018em;
}


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

#dx-rugged-faq .dxrf-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    min-height:52px;

    padding:14px 20px;

    color:#08090a;

    background:#ffffff;

    border:1px solid #ffffff;

    font-size:13px;
    font-weight:700;

    white-space:nowrap;

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


#dx-rugged-faq .dxrf-btn:hover{
    background:#00c4d5;

    border-color:#00c4d5;

    transform:translateY(-2px);
}


#dx-rugged-faq .dxrf-btn svg{
    width:16px;
    height:16px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.7;

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


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

@media(max-width:1000px){

    #dx-rugged-faq .dxrf-wrap{
        padding:88px 0 94px;
    }


    #dx-rugged-faq .dxrf-head{
        grid-template-columns:1fr;

        gap:27px;
    }


    #dx-rugged-faq .dxrf-head-copy{
        max-width:760px;
    }


    #dx-rugged-faq .dxrf-faq-area{
        grid-template-columns:1fr;

        gap:25px;
    }


    #dx-rugged-faq .dxrf-index{
        display:flex;

        align-items:flex-end;

        justify-content:space-between;

        gap:30px;

        padding-bottom:22px;

        border-bottom:1px solid #d9dee1;
    }


    #dx-rugged-faq .dxrf-index-number{
        margin-top:8px;

        font-size:60px;
    }


    #dx-rugged-faq .dxrf-index p{
        max-width:430px;

        margin-top:0;
    }

}


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

@media(max-width:767px){

    #dx-rugged-faq::before{
        top:45px;
        right:-8px;

        font-size:82px;
    }


    #dx-rugged-faq .dxrf-wrap{
        width:calc(100% - 30px);

        padding:70px 0 76px;
    }


    /* HEADER */

    #dx-rugged-faq .dxrf-head{
        padding-bottom:35px;
    }


    #dx-rugged-faq .dxrf-eyebrow{
        font-size:12px;
    }


    #dx-rugged-faq .dxrf-title{
        font-size:clamp(35px,9.8vw,45px);

        line-height:1.04;
    }


    #dx-rugged-faq .dxrf-head-copy{
        padding-left:18px;
    }


    #dx-rugged-faq .dxrf-head-copy p{
        font-size:14px;

        line-height:1.7;
    }


    /* INDEX */

    #dx-rugged-faq .dxrf-index{
        align-items:flex-start;

        flex-direction:column;

        gap:11px;
    }


    #dx-rugged-faq .dxrf-index-label{
        font-size:12px;
    }


    #dx-rugged-faq .dxrf-index-number{
        font-size:54px;
    }


    #dx-rugged-faq .dxrf-index p{
        max-width:none;

        font-size:14px;
    }


    /* QUESTIONS */

    #dx-rugged-faq .dxrf-question{
        grid-template-columns:
            30px
            minmax(0,1fr)
            38px;

        gap:10px;

        min-height:88px;

        padding:18px 0;
    }


    #dx-rugged-faq .dxrf-item[open] .dxrf-question{
        padding-left:10px;
    }


    #dx-rugged-faq .dxrf-num{
        font-size:12px;
    }


    #dx-rugged-faq .dxrf-question-text{
        font-size:16px;

        line-height:1.4;
    }


    #dx-rugged-faq .dxrf-toggle{
        width:36px;
        height:36px;
    }


    /* ANSWER */

    #dx-rugged-faq .dxrf-answer{
        padding:
            0 10px
            24px 39px;
    }


    #dx-rugged-faq .dxrf-answer-inner{
        padding-left:14px;
    }


    #dx-rugged-faq .dxrf-answer p{
        font-size:14px;

        line-height:1.7;
    }


    /* CONTACT */

    #dx-rugged-faq .dxrf-contact{
        grid-template-columns:1fr;

        gap:21px;

        padding:23px 20px;
    }


    #dx-rugged-faq .dxrf-contact-copy span{
        font-size:12px;
    }


    #dx-rugged-faq .dxrf-contact-copy strong{
        font-size:16px;
    }


    #dx-rugged-faq .dxrf-btn{
        width:100%;

        font-size:13px;
    }

}


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

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

    #dx-rugged-faq *,
    #dx-rugged-faq *::before,
    #dx-rugged-faq *::after{
        animation:none;
        transition:none;
    }

}



/* ===== dx-rugged-final-cta ===== */


/* =========================================================
   ROOT
========================================================= */

#dx-rugged-final-cta,
#dx-rugged-final-cta *{
    box-sizing:border-box;
}

#dx-rugged-final-cta{
    --black:#08090a;
    --dark:#111315;
    --dark2:#181b1d;
    --white:#ffffff;
    --grey:#a1a8ac;
    --line:rgba(255,255,255,.15);
    --cyan:#00c4d5;
    --container:1280px;

    position:relative;

    width:100%;
    margin:0;
    padding:0;

    overflow:clip;

    background:#08090a;
    color:#ffffff;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-final-cta h2,
#dx-rugged-final-cta h3,
#dx-rugged-final-cta p,
#dx-rugged-final-cta span,
#dx-rugged-final-cta strong,
#dx-rugged-final-cta a{
    margin:0;
    padding:0;

    font-family:"ZebraSans",Arial,Helvetica,sans-serif;
}

#dx-rugged-final-cta a{
    text-decoration:none;
}

#dx-rugged-final-cta img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    border:0;
}


/* =========================================================
   BACKGROUND DETAIL
========================================================= */

#dx-rugged-final-cta::before{
    content:"DEPLOY";

    position:absolute;

    left:-34px;
    bottom:70px;

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

    font-size:170px;
    font-weight:700;

    line-height:.8;

    letter-spacing:-.07em;

    pointer-events:none;
}


#dx-rugged-final-cta::after{
    content:"";

    position:absolute;
    inset:0;

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

    background-size:78px 78px;

    -webkit-mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,.55),
            transparent 72%
        );

    mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,.55),
            transparent 72%
        );

    pointer-events:none;
}


/* =========================================================
   WRAPPER
========================================================= */

#dx-rugged-final-cta .dxrfc-wrap{
    position:relative;
    z-index:2;

    width:min(var(--container),calc(100% - 48px));

    margin:0 auto;

    padding:105px 0 52px;
}


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

#dx-rugged-final-cta .dxrfc-main{
    display:grid;

    grid-template-columns:
        minmax(0,1.04fr)
        minmax(430px,.96fr);

    min-height:610px;

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


/* =========================================================
   LEFT
========================================================= */

#dx-rugged-final-cta .dxrfc-content{
    position:relative;

    display:flex;

    flex-direction:column;
    justify-content:center;

    padding:58px 70px 58px 0;
}


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

#dx-rugged-final-cta .dxrfc-eyebrow{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:21px;

    color:#a2a9ad;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.09em;

    text-transform:uppercase;
}


#dx-rugged-final-cta .dxrfc-eyebrow::before{
    content:"";

    width:34px;
    height:2px;

    flex:0 0 34px;

    background:#ffffff;
}


/* =========================================================
   TITLE
========================================================= */

#dx-rugged-final-cta .dxrfc-title{
    max-width:760px;

    color:#ffffff;

    font-size:clamp(48px,5.2vw,70px);
    font-weight:600;

    line-height:.99;

    letter-spacing:-.055em;
}


#dx-rugged-final-cta .dxrfc-title span{
    position:relative;

    display:inline;

    z-index:1;

    color:#ffffff;
}


#dx-rugged-final-cta .dxrfc-title span::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:4px;

    height:4px;

    z-index:-1;

    background:#00c4d5;

    opacity:.76;
}


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

#dx-rugged-final-cta .dxrfc-copy{
    max-width:670px;

    margin-top:26px;

    color:#a6adb1;

    font-size:17px;
    font-weight:400;

    line-height:1.72;
}


#dx-rugged-final-cta .dxrfc-copy strong{
    color:#ffffff;

    font-weight:600;
}


/* =========================================================
   ACTIONS
========================================================= */

#dx-rugged-final-cta .dxrfc-actions{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:11px;

    margin-top:35px;
}


#dx-rugged-final-cta .dxrfc-btn{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:10px;

    min-height:55px;

    padding:15px 23px;

    font-size:13px;
    font-weight:700;

    line-height:1.2;

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


#dx-rugged-final-cta .dxrfc-btn-primary{
    color:#08090a;

    background:#ffffff;

    border:1px solid #ffffff;
}


#dx-rugged-final-cta .dxrfc-btn-primary:hover{
    background:#00c4d5;

    border-color:#00c4d5;

    transform:translateY(-2px);
}


#dx-rugged-final-cta .dxrfc-btn-secondary{
    color:#ffffff;

    background:transparent;

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


#dx-rugged-final-cta .dxrfc-btn-secondary:hover{
    background:#ffffff;

    color:#08090a;

    border-color:#ffffff;

    transform:translateY(-2px);
}


#dx-rugged-final-cta .dxrfc-btn svg{
    width:17px;
    height:17px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.7;

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


/* =========================================================
   CONTACT LINE
========================================================= */

#dx-rugged-final-cta .dxrfc-contact{
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:12px 24px;

    margin-top:38px;

    padding-top:24px;

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


#dx-rugged-final-cta .dxrfc-contact-item{
    display:flex;

    align-items:center;

    gap:8px;

    color:#9da4a8;

    font-size:13px;
    font-weight:500;

    line-height:1.45;
}


#dx-rugged-final-cta .dxrfc-contact-item::before{
    content:"";

    width:5px;
    height:5px;

    flex:0 0 5px;

    border-radius:50%;

    background:#5e666a;
}


#dx-rugged-final-cta .dxrfc-contact-item:first-child::before{
    background:#00c4d5;
}


#dx-rugged-final-cta .dxrfc-contact a{
    color:#ffffff;

    transition:color .2s ease;
}


#dx-rugged-final-cta .dxrfc-contact a:hover{
    color:#00c4d5;
}


/* =========================================================
   RIGHT IMAGE
========================================================= */

#dx-rugged-final-cta .dxrfc-visual{
    position:relative;

    min-width:0;

    overflow:hidden;

    background:#151819;
}


#dx-rugged-final-cta .dxrfc-visual img{
    object-position:center;

    filter:
        saturate(.73)
        contrast(1.05)
        brightness(.70);

    transition:
        transform .9s cubic-bezier(.22,1,.36,1),
        filter .35s ease;
}


#dx-rugged-final-cta .dxrfc-visual:hover img{
    transform:scale(1.035);

    filter:
        saturate(.88)
        contrast(1.05)
        brightness(.76);
}


#dx-rugged-final-cta .dxrfc-visual::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(8,9,10,.07) 15%,
            rgba(8,9,10,.12) 48%,
            rgba(8,9,10,.90) 100%
        ),
        linear-gradient(
            90deg,
            rgba(8,9,10,.22),
            transparent 38%
        );

    pointer-events:none;
}


/* =========================================================
   IMAGE TOP
========================================================= */

#dx-rugged-final-cta .dxrfc-visual-top{
    position:absolute;

    top:24px;
    left:25px;
    right:25px;

    z-index:4;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;
}


#dx-rugged-final-cta .dxrfc-status{
    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 13px;

    color:#ffffff;

    background:rgba(8,9,10,.82);

    font-size:12px;
    font-weight:700;

    line-height:1.35;

    letter-spacing:.055em;

    text-transform:uppercase;

    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}


#dx-rugged-final-cta .dxrfc-status::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    border-radius:50%;

    background:#00c4d5;
}


#dx-rugged-final-cta .dxrfc-visual-code{
    color:rgba(255,255,255,.82);

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.055em;

    text-transform:uppercase;
}


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

#dx-rugged-final-cta .dxrfc-visual-copy{
    position:absolute;

    left:30px;
    right:30px;
    bottom:31px;

    z-index:4;
}


#dx-rugged-final-cta .dxrfc-visual-copy span{
    display:block;

    color:#c4c9cc;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.06em;

    text-transform:uppercase;
}


#dx-rugged-final-cta .dxrfc-visual-copy h3{
    max-width:500px;

    margin-top:9px;

    color:#ffffff;

    font-size:31px;
    font-weight:600;

    line-height:1.09;

    letter-spacing:-.035em;
}


#dx-rugged-final-cta .dxrfc-visual-copy p{
    max-width:500px;

    margin-top:12px;

    color:#c2c8ca;

    font-size:14px;
    font-weight:400;

    line-height:1.65;
}


/* =========================================================
   CONSULTATION FLOW
========================================================= */

#dx-rugged-final-cta .dxrfc-flow{
    display:grid;

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

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


#dx-rugged-final-cta .dxrfc-flow-intro{
    display:flex;

    flex-direction:column;
    justify-content:center;

    min-height:112px;

    padding:21px 22px 21px 0;

    border-right:1px solid rgba(255,255,255,.15);
}


#dx-rugged-final-cta .dxrfc-flow-intro span{
    color:#929a9e;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.065em;

    text-transform:uppercase;
}


#dx-rugged-final-cta .dxrfc-flow-intro strong{
    display:block;

    margin-top:6px;

    color:#ffffff;

    font-size:15px;
    font-weight:600;

    line-height:1.4;
}


#dx-rugged-final-cta .dxrfc-flow-item{
    min-height:112px;

    display:flex;

    align-items:center;

    gap:13px;

    padding:20px;

    border-right:1px solid rgba(255,255,255,.15);

    transition:background .25s ease;
}


#dx-rugged-final-cta .dxrfc-flow-item:last-child{
    border-right:0;
}


#dx-rugged-final-cta .dxrfc-flow-item:hover{
    background:#111315;
}


#dx-rugged-final-cta .dxrfc-flow-num{
    color:#747c80;

    font-size:12px;
    font-weight:700;

    line-height:1.4;
}


#dx-rugged-final-cta .dxrfc-flow-text strong{
    display:block;

    color:#ffffff;

    font-size:14px;
    font-weight:600;

    line-height:1.4;
}


#dx-rugged-final-cta .dxrfc-flow-text span{
    display:block;

    margin-top:4px;

    color:#8f979b;

    font-size:12px;
    font-weight:400;

    line-height:1.45;
}


/* =========================================================
   FINAL FOOT
========================================================= */

#dx-rugged-final-cta .dxrfc-foot{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:25px;

    padding:25px 0 0;
}


#dx-rugged-final-cta .dxrfc-foot-left{
    display:flex;

    align-items:center;

    gap:10px;

    color:#8f979b;

    font-size:12px;
    font-weight:700;

    line-height:1.4;

    letter-spacing:.055em;

    text-transform:uppercase;
}


#dx-rugged-final-cta .dxrfc-foot-left::before{
    content:"";

    width:27px;
    height:1px;

    flex:0 0 27px;

    background:#00c4d5;
}


#dx-rugged-final-cta .dxrfc-foot strong{
    color:#ffffff;

    font-size:14px;
    font-weight:600;

    line-height:1.4;
}


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

@media(max-width:1000px){

    #dx-rugged-final-cta .dxrfc-wrap{
        padding:88px 0 50px;
    }


    #dx-rugged-final-cta .dxrfc-main{
        grid-template-columns:1fr;
    }


    #dx-rugged-final-cta .dxrfc-content{
        padding:55px 0;
    }


    #dx-rugged-final-cta .dxrfc-visual{
        min-height:560px;
    }


    #dx-rugged-final-cta .dxrfc-flow{
        grid-template-columns:repeat(2,1fr);
    }


    #dx-rugged-final-cta .dxrfc-flow-intro{
        grid-column:1 / -1;

        padding-left:0;

        border-right:0;

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


    #dx-rugged-final-cta .dxrfc-flow-item:nth-child(3){
        border-right:0;
    }

}


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

@media(max-width:767px){

    #dx-rugged-final-cta::before{
        left:-8px;
        bottom:45px;

        font-size:72px;
    }


    #dx-rugged-final-cta .dxrfc-wrap{
        width:calc(100% - 30px);

        padding:70px 0 38px;
    }


    /* CONTENT */

    #dx-rugged-final-cta .dxrfc-content{
        padding:43px 0;
    }


    #dx-rugged-final-cta .dxrfc-eyebrow{
        font-size:12px;
    }


    #dx-rugged-final-cta .dxrfc-title{
        font-size:clamp(38px,10.5vw,49px);

        line-height:1.02;
    }


    #dx-rugged-final-cta .dxrfc-copy{
        margin-top:21px;

        font-size:15px;

        line-height:1.68;
    }


    /* BUTTONS */

    #dx-rugged-final-cta .dxrfc-actions{
        display:grid;

        grid-template-columns:1fr;

        margin-top:29px;
    }


    #dx-rugged-final-cta .dxrfc-btn{
        width:100%;

        min-height:53px;

        font-size:13px;
    }


    /* CONTACT */

    #dx-rugged-final-cta .dxrfc-contact{
        flex-direction:column;

        align-items:flex-start;

        gap:9px;

        margin-top:30px;
    }


    #dx-rugged-final-cta .dxrfc-contact-item{
        font-size:13px;
    }


    /* IMAGE */

    #dx-rugged-final-cta .dxrfc-visual{
        min-height:470px;
    }


    #dx-rugged-final-cta .dxrfc-visual-top{
        top:15px;
        left:15px;
        right:15px;
    }


    #dx-rugged-final-cta .dxrfc-status{
        font-size:12px;

        padding:9px 10px;
    }


    #dx-rugged-final-cta .dxrfc-visual-code{
        display:none;
    }


    #dx-rugged-final-cta .dxrfc-visual-copy{
        left:19px;
        right:19px;
        bottom:21px;
    }


    #dx-rugged-final-cta .dxrfc-visual-copy span{
        font-size:12px;
    }


    #dx-rugged-final-cta .dxrfc-visual-copy h3{
        font-size:27px;
    }


    #dx-rugged-final-cta .dxrfc-visual-copy p{
        font-size:14px;
    }


    /* FLOW */

    #dx-rugged-final-cta .dxrfc-flow{
        grid-template-columns:1fr;
    }


    #dx-rugged-final-cta .dxrfc-flow-intro{
        grid-column:auto;

        min-height:auto;

        padding:21px 0;
    }


    #dx-rugged-final-cta .dxrfc-flow-intro span{
        font-size:12px;
    }


    #dx-rugged-final-cta .dxrfc-flow-intro strong{
        font-size:14px;
    }


    #dx-rugged-final-cta .dxrfc-flow-item{
        min-height:auto;

        padding:18px 0;

        border-right:0;

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


    #dx-rugged-final-cta .dxrfc-flow-num{
        min-width:30px;

        font-size:12px;
    }


    #dx-rugged-final-cta .dxrfc-flow-text strong{
        font-size:14px;
    }


    #dx-rugged-final-cta .dxrfc-flow-text span{
        font-size:12px;
    }


    /* FOOT */

    #dx-rugged-final-cta .dxrfc-foot{
        flex-direction:column;

        align-items:flex-start;

        gap:8px;

        padding-top:22px;
    }


    #dx-rugged-final-cta .dxrfc-foot-left{
        font-size:12px;
    }


    #dx-rugged-final-cta .dxrfc-foot strong{
        font-size:13px;
    }

}


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

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

    #dx-rugged-final-cta *,
    #dx-rugged-final-cta *::before,
    #dx-rugged-final-cta *::after{
        animation:none;
        transition:none;
    }

}


/* Smart editor compatibility additions. */
#dx-rugged-hero .dxrh-panel-head strong a{color:inherit;text-decoration:none}
#dx-rugged-hero .dxrh-tablet-stage .dxrt-product-image-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:18px}
#dx-rugged-hero .dxrh-tablet-stage .dxrt-product-image{display:block;width:100%;height:100%;max-height:270px;object-fit:contain;filter:none}
.dxre-icon .dxrt-native-icon,.dxrw-icon .dxrt-native-icon,.dxrs-icon .dxrt-native-icon{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center}
.dxre-icon .dxrt-native-icon svg,.dxrw-icon .dxrt-native-icon svg,.dxrs-icon .dxrt-native-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}