.dl-hero{position:relative;display:flex;align-items:center;min-height:330px;padding:52px 0 66px;background:linear-gradient(135deg,#0d2440 0%,#1a3a5c 45%,#2a5278 100%);color:#fff;overflow:hidden}
.dl-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 18% 32%,rgba(0,194,168,.16) 0%,transparent 52%),radial-gradient(circle at 82% 68%,rgba(255,255,255,.09) 0%,transparent 48%);pointer-events:none}
.dl-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.dl-hero-bg{background-size:cover;background-position:center}
.dl-hero-overlay{position:absolute;inset:0;z-index:1}
.dl-hero-inner{position:relative;z-index:2;text-align:center}
.dl-hero-crumb{font-size:14px;color:rgba(255,255,255,.62);display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:22px;letter-spacing:.5px}
.dl-hero-crumb a{color:rgba(255,255,255,.85);text-decoration:none;transition:color .3s}
.dl-hero-crumb a:hover{color:#00c2a8}
.dl-crumb-sep{opacity:.55}
.dl-hero-title{font-size:40px;font-weight:800;line-height:1.35;letter-spacing:1px;margin:0 0 16px}
.dl-hero-sub{font-size:16px;color:rgba(255,255,255,.72);max-width:720px;margin:0 auto;line-height:1.9;letter-spacing:.5px;white-space:pre-line}
@media(max-width:768px){
  .dl-hero{min-height:230px;padding:36px 0 46px}
  .dl-hero-title{font-size:26px;margin-bottom:12px}
  .dl-hero-sub{font-size:14px}
}