.radar-hero{padding:2.3rem 0 2.6rem;background:#dce8f0}
.radar-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem;align-items:start}
.radar-grid h1{font-size:clamp(1.25rem,3vw,1.65rem);font-weight:800;margin-bottom:.55rem}
.radar-grid p{color:#5a6e80;font-size:.92rem;margin-bottom:1rem;line-height:1.65}
.hourly{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.3rem}
.hour{flex:0 0 72px;background:#fff;border:1px solid #d5e0ea;padding:.55rem .4rem;text-align:center;font-size:.7rem}
.hour strong{display:block;font-size:.95rem;color:#1a6b9a;margin:.2rem 0}
.radar-shot img{width:100%;border:1px solid #d5e0ea;background:#fff;padding:.4rem}

.layer-stack{display:flex;flex-direction:column;gap:.7rem}
.layer{display:grid;grid-template-columns:90px 1fr 110px;gap:1rem;align-items:center;background:#fff;border:1px solid #d5e0ea;padding:1rem 1.1rem}
.layer-id{font-size:.75rem;font-weight:800;color:#1a6b9a}
.layer h2{font-size:.92rem;font-weight:800;margin-bottom:.2rem}
.layer p{font-size:.84rem;color:#5a6e80}
.layer img{width:100%;border:1px solid #d5e0ea}

.ft-f{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.ft-f-c{background:#fff;border:1px solid #d5e0ea;padding:1rem;text-align:center}
.ft-f-c strong{display:block;font-size:.7rem;color:#1a6b9a;margin-bottom:.3rem}
.ft-f-c h3{font-size:.88rem;font-weight:800;margin-bottom:.25rem}
.ft-f-c p{font-size:.78rem;color:#5a6e80}

.ft-cl{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ft-cl-col{background:#fff;border:1px solid #d5e0ea}
.ft-cl-col h3{padding:.5rem .9rem;background:#1e2a36;color:#f4b942;font-size:.84rem}
.ft-cl-col ul{padding:.9rem 1rem}
.ft-cl-col li{font-size:.82rem;color:#5a6e80;padding:.26rem 0}

.ft-cta{text-align:center;padding:2.3rem 0;background:#1a6b9a;color:#fff}
.ft-cta h2{font-size:1.15rem;font-weight:800;margin-bottom:.4rem}

@media(max-width:768px){
  .radar-grid,.ft-cl,.ft-f{grid-template-columns:1fr}
  .layer{grid-template-columns:1fr}
  .layer img{max-width:140px}
}