.cable-hero{background:linear-gradient(180deg,#0a2840 0%,#061018 40%,#041018 100%);padding:3rem 0 2rem;position:relative;overflow:hidden}
.cable-hero::before{
  content:"";position:absolute;bottom:0;left:0;right:0;height:120px;
  background:linear-gradient(180deg,transparent,rgba(0,229,255,.08));
}
.cable-route{
  position:absolute;bottom:60px;left:0;right:0;height:4px;
  background:linear-gradient(90deg,transparent 0%,#00e5ff 15%,#7b68ee 50%,#00e5ff 85%,transparent 100%);
  opacity:.6;
}
.cable-route::before,.cable-route::after{
  content:"";position:absolute;top:50%;width:8px;height:8px;background:#00e5ff;border-radius:50%;transform:translateY(-50%);
}
.cable-route::before{left:15%}
.cable-route::after{right:15%}
.cable-hero .container{position:relative;z-index:2}
.cable-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;padding-bottom:3rem}
.cable-grid h1{font-size:clamp(1.4rem,3.4vw,2rem);font-weight:800;line-height:1.35;margin-bottom:1rem;color:#e8f4fc}
.cable-grid h1 em{font-style:normal;color:#00e5ff}
.fiber-tag{display:inline-block;background:#0a2030;border:1px solid #00e5ff;color:#00e5ff;font-size:.68rem;font-weight:800;padding:.2rem .6rem;letter-spacing:.12em;margin-bottom:.85rem;font-family:monospace}
.cable-desc{font-size:.94rem;color:#6a8aa8;margin-bottom:1.3rem;max-width:500px}
.cable-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem}
.btn-fiber{display:inline-block;background:#00e5ff;color:#041018!important;padding:.52rem 1.35rem;font-weight:800;font-size:.88rem;text-decoration:none!important}
.btn-fiber:hover{background:#4df0ff}
.btn-depth{display:inline-block;border:1px solid #1a4a6a;color:#00e5ff!important;padding:.48rem 1.15rem;font-weight:700;font-size:.88rem;text-decoration:none!important;background:transparent}
.signal-stats{display:flex;flex-wrap:wrap;gap:.65rem}
.signal-stat{background:#0a1828;border:1px solid #1a4a6a;padding:.65rem 1rem;min-width:88px;text-align:center}
.signal-stat strong{display:block;font-size:1.2rem;color:#00e5ff;font-weight:900;font-family:monospace}
.signal-stat span{font-size:.65rem;color:#6a8aa8;text-transform:uppercase;letter-spacing:.06em}
.terminal-frame{border:2px solid #1a4a6a;background:#0a1828;padding:4px;position:relative}
.terminal-frame::before{content:"";position:absolute;bottom:-12px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#00e5ff,transparent)}

.junction-row{padding-top:0}
.junction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#00e5ff}
.junction-box{background:#0a1828;padding:1.35rem 1.25rem;position:relative}
.junction-box::after{
  content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:2px;height:20px;
  background:linear-gradient(180deg,#00e5ff,transparent);
}
.junction-id{font-size:.65rem;font-weight:800;color:#00e5ff;font-family:monospace;letter-spacing:.1em;margin-bottom:.55rem}
.junction-box h3{font-size:1rem;font-weight:800;margin-bottom:.4rem;color:#e8f4fc}
.junction-box p{font-size:.86rem;color:#6a8aa8;line-height:1.6}

.relay-line{background:#041018;border-top:2px solid #1a4a6a;border-bottom:2px solid #1a4a6a}
.relay-track{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 0;position:relative}
.relay-track::before{
  content:"";position:absolute;top:2.3rem;left:6%;right:6%;height:3px;
  background:repeating-linear-gradient(90deg,#00e5ff 0 8px,#1a4a6a 8px 16px);
}
.relay-node{flex:1;text-align:center;position:relative;z-index:1;padding:0 .5rem}
.relay-hub{width:46px;height:46px;margin:0 auto .75rem;background:#0a2030;border:3px solid #00e5ff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem;color:#00e5ff;font-family:monospace}
.relay-node h3{font-size:.95rem;font-weight:800;margin-bottom:.35rem;color:#e8f4fc}
.relay-node p{font-size:.82rem;color:#6a8aa8;max-width:200px;margin:0 auto}

.spec-dual{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.spec-sheet{background:#0a1828;border:1px solid #1a4a6a;padding:1.25rem 1.3rem;font-family:monospace}
.spec-head{font-size:.68rem;font-weight:800;color:#00e5ff;letter-spacing:.12em;margin-bottom:.65rem;padding-bottom:.45rem;border-bottom:1px dashed #1a4a6a}
.spec-sheet h3{font-size:.98rem;font-weight:800;margin-bottom:.6rem;color:#e8f4fc;font-family:"PingFang SC",sans-serif}
.spec-sheet li{padding:.3rem 0;font-size:.86rem;color:#6a8aa8;font-family:"PingFang SC",sans-serif}
.spec-sheet li::before{content:"│ ";color:#00e5ff;font-family:monospace}

.landing-cta{background:linear-gradient(135deg,#0a2840,#00e5ff);color:#041018;text-align:center;padding:2.75rem 1rem}
.landing-cta h2{font-size:clamp(1.2rem,2.8vw,1.5rem);font-weight:800;margin-bottom:.55rem}
.landing-cta p{font-size:.9rem;margin-bottom:1.2rem;opacity:.9}
.landing-cta .btn-fiber{background:#041018;color:#00e5ff!important}

@media(max-width:768px){
  .cable-grid{grid-template-columns:1fr}
  .cable-route{display:none}
  .junction-grid,.spec-dual{grid-template-columns:1fr;background:none;gap:1px}
  .junction-box{border:1px solid #1a4a6a}
  .relay-track{flex-direction:column;gap:1.5rem}
  .relay-track::before{display:none}
}