.radar-hero{background:#0a1520;padding:2.5rem 0 3rem;text-align:center}
.radar-hero h1{font-size:clamp(1.35rem,3.2vw,1.85rem);color:#e8f4fc;font-weight:900;margin-bottom:.65rem}
.radar-hero p{color:#6a8fa8;font-size:.93rem;max-width:640px;margin:0 auto 1.5rem}
.radar-display{width:min(280px,70vw);height:min(280px,70vw);margin:0 auto;border:1px solid #1a3a52;border-radius:50%;position:relative;background:#0d1b2a;overflow:hidden}
.radar-display img{position:absolute;inset:20%;width:60%;height:60%;object-fit:cover;border-radius:4px;border:1px solid #00ffd533}
.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#00ffd522 30deg,transparent 60deg)}
.radar-ring{position:absolute;border:1px solid #1a3a5244;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.radar-ring.r1{width:33%;height:33%}
.radar-ring.r2{width:66%;height:66%}

.sector-grid{padding:3rem 0;background:#050a14}
.sector-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.sector-panel{background:#0a1520;border:1px solid #1a3a52;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.sector-head{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:#0d1b2a;border-bottom:1px solid #1a3a52}
.sector-angle{font-size:.7rem;font-weight:900;color:#00ffd5;background:#0d3048;padding:.25rem .5rem}
.sector-head h2{font-size:.95rem;color:#e8f4fc;font-weight:800}
.sector-body{padding:1rem 1.15rem;font-size:.86rem;color:#6a8fa8;line-height:1.65}
.sector-body ul{margin-top:.5rem}
.sector-body li{padding:.25rem 0 .25rem .85rem;border-left:2px solid #4dd9ff44}

.arc-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1rem 0}
.arc-step{width:200px;text-align:center;position:relative}
.arc-step-num{width:44px;height:44px;line-height:44px;border-radius:50%;background:#0d3048;border:2px solid #00ffd5;color:#00ffd5;font-weight:900;margin:0 auto .65rem;font-size:1rem}
.arc-step h3{font-size:.92rem;color:#e8f4fc;margin-bottom:.35rem;font-weight:800}
.arc-step p{font-size:.82rem;color:#6a8fa8}

.dual-sonar{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;align-items:start}
.sonar-table{background:#0a1520;border:1px solid #1a3a52}
.sonar-table h3{background:#0d1b2a;padding:.6rem .9rem;font-size:.85rem;color:#4dd9ff;font-weight:800;border-bottom:1px solid #1a3a52}
.sonar-table ul{padding:.85rem 1rem}
.sonar-table li{font-size:.84rem;color:#6a8fa8;padding:.35rem 0;display:flex;justify-content:space-between;border-bottom:1px dashed #142838}
.sonar-table li:last-child{border-bottom:none}
.sonar-table li span{color:#00ffd5;font-size:.78rem}
.sonar-side img{border:1px solid #1a3a52;width:100%}

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

@media(max-width:768px){
  .sector-wrap{grid-template-columns:1fr}
  .dual-sonar{grid-template-columns:1fr}
}