.dl-hero{padding:2.5rem 0;background:#f0f8fc;border-bottom:1px solid rgba(40,180,200,.25)}
.dl-hero h1{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:800;color:#1a4050;margin-bottom:.65rem}
.dl-hero h1 em{color:#28b4c8;font-style:normal}
.dl-hero p{color:#6a98a8;font-size:.9rem;max-width:580px;margin-bottom:1.2rem}
.dl-trust{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}
.dl-trust span{background:rgba(255,255,255,.85);border:1px solid rgba(40,180,200,.25);padding:.4rem .85rem;font-size:.78rem;color:#6a98a8;border-radius:12px}
.dl-trust strong{color:#5dd4e8}

.dl-registry{max-width:720px;margin:0 auto}
.dl-row{display:grid;grid-template-columns:72px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(40,180,200,.25)}
.dl-row:last-child{border-bottom:none}
.dl-method{font-family:monospace;font-size:.72rem;font-weight:800;padding:.35rem .5rem;text-align:center;border-radius:12px}
.m-get{background:rgba(255,255,255,.85);color:#28b4c8;border:1px solid #28b4c8}
.m-post{background:rgba(255,255,255,.85);color:#5dd4e8;border:1px solid #5dd4e8}
.dl-info h3{font-size:.92rem;color:#1a4050;font-weight:800;margin-bottom:.2rem}
.dl-info p{font-size:.8rem;color:#6a98a8;line-height:1.45}

.dl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.dl-card{background:rgba(255,255,255,.85);border:1px solid rgba(40,180,200,.25);padding:1.15rem;text-align:center;border-radius:12px}
.dl-icon{font-size:1.5rem;margin-bottom:.4rem}
.dl-card h3{font-size:.9rem;color:#1a4050;margin-bottom:.35rem;font-weight:800}
.dl-card p{font-size:.78rem;color:#6a98a8;margin-bottom:.65rem;line-height:1.45}

.dl-pipeline{display:flex;flex-direction:column;gap:0;max-width:640px;margin:0 auto}
.dl-pipeline .step-item{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1rem 0;border-left:2px solid #28b4c8;margin-left:24px;padding-left:1.5rem;position:relative}
.dl-pipeline .step-item::before{content:"";position:absolute;left:-7px;top:1.35rem;width:12px;height:12px;background:#28b4c8;border-radius:50%;border:2px solid #f0f8fc}

.dl-spec .dual-pane,.dl-spec .dual-head{background:rgba(255,255,255,.85)}
.dl-spec{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.dl-spec .dual-pane{border:1px solid rgba(40,180,200,.25);border-radius:12px;overflow:hidden}
.dl-spec .dual-head{padding:.5rem 1rem;font-family:monospace;font-size:.7rem;color:#28b4c8;border-bottom:1px solid rgba(40,180,200,.25)}

.dl-hero-img{border:1px solid rgba(40,180,200,.25);border-radius:12px;overflow:hidden;margin-top:1rem;max-width:480px}
.dl-hero-img.mt{margin-top:1.5rem}

@media(max-width:768px){
  .dl-row{grid-template-columns:1fr;gap:.5rem}
  .dl-cards,.dl-spec{grid-template-columns:1fr}
}