.dl-hero{padding:2.5rem 0;background:#fff;border-bottom:6px solid #000}
.dl-hero h1{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:900;color:#000;margin-bottom:.65rem;text-transform:uppercase}
.dl-hero h1 em{color:#e30613;font-style:normal}
.dl-hero p{color:#333;font-size:.9rem;max-width:580px;margin-bottom:1.2rem}
.dl-trust{display:flex;flex-wrap:wrap;gap:0;margin-bottom:1.5rem}
.dl-trust span{background:#ffcc00;border:3px solid #000;padding:.4rem .85rem;font-size:.78rem;color:#000;font-weight:700;margin-right:-3px;text-transform:uppercase}
.dl-trust strong{color:#e30613}

.tile-registry{display:grid;grid-template-columns:1fr;gap:0;max-width:720px;margin:0 auto}
.tile-row{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;align-items:center;padding:1rem;border:3px solid #000;margin-bottom:-3px;background:#fff}
.tile-row:nth-child(odd){background:#f8f8f8}
.tile-code{font-weight:900;font-size:.72rem;padding:.35rem .5rem;text-align:center;background:#003da5;color:#fff;text-transform:uppercase}
.tile-info h3{font-size:.92rem;color:#000;font-weight:900;margin-bottom:.2rem;text-transform:uppercase}
.tile-info p{font-size:.8rem;color:#333;line-height:1.45}
.tile-action .btn-primary{font-size:.78rem;padding:.45rem .9rem;white-space:nowrap}

.dl-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.dl-tile{padding:1.15rem;text-align:center;border:3px solid #000;margin:-1.5px}
.dl-tile:nth-child(1){background:#e30613;color:#fff}
.dl-tile:nth-child(2){background:#ffcc00;color:#000}
.dl-tile:nth-child(3){background:#003da5;color:#fff}
.dl-tile .icon{font-size:1.5rem;margin-bottom:.4rem}
.dl-tile h3{font-size:.9rem;margin-bottom:.35rem;font-weight:900;text-transform:uppercase}
.dl-tile p{font-size:.78rem;margin-bottom:.65rem;line-height:1.45;opacity:.95}

.composition-pipe{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:720px;margin:0 auto}
.comp-item{padding:1rem;border:3px solid #000;margin:-1.5px;text-align:center}
.comp-item:nth-child(1){background:#fff}
.comp-item:nth-child(2){background:#ffcc00}
.comp-item:nth-child(3){background:#e30613;color:#fff}
.comp-num{font-size:.75rem;font-weight:900;margin-bottom:.25rem;display:block;text-transform:uppercase}
.comp-item h3{font-size:.92rem;margin-bottom:.3rem;font-weight:900;text-transform:uppercase}
.comp-item p{font-size:.8rem;line-height:1.5}

.dl-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.dl-spec{border:3px solid #000;margin:-1.5px}
.dl-spec .head{padding:.5rem 1rem;background:#000;font-size:.7rem;color:#ffcc00;font-weight:900;text-transform:uppercase}
.dl-spec ul{padding:1rem 1.1rem}
.dl-spec li{font-size:.82rem;color:#333;padding:.25rem 0 .25rem .9rem;position:relative;line-height:1.45;border-bottom:2px solid #eee}
.dl-spec li::before{content:"■";position:absolute;left:0;color:#e30613;font-size:.5rem;top:.4rem}

.dl-cta{background:#000;padding:2.5rem 0;text-align:center;border-top:6px solid #e30613}
.dl-cta h2{font-size:clamp(1.05rem,2.6vw,1.35rem);color:#fff;margin-bottom:.4rem;font-weight:900;text-transform:uppercase}
.dl-cta p{color:#ccc;font-size:.86rem;margin-bottom:1rem}
.dl-hero-img{border:6px solid #000;overflow:hidden;margin-top:1rem;max-width:480px}

@media(max-width:768px){
  .tile-row{grid-template-columns:1fr;gap:.5rem}
  .dl-tiles,.dl-spec-grid,.composition-pipe{grid-template-columns:1fr}
}
