.periscope-hero{background:#0a1520;padding:2.5rem 0;text-align:center;border-bottom:1px solid #1a3a52}
.periscope-hero h1{font-size:clamp(1.35rem,3.2vw,1.85rem);color:#e8f4fc;font-weight:900;margin-bottom:.65rem}
.periscope-hero p{color:#6a8fa8;font-size:.93rem;max-width:620px;margin:0 auto}
.periscope-lens{width:120px;height:120px;border:3px solid #1a3a52;border-radius:50%;margin:0 auto 1.25rem;position:relative;background:#0d1b2a}
.periscope-lens::before{content:"";position:absolute;inset:15%;border:1px solid #00ffd544;border-radius:50%}
.periscope-lens::after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:#00ffd5;border-radius:50%;transform:translate(-50%,-50%)}

.freq-stack{padding:3rem 0;background:#050a14}
.freq-list{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}
.freq-band{display:grid;grid-template-columns:80px 1fr auto;gap:1.25rem;align-items:center;background:#0a1520;border:1px solid #1a3a52;padding:1.15rem 1.25rem}
.freq-band.priority{border-color:#00ffd5}
.freq-label{font-size:.75rem;font-weight:900;color:#00ffd5;text-align:center;line-height:1.3}
.freq-band img{width:100%;max-width:200px;border:1px solid #1a3a52}
.freq-info h2{font-size:1rem;color:#e8f4fc;margin-bottom:.35rem;font-weight:800}
.freq-info p{font-size:.86rem;color:#6a8fa8;margin-bottom:.65rem}
.btn-freq{display:inline-block;background:#0d3048;color:#00ffd5;border:1px solid #00ffd5;padding:.45rem .95rem;font-size:.82rem;font-weight:800;text-decoration:none!important;white-space:nowrap}
.btn-freq:hover{background:#123d58}

.dl-ping-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.dl-ping{background:#0a1520;border:1px solid #1a3a52;padding:1.1rem;text-align:center}
.dl-ping h3{font-size:.92rem;color:#e8f4fc;margin-bottom:.4rem;font-weight:800}
.dl-ping p{font-size:.82rem;color:#6a8fa8}

.dl-dive{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.dl-dive-step{flex:1;min-width:180px;background:#0a1520;border-top:3px solid #00ffd5;padding:1rem 1.1rem}
.dl-dive-step h3{font-size:.92rem;color:#e8f4fc;margin-bottom:.35rem;font-weight:800}
.dl-dive-step p{font-size:.82rem;color:#6a8fa8}

.dl-readout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.dl-readout-col{background:#0a1520;border:1px solid #1a3a52;padding:1.1rem}
.dl-readout-col h3{font-size:.92rem;color:#4dd9ff;margin-bottom:.6rem;font-weight:800}
.dl-readout-col li{font-size:.84rem;color:#6a8fa8;padding:.3rem 0;border-bottom:1px solid #142838}
.dl-readout-col li:last-child{border-bottom:none}

.dl-beacon{text-align:center;padding:2.5rem 0;background:#0d1b2a;border-top:1px solid #1a3a52}
.dl-beacon h2{font-size:1.25rem;color:#e8f4fc;margin-bottom:.5rem;font-weight:900}
.dl-beacon p{color:#6a8fa8;margin-bottom:1rem;font-size:.9rem}

@media(max-width:768px){
  .freq-band{grid-template-columns:1fr;text-align:center}
  .freq-band img{margin:0 auto}
  .dl-ping-row{grid-template-columns:1fr}
  .dl-readout{grid-template-columns:1fr}
}