.dl-hero{padding:2.5rem 0;background:#0a2828;border-bottom:1px solid #2a4848}
.dl-hero h1{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:800;color:#e8f0ec;margin-bottom:.65rem}
.dl-hero h1 em{color:#ff6b6b;font-style:normal}
.dl-hero p{color:#6a9890;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:#123030;border:1px solid #2a4848;padding:.4rem .85rem;font-size:.78rem;color:#6a9890;border-radius:20px}
.dl-trust strong{color:#4ecdc4}

.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 #2a4848}
.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:20px}
.m-get{background:#123030;color:#ff6b6b;border:1px solid #ff6b6b}
.m-post{background:#123030;color:#4ecdc4;border:1px solid #4ecdc4}
.dl-info h3{font-size:.92rem;color:#e8f0ec;font-weight:800;margin-bottom:.2rem}
.dl-info p{font-size:.8rem;color:#6a9890;line-height:1.45}

.dl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.dl-card{background:#123030;border:1px solid #2a4848;padding:1.15rem;text-align:center;border-radius:20px}
.dl-icon{font-size:1.5rem;margin-bottom:.4rem}
.dl-card h3{font-size:.9rem;color:#e8f0ec;margin-bottom:.35rem;font-weight:800}
.dl-card p{font-size:.78rem;color:#6a9890;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 #ff6b6b;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:#ff6b6b;border-radius:50%;border:2px solid #0a2828}

.dl-spec .dual-pane,.dl-spec .dual-head{background:#123030}
.dl-spec{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.dl-spec .dual-pane{border:1px solid #2a4848;border-radius:20px;overflow:hidden}
.dl-spec .dual-head{padding:.5rem 1rem;font-family:monospace;font-size:.7rem;color:#ff6b6b;border-bottom:1px solid #2a4848}

.dl-hero-img{border:1px solid #2a4848;border-radius:20px;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}
}