.beacon-hero{background:#0a1020;padding:3.5rem 0 2rem;position:relative;overflow:hidden;min-height:480px}
.beam-light{
  position:absolute;top:-20%;right:-10%;width:70%;height:120%;
  background:conic-gradient(from 200deg at 85% 15%,transparent 0deg,rgba(255,216,102,.12) 15deg,rgba(255,216,102,.04) 35deg,transparent 50deg);
  pointer-events:none;z-index:0;
}
.beacon-hero::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:80px;
  background:linear-gradient(180deg,transparent,#0a1830);opacity:.8;
}
.beacon-hero .container{position:relative;z-index:2}
.beacon-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.beacon-layout h1{font-size:clamp(1.4rem,3.4vw,2rem);font-weight:800;line-height:1.35;margin-bottom:1rem;color:#e8f0f8}
.beacon-layout h1 em{font-style:normal;color:#ffd866}
.nav-tag{display:inline-block;background:rgba(255,216,102,.12);border:1px solid rgba(255,216,102,.35);color:#ffd866;font-size:.72rem;font-weight:800;padding:.25rem .65rem;margin-bottom:.85rem;letter-spacing:.08em}
.beacon-desc{font-size:.95rem;color:#6a8098;margin-bottom:1.3rem;max-width:480px}
.beacon-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem}
.btn-beacon{display:inline-block;background:#ffd866;color:#0a1020!important;padding:.55rem 1.35rem;font-weight:800;font-size:.88rem;text-decoration:none!important}
.btn-beacon:hover{background:#ffe08a}
.btn-dim{display:inline-block;border:1px solid #3a5070;color:#c8d8e8!important;padding:.5rem 1.2rem;font-weight:700;font-size:.88rem;text-decoration:none!important;background:transparent}
.light-stats{display:flex;flex-wrap:wrap;gap:.65rem}
.light-stat{background:rgba(16,24,40,.8);border:1px solid #1a3050;padding:.6rem 1rem;min-width:88px;text-align:center}
.light-stat strong{display:block;font-size:1.15rem;color:#ffd866;font-weight:900}
.light-stat span{font-size:.65rem;color:#6a8098;text-transform:uppercase;letter-spacing:.06em}
.glow-frame{border:2px solid rgba(255,216,102,.35);background:#101828;padding:4px;position:relative}
.glow-frame::before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#ffd866,transparent)}

.signal-cards{padding-top:0}
.signal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.signal-card{background:#101828;border:1px solid #1a3050;border-radius:12px;padding:1.35rem 1.2rem;text-align:center;position:relative}
.signal-card::before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:#ffd866;border-radius:50%;opacity:.7}
.signal-card h3{font-size:1rem;font-weight:800;margin-bottom:.45rem;color:#e8f0f8;margin-top:.35rem}
.signal-card p{font-size:.86rem;color:#6a8098;line-height:1.6}

.course-band{background:linear-gradient(180deg,#0a1830,#0a1020);border-top:1px solid #1a3050;border-bottom:1px solid #1a3050;padding:2rem 0}
.course-track{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:0 1rem}
.course-track::before{
  content:"";position:absolute;top:1.8rem;left:8%;right:8%;height:2px;
  background:repeating-linear-gradient(90deg,#ffd866 0 6px,transparent 6px 14px);opacity:.5;
}
.course-point{flex:1;text-align:center;position:relative;z-index:1;padding:0 .5rem}
.course-lamp{width:36px;height:36px;margin:0 auto .75rem;background:#101828;border:2px solid #ffd866;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem;color:#ffd866}
.course-point h3{font-size:.95rem;font-weight:800;margin-bottom:.35rem;color:#e8f0f8}
.course-point p{font-size:.82rem;color:#6a8098;max-width:200px;margin:0 auto}

.chart-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.chart-panel{background:#101828;border:1px solid #1a3050;border-radius:12px;padding:1.25rem 1.3rem;border-top:3px solid rgba(255,216,102,.4)}
.chart-label{font-size:.72rem;font-weight:800;color:#ffd866;letter-spacing:.1em;margin-bottom:.65rem}
.chart-panel h3{font-size:1rem;font-weight:800;margin-bottom:.6rem;color:#e8f0f8}
.chart-panel li{padding:.32rem 0 .32rem 1.1rem;font-size:.88rem;color:#6a8098;position:relative}
.chart-panel li::before{content:"◉";position:absolute;left:0;font-size:.55rem;color:#ffd866;top:.45rem}

.harbor-cta{background:linear-gradient(135deg,#1a2840 0%,#ffd866 100%);color:#0a1020;text-align:center;padding:2.75rem 1rem;border-radius:0}
.harbor-cta h2{font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:800;margin-bottom:.55rem}
.harbor-cta p{font-size:.9rem;margin-bottom:1.2rem;opacity:.85}
.harbor-cta .btn-beacon{background:#0a1020;color:#ffd866!important}

@media(max-width:768px){
  .beacon-layout{grid-template-columns:1fr}
  .beam-light{opacity:.5;width:100%;right:0}
  .signal-row,.chart-duo{grid-template-columns:1fr}
  .course-track{flex-direction:column;gap:1.5rem}
  .course-track::before{display:none}
}