.elementor-16152 .elementor-element.elementor-element-d11b547{--display:flex;}.elementor-16152 .elementor-element.elementor-element-d11b547.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-16152 .elementor-element.elementor-element-d11b547{--width:537px;}}/* Start custom CSS for html, class: .elementor-element-c77119b *//*==========================================================
DOMAT BLOG SYSTEM
Variables
==========================================================*/

:root{

    /* Brand */

    --domat-yellow:#ffb400;
    --domat-dark:#111111;
    --domat-blue:#101c2c;

    /* Neutrals */

    --gray-50:#fafafa;
    --gray-100:#f5f5f5;
    --gray-200:#ececec;
    --gray-300:#dddddd;
    --gray-400:#bdbdbd;
    --gray-600:#666666;
    --gray-800:#333333;

    /* Text */

    --text-color:#404040;

    /* Radius */

    --radius-small:8px;
    --radius:16px;
    --radius-large:24px;

    /* Shadow */

    --shadow-small:
    0 6px 18px rgba(0,0,0,.05);

    --shadow:

    0 20px 50px rgba(0,0,0,.08);

    --shadow-large:

    0 40px 80px rgba(0,0,0,.10);

    /* Width */

    --content-width:840px;

}


/*=========================================================
ARTICULO
=========================================================*/

body{

font-family:'Inter',sans-serif;

}

/*=========================================================
DOMAT ARTICLE
=========================================================*/

.domat-article{

    position:relative;

    width:100%;

    background:#ffffff;

}



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

.blog-layout{

    width:min(1440px,94%);

    margin:0 auto;

    display:grid;

    grid-template-columns:

        minmax(0,920px)

        280px;

    justify-content:center;

    gap:80px;

    padding:80px 0 140px;

}



/*=========================================================
MAIN COLUMN
=========================================================*/

.blog-main{

    width:100%;

    min-width:0;

}



/*=========================================================
SIDEBAR
=========================================================*/

.blog-sidebar{

    position:relative;

}


/*=========================================================
EDITORIAL INTRO
=========================================================*/

.editorial-intro{

    margin-bottom:70px;

    padding-bottom:42px;

    border-bottom:1px solid #ececec;

}



.editorial-meta{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:30px;

    margin-bottom:28px;

}



.article-category{

    display:inline-flex;

    align-items:center;

    padding:8px 18px;

    border-radius:999px;

    background:#fff6df;

    color:var(--domat-yellow);

    font-size:13px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}



.article-information{

    display:flex;

    align-items:center;

    gap:12px;

    color:#707070;

    font-size:14px;

}



.article-lead{

    max-width:780px;

    margin:0;

    color:#4f4f4f;

    font-size:22px;

    line-height:1.85;

    font-weight:400;

}


/*=========================================================
READING PROGRESS
=========================================================*/

.reading-progress-wrapper{

    position:sticky !important;

    top:0;

    left:0;

    right:0;

    width:100%;

    z-index:99999;

}



.reading-progress-track{

    width:100%;

    height:5px;

    overflow:hidden;

    border-radius:999px;

    background:#ececec;

}



.reading-progress-bar{

    width:0%;

    height:100%;

    border-radius:999px;

    background:linear-gradient(
        90deg,
        var(--domat-yellow),
        #ffc93b
    );

    transition:width .10s linear;

}


/*=========================================================
TABLE OF CONTENTS
=========================================================*/

.toc-panel{

    position:fixed;

    right:32px;

    bottom:32px;

    z-index:9999;

    width:220px;

}



.toc-toggle{

    height:70px !important;

    min-height:70px;

    max-height:70px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:16px;

    padding:18px 22px;

    border:none;

    border-radius:14px;

    background:#f7b600;

    color:#000;

    cursor:pointer;

    box-shadow:0 18px 45px rgba(0,0,0,.18);

}



.toc-toggle:hover{

    background:#ffc93b !important;

}



.toc-icon{

    font-size:18px;

}



.toc-navigation{

    overflow:hidden;

    max-height:0;

    opacity:0;

    margin-top:14px;

    border-radius:16px;

    background:#ffffff !important;

    border:1px solid #ececec;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:

        max-height .35s ease,

        opacity .25s ease,

        padding .30s ease;
        
    visibility:hidden;
    
    pointer-events:none;

    transform:translateY(15px);

}



.toc-navigation.active{

    opacity:1;

    max-height:700px;

    padding:14px 0;
    
    visibility:visible;
    
    pointer-events:auto;
    
    transform:translateY(0);

}



.toc-navigation ul{

    list-style:none;

    margin:0;

    padding:0;

}



.toc-navigation li{

    margin:0;

}



.toc-navigation a{

    display:block;

    padding:14px 22px;

    color:#000000 !important;

    text-decoration:none !important;

    font-size:15px;

    transition:.25s;

}



.toc-navigation a:hover{

    color:var(--accent-color) !important;

    text-decoration:none !important;

}


/*=========================================================
EDITORIAL TYPOGRAPHY
=========================================================*/

.blog-main section{

    margin-bottom:90px;

}



.blog-main h2{

    margin:0 0 28px;

    color:var(--domat-blue);

    font-size:42px;

    font-weight:800;

    line-height:1.15;

    letter-spacing:-.03em;

}



.blog-main h3{

    margin:60px 0 22px;

    color:var(--domat-blue);

    font-size:30px;

    font-weight:700;

    line-height:1.25;

}



.blog-main h4{

    margin:42px 0 18px;

    color:var(--domat-blue);

    font-size:24px;

    font-weight:700;

}



.blog-main p{

    margin:0 0 26px;

    color:#454545;

    font-size:19px;

    line-height:2;

}



.blog-main strong{

    color:var(--domat-blue) !important;

    font-weight:700;

}



.blog-main em{

    font-style:italic;

}



.blog-main a{

    color:var(--domat-yellow) !important;

    text-decoration:none;

    border-bottom:1px solid transparent;

    transition:.25s;

}

.blog-main .roadmaster-button{

    color:#101c2c !important;

    border:none;

}

.blog-main .roadmaster-button a{

    color:#fff !important;


}


.blog-main a:hover{

    border-color:var(--domat-yellow);

}


/*=========================================================
BLOCKQUOTE
=========================================================*/

.blog-main blockquote{

    margin:60px 0;

    padding:34px 40px;

    border-left:5px solid var(--domat-yellow);

    background:#fffaf0;

    border-radius:30px;
    
    position:relative;

    padding-left:90px;

}



.blog-main blockquote p{

    margin:0;

    color:var(--domat-blue);

    font-size:24px;

    line-height:1.7;

    font-weight:500;

}


/*=========================================================
HORIZONTAL DIVIDER
=========================================================*/

.blog-main hr{

    margin:80px 0;

    border:none;

    height:1px;

    background:#e8e8e8;

}


/*=========================================================
ARTICLE SECTION
=========================================================*/

.article-section{

    margin-bottom:90px;

}



.section-header{

    margin-bottom:38px;

}



.section-label{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:18px;

    color:var(--domat-yellow);

    font-size:13px;

    font-weight:700;

    letter-spacing:.18em;

    text-transform:uppercase;

}



.section-label::before{

    content:"";

    width:48px;

    height:2px;

    background:var(--domat-yellow);

}



.section-content{

    max-width:860px;

}


/*=========================================================
FEATURED IMAGE
=========================================================*/

.featured-image{

    margin:70px 0 90px;

}



.featured-image img{

    display:block;

    width:100%;

    height:auto;

    border-radius:20px;

    object-fit:cover;

    box-shadow:0 22px 60px rgba(0,0,0,.12);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}



.featured-image:hover img{

    transform:scale(1.01);

    box-shadow:0 30px 80px rgba(0,0,0,.16);

}



.featured-image figcaption{

    max-width:780px;

    margin:18px auto 0;

    padding:0 18px;

    text-align:center;

    color:#757575;

    font-size:14px;

    line-height:1.8;

}


/*=========================================================
TECHNICAL COMPONENTS
=========================================================*/

.technical-grid{

    display:grid;

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

    gap:28px;

    margin-top:50px;

}



.technical-card{

    padding:34px;

    background:#ffffff;

    border:1px solid #ececec;

    border-radius:18px;

    transition:
        transform .30s ease,
        border-color .30s ease,
        box-shadow .30s ease;

}



.technical-card:hover{

    transform:translateY(-6px);

    border-color:var(--domat-yellow);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}



.technical-card h3{

    margin:0 0 16px;

    color:var(--domat-blue);

    font-size:22px;

    font-weight:700;

}



.technical-card p{

    margin:0;

    color:#565656;

    font-size:16px;

    line-height:1.8;

}


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

.comparison-grid{

    display:grid;

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

    gap:32px;

    margin-top:50px;

}



.comparison-card{

    padding:40px;

    border:1px solid #e8e8e8;

    border-radius:20px;

    background:#ffffff;

    transition:
        transform .30s ease,
        box-shadow .30s ease,
        border-color .30s ease;

}



.comparison-card:hover{

    transform:translateY(-6px);

    border-color:var(--domat-yellow);

    box-shadow:0 18px 50px rgba(0,0,0,.08);

}



.comparison-card--primary{

    border-top:5px solid var(--domat-yellow);

}



.comparison-tag{

    display:inline-block;

    margin-bottom:18px;

    padding:7px 16px;

    border-radius:999px;

    background:#fff6df;

    color:var(--domat-yellow);

    font-size:13px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}



.comparison-card h3{

    margin-bottom:24px;

}



.comparison-card ul{

    margin:0;

}


/*=========================================================
WIDE EDITORIAL IMAGE
=========================================================*/

.wide-image{

    margin:90px auto;

    width:calc(100% + 120px);

    margin-left:-60px;

}



.wide-image img{

    display:block;

    width:100%;

    height:auto;

    border-radius:22px;

    box-shadow:0 24px 60px rgba(0,0,0,.14);

}



.wide-image figcaption{

    max-width:760px;

    margin:20px auto 0;

    padding:0 20px;

    text-align:center;

    color:#7a7a7a;

    font-size:14px;

    line-height:1.8;

}


/*=========================================================
APPLICATIONS
=========================================================*/

.applications-list{

    margin-top:50px;

    display:flex;

    flex-direction:column;

    gap:26px;

}



.application-item{

    padding:30px 0;

    border-bottom:1px solid #ececec;

}



.application-item:first-child{

    border-top:1px solid #ececec;

}



.application-item h3{

    margin:0 0 12px;

    color:var(--domat-blue);

    font-size:24px;

    font-weight:700;

}



.application-item p{

    margin:0;

}


/*=========================================================
DECISION FACTORS
=========================================================*/

.decision-list{

    margin-top:55px;

    display:flex;

    flex-direction:column;

    gap:34px;

}



.decision-item{

    display:grid;

    grid-template-columns:90px 1fr;

    gap:28px;

    align-items:flex-start;

    padding-bottom:34px;

    border-bottom:1px solid #ececec;

}



.decision-number{

    color:var(--domat-yellow);

    font-size:42px;

    font-weight:800;

    line-height:1;

}



.decision-content h3{

    margin:0 0 14px;

    font-size:24px;

}



.decision-content p{

    margin:0;

}


/*=========================================================
ROADMASTER SERIES
=========================================================*/

.roadmaster-highlight{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:50px;

    align-items:center;

    margin-top:55px;

    padding:55px;

    background:#f8f9fb;

    border:1px solid #ececec;

    border-radius:22px;

}



.roadmaster-content ul{

    margin:30px 0 36px;

}



.roadmaster-image img{

    display:block;

    width:100%;

    height:auto;

}



.roadmaster-button{

display:flex;

align-items:center;

justify-content:center;

width:100%;

max-width:100%;

padding:16px 24px;

box-sizing:border-box;

border-radius:999px;

background:var(--domat-yellow);

color:#101c2c;

font-weight:700;

text-decoration:none;

text-align:center;

line-height:1.3;

transition:.30s;

}



.roadmaster-button:hover{

    transform:translateY(-2px);

    background:#f7b600;

}


/*=========================================================
INDUSTRY APPLICATIONS
=========================================================*/

.industry-grid{

    display:grid;

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

    gap:28px;

    margin-top:55px;

}



.industry-card{

    padding:34px;

    background:#ffffff;

    border:1px solid #ececec;

    border-radius:18px;

    transition:
        transform .30s ease,
        border-color .30s ease,
        box-shadow .30s ease;

}



.industry-card:hover{

    transform:translateY(-5px);

    border-color:var(--domat-yellow);

    box-shadow:0 16px 45px rgba(0,0,0,.08);

}



.industry-card h3{

    margin:0 0 16px;

    color:var(--domat-blue);

    font-size:22px;

    line-height:1.35;

}



.industry-card p{

    margin:0;

    font-size:16px;

    line-height:1.8;

}


/*=========================================================
EDITORIAL CONCLUSION
=========================================================*/

#conclusion{

    margin-top:90px;

}



#conclusion .section-content{

    max-width:900px;

}



#conclusion blockquote{

    margin-top:55px;

}


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

/*=========================================================
FINAL CTA — MAIN CONTAINER
=========================================================

LAYOUT:
Image on top
Content below

The CTA intentionally uses a stacked architecture at all
desktop and mobile resolutions.

This avoids the excessive horizontal image stretch produced
by the previous 50/50 desktop grid.

=========================================================*/

.article-final-cta{

    width:100%;

    display:flex;

    flex-direction:column;

    margin-top:120px;

    margin-bottom:30px;

    overflow:hidden;

    background:#2c2510;

    border-radius:16px;

    box-shadow:
        0 25px 70px rgba(0,0,0,.12);

}


/*=========================================================
FINAL CTA — VISUAL SIDE
=========================================================*/

.final-cta-visual{

    position:relative;

    width:100%;

    height:clamp(
        300px,
        32vw,
        460px
    );

    min-height:300px;

    overflow:hidden;

    background:#111111;

}


/*=========================================================
FINAL CTA — IMAGE
=========================================================*/

.final-cta-visual img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center center;

    transform:scale(1.01);

}


/*=========================================================
IMAGE OVERLAY
=========================================================*/


.final-cta-visual-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(44, 42, 16, 0.08) 0%,
            rgba(44, 38, 16, 0.12) 45%,
            rgb(44, 37, 16) 100%
        );

    pointer-events:none;

}


/*=========================================================
IMAGE LABEL
=========================================================*/


.final-cta-image-label{

    position:absolute;

    left:38px;

    bottom:34px;

    display:flex;

    align-items:center;

    gap:12px;

    color:#ffffff;

    font-size:11px;

    font-weight:800;

    letter-spacing:2.5px;

    text-transform:uppercase;

}


.final-cta-image-label-line{

    width:34px;

    height:2px;

    display:block;

    background:var(--domat-yellow);

}


/*=========================================================
FINAL CTA — CONTENT SIDE
=========================================================*/


.final-cta-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:72px 64px;

    background:#2c2510 !important;

    color:#ffffff !important;

}


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


.article-final-cta .section-eyebrow{

    margin-bottom:20px;

    color:var(--domat-yellow) !important;

}


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


.article-final-cta h2{

    max-width:620px;

    margin:0;

    color:#ffffff;

    font-size:42px;

    line-height:1.15;

    font-weight:800;

    letter-spacing:-.03em;

}


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


.final-cta-introduction{

    max-width:620px;

    margin:26px 0 42px;

    color:#d6dbe1 !important;

    font-size:17px;

    line-height:1.8;

}


/*=========================================================
DECISION PATHS
=========================================================*/


.final-cta-paths{

    display:flex;

    flex-direction:column;

    gap:14px;

}


/*=========================================================
INDIVIDUAL PATH
=========================================================*/


.final-cta-path{

    display:grid;

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

    gap:18px;

    align-items:start;

    padding:20px 0;

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

}


.final-cta-path:last-child{

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

}


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


.final-cta-path-number{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

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

    border-radius:50%;

    color:var(--domat-yellow) !important;

    font-size:12px;

    font-weight:800;

    letter-spacing:.05em;

}


/*=========================================================
PATH CONTENT
=========================================================*/


.final-cta-path-content{

    min-width:0;

}


.final-cta-path-label{

    display:block;

    margin-bottom:7px;

    color:var(--domat-yellow) !important;

    font-size:10px;

    line-height:1.4;

    font-weight:800;

    letter-spacing:1.8px;

    text-transform:uppercase;

}


.final-cta-path h3{

    margin:0 0 10px;

    color:#ffffff !important;

    font-size:17px;

    line-height:1.45;

    font-weight:600;

}


/*=========================================================
SECONDARY CTA LINKS
=========================================================*/


.final-cta-secondary-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#ffffff !important;

    font-size:14px;

    line-height:1.4;

    font-weight:700;

    text-decoration:none;

    transition:
        color .25s ease,
        gap .25s ease;

}


.final-cta-secondary-link span{

    color:var(--domat-yellow) !important;

    font-size:18px;

    line-height:1;

    transition:
        transform .25s ease;

}


.final-cta-secondary-link:hover{

    color:var(--domat-yellow)!important;

}


.final-cta-secondary-link:hover span{

    transform:translateX(4px);

}


/*=========================================================
FEATURED / PRIMARY PATH
=========================================================*/


.final-cta-path-featured{

    margin-top:4px;

    padding:22px 20px;

    border:1px solid rgba(255,180,0,.35);

    background:
        rgba(255,180,0,.06);

}


.final-cta-path-featured .final-cta-path-number{

    border-color:var(--domat-yellow);

    background:var(--domat-yellow);

    color:#2c2510 !important;

}


/*=========================================================
PRIMARY CTA BUTTON
=========================================================*/

.final-cta-primary-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    width:max-content;

    max-width:100%;

    margin-top:4px;

    padding:14px 20px;

    border-radius:5px;

    background:var(--domat-yellow);

    color:#101010 !important;

    font-size:14px;

    line-height:1.3;

    font-weight:800;

    text-decoration:none !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.18);

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

}


.final-cta-primary-button span{

    color:#101010 !important;

    font-size:18px;

    line-height:1;

}


.final-cta-primary-button:hover,
.final-cta-primary-button:focus,
.final-cta-primary-button:active,
.final-cta-primary-button:visited{

    background:#ffc329;

    color:#101010 !important;

    text-decoration:none !important;

}


.final-cta-primary-button:hover span,
.final-cta-primary-button:focus span,
.final-cta-primary-button:active span,
.final-cta-primary-button:visited span{

    color:#101010 !important;

}


.final-cta-primary-button:hover{

    transform:translateY(-2px);

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

}


/*=========================================================
CONTACT / ADDRESS
=========================================================*/


.final-cta-contact{

    display:flex;

    align-items:center;

    gap:12px;

    margin-top:34px;

    padding-top:22px;

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

}


.final-cta-contact-label{

    flex-shrink:0;

    color:var(--domat-yellow);

    font-size:10px;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;

}


.final-cta-contact address{

    margin:0;

    color:#aeb7c1;

    font-size:12px;

    line-height:1.5;

    font-style:normal;

}

/*=========================================================
MEDIA RESPONSIVE
=========================================================*/

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

@media(max-width:1200px){

.blog-layout{

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

gap:0;

padding:70px 0 100px;

}

.blog-sidebar{

width:0;

min-width:0;

pointer-events:none;

}

.blog-sidebar .toc-panel{

pointer-events:auto;

}
}



@media(max-width:768px){

.blog-layout{

width:min(100%,92%);

padding:55px 0 80px;

}

}

/*=========================================================
EDITORIAL INTRO
=========================================================*/

@media(max-width:768px){

.editorial-intro{

margin-bottom:55px;

padding-bottom:30px;

}

.editorial-meta{

flex-direction:column;

align-items:flex-start;

gap:18px;

}

.article-information{

flex-wrap:wrap;

font-size:13px;

}

.article-lead{

font-size:18px;

line-height:1.8;

}

}


/*=========================================================
READING PROGRESS
=========================================================*/

@media(max-width:768px){

.reading-progress-wrapper{

margin-bottom:50px;

padding:10px 0;

}

.reading-progress-track{

height:4px;

}

}


/*=========================================================
TABLE OF CONTENTS
=========================================================*/


@media(max-width:768px){

.toc-panel{

bottom:10px;

right:0px;

}


.toc-toggle{

width:65px;

height:60px;

padding:0;

justify-content:center;

border-radius:50%;

}

.toc-toggle span:not(.toc-icon){

display:none;

}

.toc-toggle .toc-icon{

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

line-height:1;

}

.toc-navigation{

position:absolute;

right:0;

bottom:75px;

width:290px;

max-height:70vh;

overflow:auto;

}

}

/*=========================================================
EDITORIAL TYPOGRAPHY
=========================================================*/

@media(max-width:768px){

.blog-main section{

margin-bottom:65px;

}



.blog-main h2{

font-size:34px;

margin-bottom:22px;

}



.blog-main h3{

font-size:26px;

}



.blog-main h4{

font-size:22px;

}



.blog-main p{

font-size:17px;

line-height:1.9;

}



.blog-main li{

font-size:17px;

}



.blog-main blockquote{

padding:26px;

}



.blog-main blockquote p{

font-size:20px;

}

blockquote{

position:relative;

padding-left:90px;

}

blockquote::before{

left:20px;

top:20px;

font-size:85px;

line-height:1;

}

}

.domat-article blockquote .indostio-svg-icon{
    display:none !important;
}

/*=========================================================
ARTICLE SECTION
=========================================================*/

@media(max-width:768px){

.article-section{

margin-bottom:70px;

}

.section-header{

margin-bottom:26px;

}

.section-label{

font-size:12px;

letter-spacing:.14em;

}

.section-label::before{

width:36px;

}

.section-content{

max-width:100%;

}

}


/*=========================================================
FEATURED IMAGE
=========================================================*/

@media(max-width:768px){

.featured-image{

margin:50px 0 70px;

}

.featured-image img{

border-radius:14px;

}

.featured-image figcaption{

font-size:13px;

padding:0 10px;

}

}


/*=========================================================
TECHNICAL COMPONENTS
=========================================================*/

@media(max-width:768px){

.technical-grid{

grid-template-columns:1fr;

gap:20px;

margin-top:36px;

}

.technical-card{

padding:26px;

}

.technical-card h3{

font-size:20px;

}

.technical-card p{

font-size:15px;

}

}


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

@media(max-width:768px){

.comparison-grid{

grid-template-columns:1fr;

gap:22px;

margin-top:36px;

}

.comparison-card{

padding:28px;

}

}

/*=========================================================
WIDE EDITORIAL IMAGE
=========================================================*/

@media(max-width:1200px){

.wide-image{

width:100%;

margin-left:0;

}

}



@media(max-width:768px){

.wide-image{

margin:70px auto;

}

.wide-image img{

border-radius:16px;

}

.wide-image figcaption{

font-size:13px;

padding:0 10px;

}

}


/*=========================================================
APPLICATIONS
=========================================================*/

@media(max-width:768px){

.application-item{

padding:24px 0;

}

.application-item h3{

font-size:21px;

}

}

/*=========================================================
DECISION FACTORS
=========================================================*/

@media(max-width:768px){

.decision-item{

grid-template-columns:1fr;

gap:12px;

padding-bottom:28px;

}

.decision-number{

font-size:32px;

}

.decision-content h3{

font-size:21px;

}

}


/*=========================================================
ROADMASTER SERIES
=========================================================*/

@media(max-width:992px){

.roadmaster-highlight{

grid-template-columns:1fr;

padding:35px;

gap:35px;

}

}



@media(max-width:768px){

.roadmaster-highlight{

padding:28px;

}

.roadmaster-button{

width:100%;

}

.roadmaster-image{

display:flex;

justify-content:center;

align-items:center;

}

.roadmaster-image img{

width:100%;

max-width:320px;

height:auto;

display:block;

}
}


/*=========================================================
INDUSTRY APPLICATIONS
=========================================================*/

@media(max-width:1100px){

.industry-grid{

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

}

}



@media(max-width:768px){

.industry-grid{

grid-template-columns:1fr;

gap:20px;

margin-top:36px;

}

.industry-card{

padding:26px;

}

.industry-card h3{

font-size:20px;

}

.industry-card p{

font-size:15px;

}

}


/*=========================================================
EDITORIAL CONCLUSION
=========================================================*/

/*=========================================================
FINAL CTA — RESPONSIVE
=========================================================*/


/*=========================================================
TABLET / SMALL DESKTOP
=========================================================*/


@media(max-width:1100px){

    .article-final-cta{

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

        margin-top:100px;

    }


    .final-cta-visual{

        min-height:680px;

    }


    .final-cta-content{

        padding:58px 46px;

    }


    .article-final-cta h2{

        font-size:36px;

    }


    .final-cta-introduction{

        font-size:16px;

        margin-bottom:34px;

    }

}


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


@media(max-width:900px){

    .article-final-cta{

        grid-template-columns:1fr;

    }


    /* -----------------------------------------------
       Image becomes horizontal visual header
       ----------------------------------------------- */

    .final-cta-visual{

        width:100%;

        min-height:0;

        aspect-ratio:16 / 8;

    }


    .final-cta-visual img{

        width:100%;

        height:100%;

        object-fit:cover;

    }


    .final-cta-content{

        padding:56px 48px 60px;

    }


    .article-final-cta h2{

        max-width:700px;

        font-size:38px;

    }


    .final-cta-introduction{

        max-width:700px;

    }

}


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


@media(max-width:768px){

    .article-final-cta{

        width:100%;

        margin-top:80px;

        margin-bottom:20px;

        border-radius:10px;

    }


    /* -----------------------------------------------
       Controlled image ratio
       Prevents excessive vertical stretching
       ----------------------------------------------- */

    .final-cta-visual{

        aspect-ratio:16 / 9;

    }


    .final-cta-visual img{

        width:100%;

        height:100%;

        object-fit:cover;

        object-position:center;

    }


    .final-cta-image-label{

        left:22px;

        bottom:20px;

        font-size:9px;

        letter-spacing:1.8px;

    }


    .final-cta-image-label-line{

        width:24px;

    }


    .final-cta-content{

        padding:44px 26px 48px;

    }


    .article-final-cta .section-eyebrow{

        margin-bottom:16px;

        font-size:10px;

        letter-spacing:2px;

    }


    .article-final-cta h2{

        font-size:30px;

        line-height:1.2;

        letter-spacing:-.02em;

    }


    .final-cta-introduction{

        margin:22px 0 34px;

        font-size:16px;

        line-height:1.75;

    }


    .final-cta-paths{

        gap:10px;

    }


    .final-cta-path{

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

        gap:14px;

        padding:18px 0;

    }


    .final-cta-path-number{

        width:36px;

        height:36px;

        font-size:10px;

    }


    .final-cta-path-label{

        font-size:9px;

        letter-spacing:1.4px;

    }


    .final-cta-path h3{

        font-size:16px;

        line-height:1.45;

    }


    .final-cta-secondary-link{

        font-size:13px;

    }


    .final-cta-path-featured{

        padding:18px 14px;

    }


    .final-cta-primary-button{

        width:100%;

        box-sizing:border-box;

        padding:15px 16px;

        text-align:center;

    }


    .final-cta-contact{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

        margin-top:28px;

        padding-top:20px;

    }


    .final-cta-contact address{

        font-size:11px;

        line-height:1.6;

    }

}


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


@media(max-width:480px){

    .article-final-cta{

        margin-top:65px;

    }


    .final-cta-visual{

        aspect-ratio:4 / 3;

    }


    .final-cta-content{

        padding:38px 20px 40px;

    }


    .article-final-cta h2{

        font-size:27px;

    }


    .final-cta-introduction{

        font-size:15px;

    }


    .final-cta-path{

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

        gap:11px;

    }


    .final-cta-path-number{

        width:32px;

        height:32px;

    }


    .final-cta-path-featured{

        padding:16px 12px;

    }


    .final-cta-primary-button{

        font-size:13px;

    }

}/* End custom CSS */