.msect62{
    --navy:#0b1f33;
    --navy-2:#173451;
    --gold:#c69a52;
    --gold-dark:#a97927;
    --ink:#2e3b4e;
    --muted:#667085;
    --line:#e4e0d8;
    --soft:#f7f9fb;
    color:var(--ink);
    font-family:inherit;
}
.msect62 *{box-sizing:border-box}
.msect62 .msect62-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.msect62 .msect62-section{padding:72px 0}
.msect62 .msect62-section--soft{background:var(--soft)}
.msect62 .msect62-section--navy{background:var(--navy);color:#fff}
.msect62 .msect62-kicker{
    margin:0 0 18px;
    color:var(--gold);
    font-size:13px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.17em;
    text-transform:uppercase;
}
.msect62 h1,.msect62 h2,.msect62 h3{
    margin-top:0;
    color:var(--navy);
    font-family:Georgia,"Times New Roman",serif;
}
.msect62 h1{
    max-width:930px;
    margin-bottom:22px;
    font-size:clamp(46px,5.7vw,72px);
    line-height:1.05;
    letter-spacing:-.022em;
}
.msect62 h2{
    margin-bottom:18px;
    font-size:clamp(32px,3.7vw,47px);
    line-height:1.1;
}
.msect62 h3{
    margin-bottom:10px;
    font-size:25px;
    line-height:1.25;
}
.msect62 p{
    margin:0 0 16px;
    font-size:17px;
    line-height:1.72;
}
.msect62 .msect62-lead{
    max-width:950px;
    color:#405067;
    font-size:clamp(20px,2vw,26px);
    line-height:1.58;
}
.msect62 .msect62-divider{height:1px;background:var(--line);margin-top:44px}
.msect62 .msect62-hero{
    padding:88px 0 62px;
    background:linear-gradient(180deg,#fff,#fbfcfd);
}
.msect62 .msect62-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.msect62 .msect62-summary article{
    padding:24px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
}
.msect62 .msect62-summary strong{
    display:block;
    margin-bottom:7px;
    color:var(--navy);
    font-family:Georgia,"Times New Roman",serif;
    font-size:27px;
}
.msect62 .msect62-summary span{
    color:var(--muted);
    font-size:15px;
    line-height:1.5;
}
.msect62 .msect62-timeline{
    position:relative;
    margin-top:42px;
}
.msect62 .msect62-timeline:before{
    content:"";
    position:absolute;
    top:8px;
    bottom:8px;
    left:235px;
    width:1px;
    background:var(--line);
}
.msect62 .msect62-item{
    position:relative;
    display:grid;
    grid-template-columns:200px 1fr;
    gap:64px;
    padding:0 0 48px;
}
.msect62 .msect62-item:last-child{padding-bottom:0}
.msect62 .msect62-marker{
    position:absolute;
    left:227px;
    top:7px;
    width:17px;
    height:17px;
    border:4px solid #fff;
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 0 1px var(--gold);
}
.msect62 .msect62-period{
    padding-top:1px;
    color:var(--gold-dark);
    font-size:13px;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
    text-align:right;
}
.msect62 .msect62-content{
    padding:28px 30px;
    border:1px solid var(--line);
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 26px rgba(16,24,40,.04);
}
.msect62 .msect62-sector{
    display:inline-block;
    margin-bottom:12px;
    color:var(--gold-dark);
    font-size:12px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.msect62 .msect62-companies{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:18px 0;
}
.msect62 .msect62-companies span{
    padding:7px 10px;
    border-radius:999px;
    background:#f2f4f7;
    color:#344054;
    font-size:13px;
    font-weight:700;
}
.msect62 .msect62-system-note{
    margin:18px 0;
    padding:15px 17px;
    border-left:3px solid var(--gold);
    background:#fbf8f1;
    color:#4b5565;
    line-height:1.6;
}
.msect62 .msect62-reflection{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid var(--line);
    color:#526071;
}
.msect62 .msect62-item--future .msect62-content{
    background:linear-gradient(145deg,#fff,#fbf8f1);
}
.msect62 .msect62-evolution{
    display:grid;
    grid-template-columns:.75fr 1.25fr;
    gap:40px;
    align-items:center;
}
.msect62 .msect62-section--navy h2{color:#fff}
.msect62 .msect62-section--navy p{color:#dce6ef}
.msect62 .msect62-evolution-steps{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}
.msect62 .msect62-evolution-steps span{
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:999px;
    color:#fff;
    font-size:14px;
    font-weight:700;
}
.msect62 .msect62-evolution-steps i{
    color:var(--gold);
    font-style:normal;
}
.msect62 .msect62-boundary{
    display:flex;
    gap:30px;
    align-items:center;
    justify-content:space-between;
    padding:40px 44px;
    border-radius:24px;
    background:var(--navy);
    color:#fff;
}
.msect62 .msect62-boundary h2{color:#fff;font-size:36px}
.msect62 .msect62-boundary p{max-width:790px;color:#dce6ef}
.msect62 .msect62-btn{
    display:inline-flex;
    min-height:50px;
    align-items:center;
    justify-content:center;
    padding:13px 23px;
    border-radius:999px;
    background:var(--gold);
    color:var(--navy)!important;
    font-weight:800;
    text-decoration:none!important;
    white-space:nowrap;
}

@media(max-width:900px){
    .msect62 .msect62-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .msect62 .msect62-timeline:before{left:8px}
    .msect62 .msect62-item{grid-template-columns:1fr;gap:12px;padding-left:38px}
    .msect62 .msect62-marker{left:0}
    .msect62 .msect62-period{text-align:left}
    .msect62 .msect62-evolution{grid-template-columns:1fr}
}
@media(max-width:640px){
    .msect62 .msect62-wrap{padding:0 20px}
    .msect62 .msect62-section{padding:52px 0}
    .msect62 .msect62-hero{padding:64px 0 48px}
    .msect62 .msect62-summary{grid-template-columns:1fr}
    .msect62 .msect62-content{padding:24px}
    .msect62 .msect62-boundary{align-items:flex-start;flex-direction:column;padding:30px 25px}
}