.pier-intro{text-align:center;padding:2.5rem 0 1.25rem;background:#0a1830;border-bottom:1px solid #1a3050}
.pier-intro h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;margin-bottom:.6rem;color:#ffd866}
.pier-intro p{font-size:.92rem;color:#6a8098;max-width:580px;margin:0 auto}

.mooring-row{padding:2rem 0 3.5rem}
.mooring-grid{display:flex;flex-direction:column;gap:1rem;max-width:680px;margin:0 auto}
.mooring-slot{
  display:grid;grid-template-columns:48px 1fr auto;gap:1rem;align-items:center;
  background:#101828;border:1px solid #1a3050;border-radius:12px;padding:1.15rem 1.25rem;
  position:relative;
}
.mooring-slot::before{
  content:"";position:absolute;left:24px;top:-8px;width:2px;height:8px;background:#ffd866;opacity:.5;
}
.mooring-slot.highlight{border-color:rgba(255,216,102,.45);background:linear-gradient(90deg,#101828,#141c30)}
.mooring-light{width:48px;height:48px;border-radius:50%;background:#0a1020;border:2px solid #ffd866;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.75rem;color:#ffd866}
.mooring-body h2{font-size:1rem;font-weight:800;margin-bottom:.35rem;color:#e8f0f8}
.mooring-body p{font-size:.84rem;color:#6a8098;line-height:1.55;margin-bottom:0}
.mooring-body img{margin-top:.65rem;max-height:56px;object-fit:contain}
.btn-moor{display:inline-block;background:#ffd866;color:#0a1020!important;padding:.42rem .95rem;font-size:.8rem;font-weight:800;text-decoration:none!important;white-space:nowrap}
.btn-moor:hover{background:#ffe08a}

.beacon-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem 3rem;padding:1.35rem 0;margin-bottom:2rem;background:#101828;border:1px solid #1a3050;border-radius:12px;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:2rem}
.beacon-bar div{text-align:center}
.beacon-bar strong{display:block;font-size:1.2rem;color:#ffd866;font-weight:900}
.beacon-bar span{font-size:.72rem;color:#6a8098}

.pier-faq{background:#0a1020}

@media(max-width:640px){
  .mooring-slot{grid-template-columns:1fr;text-align:center}
  .mooring-light{margin:0 auto}
  .btn-moor{margin-top:.75rem}
}