.inline-page{
    font-family:"IBM Plex Sans",Arial,sans-serif;
    color:#4f648b;
    font-size:16px;
    font-weight:300;
    line-height:25px;
}

.inline-page *{
    box-sizing:border-box;
}

.inline-shell{
    width:min(1170px,calc(100% - 32px));
    margin:0 auto;
}

.inline-page h1,
.inline-page h2,
.inline-page h3,
.inline-page p{
    margin-top:0;
}

.inline-page h1{
    margin-bottom:18px;
    font-size:34px;
    font-weight:400;
    line-height:42px;
    text-transform:none;
}

.inline-page h2{
    margin-bottom:24px;
    font-size:28px;
    font-weight:400;
    line-height:36px;
}

.inline-page h3{
    margin-bottom:12px;
    font-size:20px;
    font-weight:400;
    line-height:27px;
}

.inline-page a{
    color:#4f648b;
}

.inline-section{
    padding:64px 0;
}

.inline-section--soft{
    background:#f6f8fb;
}

.inline-kicker,
.inline-model,
.inline-product__kicker{
    margin-bottom:10px;
    color:#f2932e;
    font-size:13px;
    font-weight:400;
    line-height:20px;
    letter-spacing:.04em;
}

.inline-lead{
    max-width:760px;
    margin-bottom:14px;
    font-size:22px;
    font-weight:400;
    line-height:31px;
}

.inline-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:26px;
}

.inline-btn{
    display:inline-flex;
    min-height:46px;
    align-items:center;
    justify-content:center;
    padding:10px 20px;
    border:1px solid #4f648b;
    text-decoration:none;
    font-weight:400;
    line-height:24px;
}

.inline-btn:hover,
.inline-btn:focus{
    border-color:#f2932e;
    text-decoration:none;
}

.inline-btn--primary{
    background:#4f648b;
    color:#fff!important;
}

.inline-btn--secondary{
    background:#fff;
    color:#4f648b!important;
}

.inline-hero{
    padding:54px 0 64px;
}

.inline-hero__inner{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
    gap:48px;
    align-items:center;
}

.inline-hero__copy>p:not(.inline-kicker):not(.inline-lead){
    max-width:760px;
}

.inline-hero__media{
    min-width:0;
}

.inline-hero__media img{
    display:block;
    width:100%;
    height:auto;
    max-height:260px;
    object-fit:contain;
    margin-bottom:16px;
}

.inline-cycle{
    padding:22px;
    border:1px solid #dbe3ef;
    background:#fff;
}

.inline-cycle span{
    display:block;
    margin-bottom:14px;
    color:#f2932e;
    font-size:13px;
}

.inline-cycle strong{
    display:block;
    font-size:18px;
    font-weight:400;
    line-height:26px;
}

.inline-cycle i{
    display:block;
    margin:4px 0;
    color:#f2932e;
    font-style:normal;
    font-size:24px;
}

.inline-process-route{
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:0;
    margin:0;
    padding:0;
    border-top:1px solid #dbe3ef;
    list-style:none;
}

.inline-process-route li{
    position:relative;
    min-width:0;
    padding:20px 18px 0 0;
}

.inline-process-route li:not(:last-child)::after{
    content:"→";
    position:absolute;
    top:20px;
    right:5px;
    color:#f2932e;
}

.inline-process-route b{
    display:block;
    margin-bottom:6px;
    color:#f2932e;
    font-size:12px;
    font-weight:400;
}

.inline-process-route span{
    display:block;
    padding-right:8px;
    font-size:14px;
    line-height:20px;
}

.inline-choice-grid,
.inline-products-grid,
.inline-related-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.inline-choice-card,
.inline-product,
.inline-related-card,
.inline-separate-card,
.inline-competence-grid article{
    min-width:0;
    border:1px solid #dbe3ef;
    background:#fff;
}

.inline-choice-card{
    display:flex;
    min-height:280px;
    flex-direction:column;
    padding:24px;
}

.inline-choice-card strong{
    margin-bottom:10px;
    font-size:18px;
    font-weight:400;
}

.inline-choice-card p:last-of-type{
    flex:1;
}

.inline-choice-card a{
    font-weight:400;
    text-decoration:none;
}

.inline-when{
    max-width:900px;
    margin-top:26px;
    padding:7px 0 2px 20px;
    border-left:3px solid #f2932e;
}

.inline-product{
    display:flex;
    flex-direction:column;
    padding:24px;
}

.inline-product__difference{
    font-weight:400;
}

.inline-spec-list{
    flex:1;
    margin:7px 0 26px;
    padding-left:20px;
}

.inline-spec-list li{
    margin-bottom:7px;
}

.inline-product__link{
    align-self:flex-start;
    font-weight:400;
    text-decoration:none;
}

.inline-table-wrap{
    width:100%;
    overflow-x:auto;
}

.inline-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.inline-table th,
.inline-table td{
    padding:13px 15px;
    border:1px solid #dbe3ef;
    text-align:left;
    vertical-align:top;
}

.inline-table thead th{
    background:#4f648b;
    color:#fff;
    font-weight:400;
}

.inline-table tbody th{
    width:38%;
    font-weight:400;
}

.inline-muted{
    opacity:.75;
}

.inline-mobile-compare{
    display:none;
}

.inline-note{
    max-width:920px;
    margin:18px 0;
    font-size:14px;
    line-height:22px;
}

.inline-separate-grid,
.inline-competence-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
}

.inline-separate-card{
    display:flex;
    min-height:180px;
    flex-direction:column;
    padding:22px;
    text-decoration:none;
}

.inline-separate-card strong,
.inline-related-card strong,
.inline-competence-grid strong{
    margin-bottom:10px;
    font-size:18px;
    font-weight:400;
}

.inline-separate-card span{
    flex:1;
}

.inline-separate-card em,
.inline-related-card em{
    margin-top:14px;
    color:#f2932e;
    font-style:normal;
}

.inline-media-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}

.inline-media-card{
    min-width:0;
    padding:0 0 18px;
    border:1px solid #dbe3ef;
    background:#fff;
}

.inline-video-wrap{
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%;
    overflow:hidden;
    background:#000;
}

.inline-video-wrap iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.inline-media-card h3,
.inline-media-card p{
    margin-right:18px;
    margin-left:18px;
}

.inline-media-card h3{
    margin-top:16px;
}

.inline-proof-list{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.inline-proof-list article{
    padding:22px;
    border:1px solid #dbe3ef;
    background:#fff;
}

.inline-proof-list strong,
.inline-proof-list span{
    display:block;
}

.inline-proof-list strong{
    margin-bottom:9px;
    font-weight:400;
}

.inline-selection{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);
    gap:34px;
    align-items:center;
    padding:34px;
    border:1px solid #dbe3ef;
}

.inline-selection .inline-actions{
    justify-content:flex-end;
    margin-top:0;
}

.inline-competence-grid article{
    padding:22px;
}

.inline-competence-grid strong,
.inline-competence-grid span{
    display:block;
}

.inline-related-card{
    display:flex;
    min-height:160px;
    flex-direction:column;
    padding:22px;
    text-decoration:none;
}

.inline-related-card span{
    flex:1;
}

.inline-final{
    padding:64px 0 82px;
}

.inline-final__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
}

.inline-final h2{
    max-width:680px;
    margin-bottom:0;
}

.inline-final .inline-actions{
    flex-shrink:0;
    margin-top:0;
}

@media (max-width:1199px){
    .inline-process-route{
        grid-template-columns:repeat(4,minmax(0,1fr));
        row-gap:22px;
    }

    .inline-separate-grid,
    .inline-competence-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:1024px){
    .inline-section{
        padding:54px 0;
    }

    .inline-hero__inner{
        gap:32px;
    }

    .inline-selection{
        grid-template-columns:1fr;
    }

    .inline-selection .inline-actions{
        justify-content:flex-start;
    }

    .inline-final__inner{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media (max-width:767px){
    .inline-page{
        line-height:24px;
    }

    .inline-shell{
        width:min(100% - 24px,1170px);
    }

    .inline-section{
        padding:42px 0;
    }

    .inline-page h1{
        font-size:28px;
        line-height:34px;
    }

    .inline-page h2{
        font-size:24px;
        line-height:31px;
    }

    .inline-page h3{
        font-size:19px;
        line-height:25px;
    }

    .inline-lead{
        font-size:19px;
        line-height:27px;
    }

    .inline-hero{
        padding:34px 0 42px;
    }

    .inline-hero__inner,
    .inline-choice-grid,
    .inline-products-grid,
    .inline-related-grid,
    .inline-media-grid,
    .inline-proof-list,
    .inline-separate-grid,
    .inline-competence-grid{
        grid-template-columns:1fr;
    }

    .inline-actions{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
    }

    .inline-btn{
        width:100%;
        text-align:center;
    }

    .inline-process-route{
        display:flex;
        margin-left:8px;
        border-top:0;
        border-left:1px solid #dbe3ef;
        flex-direction:column;
    }

    .inline-process-route li{
        padding:0 0 22px 25px;
    }

    .inline-process-route li:not(:last-child)::after{
        content:"↓";
        top:24px;
        right:auto;
        left:-7px;
        background:#fff;
    }

    .inline-process-route b{
        margin-bottom:2px;
    }

    .inline-process-route span{
        padding-right:0;
        font-size:16px;
        line-height:24px;
    }

    .inline-choice-card,
    .inline-product,
    .inline-related-card,
    .inline-separate-card,
    .inline-competence-grid article{
        padding:20px;
    }

    .inline-table-wrap{
        display:none;
    }

    .inline-mobile-compare{
        display:block;
    }

    .inline-mobile-selectors{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
        margin-bottom:18px;
    }

    .inline-mobile-selectors label{
        min-width:0;
        font-size:13px;
        line-height:20px;
    }

    .inline-mobile-selectors select{
        display:block;
        width:100%;
        height:44px;
        margin-top:5px;
        padding:0 10px;
        border:1px solid #dbe3ef;
        background:#fff;
        color:#4f648b;
    }

    .inline-mobile-row{
        min-width:0;
        margin-bottom:10px;
        padding:14px;
        border:1px solid #dbe3ef;
        background:#fff;
    }

    .inline-mobile-row>strong{
        display:block;
        margin-bottom:10px;
        font-weight:400;
    }

    .inline-mobile-values{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:10px;
        font-size:14px;
        line-height:21px;
    }

    .inline-mobile-values span{
        min-width:0;
        overflow-wrap:anywhere;
    }

    .inline-selection{
        padding:22px;
    }

    .inline-final{
        padding:42px 0 58px;
    }

    .inline-final .inline-actions{
        width:100%;
    }
}

@media (max-width:430px){
    .inline-mobile-selectors{
        grid-template-columns:1fr;
    }

    .inline-mobile-values{
        gap:8px;
    }
}