.dcdir{padding:90px 30px; background:#fff; font-family:"DM Sans",system-ui,sans-serif; color:#0b1f33;}
.dcdir__inner{max-width:1320px; margin:0 auto;}
.dcdir__head{margin-bottom:30px; text-align:center;}
.dcdir__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;}
.dcdir__title{font-size:clamp(28px,3vw,40px); font-weight:800; margin:0 0 14px; letter-spacing:-.01em;}
.dcdir__lead{font-size:16px; line-height:1.55; color:#5a6b7d; max-width:680px; margin:0 auto;}
.dcdir__filters{display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:0 0 36px;}
.dcdir__chip{border:1px solid #e7ecf2; background:#fff; color:#0b1f33; padding:8px 16px; border-radius:999px; font-size:13px; font-weight:600; cursor:pointer; transition:all .2s;}
.dcdir__chip:hover{border-color:#00559d; color:#00559d;}
.dcdir__chip.is-active{background:linear-gradient(135deg,#00559d,#0077cc); color:#fff; border-color:transparent;}
.dcdir__grid{list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:22px;}
.dcdir__card{background:#f5f7fa; border:1px solid #eef2f7; border-radius:18px; padding:24px; transition:transform .2s, box-shadow .2s;}
.dcdir__card:hover{transform:translateY(-3px); box-shadow:0 16px 36px -18px rgba(11,31,51,.25);}
.dcdir__card[hidden]{display:none;}
.dcdir__logo{width:60px; height:60px; border-radius:14px; background:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:16px; overflow:hidden; border:1px solid #e7ecf2;}
.dcdir__logo img{max-width:80%; max-height:80%; object-fit:contain;}
.dcdir__mono{font-size:20px; font-weight:800; color:#00559d; letter-spacing:.04em;}
.dcdir__name{font-size:17px; font-weight:800; margin:0 0 6px;}
.dcdir__sector{display:inline-block; font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#00559d; background:rgba(0,85,157,.08); padding:3px 8px; border-radius:6px; margin-right:6px;}
.dcdir__city{font-size:13px; color:#5a6b7d; font-weight:600;}
.dcdir__desc{font-size:14px; line-height:1.55; color:#5a6b7d; margin:12px 0 14px;}
.dcdir__site{font-size:13px; font-weight:700; color:#00559d; text-decoration:none;}
.dcdir__site:hover{text-decoration:underline;}
@media(max-width:560px){.dcdir{padding:60px 18px;}}