.home-why-jmt {
    --why-navy: #0b3155;
    --why-blue: #326f9d;
    --why-gold: #cfa14a;
    --why-line: rgba(97, 137, 170, .35);
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0;
    color: var(--why-navy);
    background: #eaf3f8 url('../img/home-why-marine-mist.png') center center / cover no-repeat;
    border-top: 3px solid var(--why-gold);
    border-bottom: 1px solid rgba(207, 161, 74, .62);
}

.home-why-jmt *,
.home-why-jmt *::before,
.home-why-jmt *::after { box-sizing: border-box; }

.home-why-jmt__top {
    display: grid;
    grid-template-columns: minmax(300px, .85fr) minmax(0, 1.15fr);
    gap: clamp(45px, 6.3vw, 126px);
    width: min(100%, 1520px);
    margin: 0 auto;
    padding: clamp(47px, 5.4vw, 90px) clamp(25px, 5.4vw, 99px) clamp(38px, 4.5vw, 68px);
}

.home-why-jmt__intro { min-width: 0; align-self: center; }

.home-why-jmt__intro h2 {
    max-width: 504px;
    margin: 0;
    color: var(--why-navy);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(38px, 3.8vw, 61px);
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: 1.06;
}

.home-why-jmt__title-rule {
    display: block;
    width: 83px;
    height: 3px;
    margin: 24px 0 27px;
    background: var(--why-gold);
}

.home-why-jmt__lead {
    max-width: 473px;
    margin: 0;
    color: #1f4b70;
    font: 400 clamp(14px, 1.13vw, 18px) / 1.55 Arial, sans-serif;
}

.home-why-jmt__intro > h3 {
    margin: 23px 0 11px;
    color: var(--why-navy);
    font: 700 clamp(14px, 1.08vw, 17px) / 1.25 Arial, sans-serif;
}

.home-why-jmt__client-points {
    display: grid;
    gap: 7px;
    max-width: 477px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-why-jmt__client-points li {
    position: relative;
    padding-left: 16px;
    color: #234c70;
    font: 400 clamp(13px, .95vw, 14px) / 1.4 Arial, sans-serif;
}

.home-why-jmt__client-points li::before {
    position: absolute;
    top: .52em;
    left: 0;
    width: 5px;
    height: 5px;
    content: '';
    background: var(--why-gold);
    border-radius: 50%;
}

.home-why-jmt__cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 50px;
    margin-top: 26px;
    padding: 0 20px 0 23px;
    color: #fff;
    background: linear-gradient(135deg, #2477ea, #1261d4);
    border: 1px solid #1261d4;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(18, 97, 212, .22);
    text-decoration: none;
    font: 700 clamp(14px, 1vw, 15px) / 1 Arial, sans-serif;
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.home-why-jmt__cta:hover,
.home-why-jmt__cta:focus-visible {
    color: #fff;
    background: linear-gradient(135deg, #1267dd, #0b4cae);
    box-shadow: 0 11px 22px rgba(18, 97, 212, .3);
    transform: translateY(-2px);
}

.home-why-jmt__cta i { font-size: 1.2em; }

.home-why-jmt__benefits {
    min-width: 0;
    align-self: center;
    border-top: 1px solid var(--why-line);
}

.home-why-jmt__benefit {
    display: grid;
    grid-template-columns: 68px 2px minmax(0, 1fr);
    align-items: center;
    gap: clamp(18px, 2.16vw, 34px);
    min-height: 110px;
    padding: 15px 7px;
    border-bottom: 1px solid var(--why-line);
}

.home-why-jmt__service-icon {
    display: grid;
    width: 65px;
    height: 65px;
    place-items: center;
    color: var(--why-navy);
    border: 2px solid var(--why-navy);
    border-radius: 50%;
    font-size: 31px;
}

.home-why-jmt__benefit > span {
    display: block;
    width: 2px;
    height: 58px;
    background: rgba(207, 161, 74, .9);
}

.home-why-jmt__benefit h3 {
    margin: 0;
    color: var(--why-navy);
    font: 400 clamp(19px, 1.8vw, 27px) / 1.12 Georgia, 'Times New Roman', serif;
}

.home-why-jmt__benefit p {
    max-width: 540px;
    margin: 8px 0 0;
    color: #224b70;
    font: 400 clamp(13px, 1vw, 16px) / 1.45 Arial, sans-serif;
}

.home-why-jmt__cargo {
    padding: clamp(27px, 3.3vw, 47px) clamp(25px, 5.4vw, 99px);
    background: rgba(255, 255, 255, .6);
    border-top: 1px solid var(--why-line);
}

.home-why-jmt__cargo > h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(14px, 1.8vw, 25px);
    margin: 0;
    color: var(--why-navy);
    text-align: center;
    font: 400 clamp(21px, 1.9vw, 31px) / 1.2 Georgia, 'Times New Roman', serif;
}

.home-why-jmt__cargo > h3 span {
    display: block;
    width: clamp(34px, 4.5vw, 63px);
    height: 2px;
    background: var(--why-gold);
}

.home-why-jmt__cargo ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1170px;
    margin: clamp(24px, 2.7vw, 38px) auto 0;
    padding: 0;
    list-style: none;
}

.home-why-jmt__cargo li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 65px;
    padding: 7px 16px;
    color: var(--why-navy);
    border-right: 1px solid var(--why-line);
    text-align: center;
    font: 400 clamp(14px, 1.08vw, 16px) / 1.25 Arial, sans-serif;
}

.home-why-jmt__cargo li:last-child { border-right: 0; }
.home-why-jmt__cargo i { color: var(--why-blue); font-size: clamp(27px, 2.25vw, 38px); }

@media (max-width: 1040px) {
    .home-why-jmt__top { gap: clamp(31px, 4.5vw, 52px); padding-right: clamp(22px, 4.5vw, 50px); padding-left: clamp(22px, 4.5vw, 50px); }
    .home-why-jmt__benefit { grid-template-columns: 56px 2px minmax(0, 1fr); }
    .home-why-jmt__service-icon { width: 54px; height: 54px; font-size: 25px; }
    .home-why-jmt__benefit > span { height: 49px; }
    .home-why-jmt__cargo { padding-right: clamp(22px, 4.5vw, 50px); padding-left: clamp(22px, 4.5vw, 50px); }
}

@media (max-width: 820px) {
    .home-why-jmt__top { grid-template-columns: 1fr; gap: 34px; padding-top: 43px; }
    .home-why-jmt__intro h2 { max-width: 680px; }
    .home-why-jmt__lead, .home-why-jmt__client-points { max-width: 690px; }
}

@media (max-width: 620px) {
    .home-why-jmt { border-top-width: 2px; }
    .home-why-jmt__top { gap: 28px; padding: 34px 18px 31px; }
    .home-why-jmt__intro h2 { font-size: clamp(34px, 9.9vw, 47px); }
    .home-why-jmt__title-rule { width: 63px; margin: 19px 0 21px; }
    .home-why-jmt__lead { font-size: 14px; }
    .home-why-jmt__benefit { grid-template-columns: 47px 2px minmax(0, 1fr); gap: 13px; min-height: 88px; padding: 14px 0; }
    .home-why-jmt__service-icon { width: 45px; height: 45px; font-size: 21px; }
    .home-why-jmt__benefit > span { height: 42px; }
    .home-why-jmt__benefit h3 { font-size: 18px; }
    .home-why-jmt__benefit p { margin-top: 5px; font-size: 13px; }
    .home-why-jmt__cta { width: 100%; }
    .home-why-jmt__cargo { padding: 27px 18px; }
    .home-why-jmt__cargo > h3 { font-size: 21px; }
    .home-why-jmt__cargo ul { grid-template-columns: repeat(2, 1fr); gap: 0; margin-top: 23px; }
    .home-why-jmt__cargo li { justify-content: flex-start; min-height: 58px; padding: 11px 7px; border-bottom: 1px solid var(--why-line); font-size: 13px; }
    .home-why-jmt__cargo li:nth-child(2) { border-right: 0; }
    .home-why-jmt__cargo li:last-child { border-bottom: 0; }
    .home-why-jmt__cargo i { font-size: 25px; }
}

@media (max-width: 390px) {
    .home-why-jmt__cargo > h3 span { display: none; }
    .home-why-jmt__cargo ul { grid-template-columns: 1fr; }
    .home-why-jmt__cargo li { border-right: 0; }
}