.dctl{padding:90px 30px; background:linear-gradient(180deg,#f5f7fa,#fff); font-family:"DM Sans",system-ui,sans-serif; color:#0b1f33;}
.dctl__inner{max-width:1080px; margin:0 auto;}
.dctl__head{text-align:center; margin-bottom:50px;}
.dctl__eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#00559d; margin-bottom:14px;}
.dctl__title{font-size:clamp(28px,3vw,40px); font-weight:800; margin:0 0 14px; letter-spacing:-.01em;}
.dctl__lead{font-size:16px; line-height:1.55; color:#5a6b7d; max-width:640px; margin:0 auto;}
.dctl__list{list-style:none; padding:0; margin:0; position:relative;}
.dctl__list::before{content:""; position:absolute; left:90px; top:0; bottom:0; width:2px; background:linear-gradient(180deg,rgba(0,85,157,.4),rgba(0,85,157,.05));}
.dctl__item{position:relative; padding-left:140px; margin-bottom:36px;}
.dctl__item:last-child{margin-bottom:0;}
.dctl__year{position:absolute; left:0; top:8px; width:74px; font-size:22px; font-weight:800; color:#00559d; text-align:right; letter-spacing:-.01em;}
.dctl__item::after{content:""; position:absolute; left:84px; top:18px; width:14px; height:14px; border-radius:50%;
  background:#fff; border:3px solid #00559d; box-shadow:0 0 0 4px rgba(0,85,157,.12);}
.dctl__card{background:#fff; border:1px solid #e7ecf2; border-radius:16px; padding:22px 24px; box-shadow:0 4px 12px -6px rgba(11,31,51,.08);}
.dctl__h{font-size:18px; font-weight:700; margin:0 0 8px;}
.dctl__t{font-size:14.5px; line-height:1.55; color:#5a6b7d; margin:0;}
.dctl__img{margin-top:14px; width:100%; border-radius:10px; display:block;}
@media(max-width:720px){.dctl{padding:60px 18px;} .dctl__list::before{left:14px;}
  .dctl__item{padding-left:46px;} .dctl__year{position:relative; left:0; top:0; width:auto; text-align:left; margin-bottom:8px; font-size:18px;}
  .dctl__item::after{left:8px; top:8px;}}