.hub-hero{
  background:linear-gradient(135deg,#08245d,#1555b5);
  color:#fff;
  padding:62px 0;
}
.hub-hero h1{
  font-size:clamp(2.35rem,5vw,3.9rem);
  line-height:1.05;
  margin:12px 0 18px;
}
.hub-hero p{
  max-width:820px;
  color:#eaf3ff;
  font-size:1.06rem;
}
.hub-intro{
  max-width:820px;
  margin-bottom:28px;
}
.hub-intro h2,
.hub-section h2,
.hub-section h3{
  color:var(--navy);
}
.hub-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:24px;
}
.hub-card{
  display:block;
  border:1px solid var(--line);
  border-radius:16px;
  padding:22px;
  background:#fff;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(4,31,78,.04);
}
.hub-card:hover{
  transform:translateY(-2px);
}
.hub-card strong{
  display:block;
  color:var(--navy);
  font-size:1.08rem;
  margin-bottom:7px;
}
.hub-card span{
  color:var(--muted);
  line-height:1.55;
}
.hub-note{
  background:#eef7ff;
  border-left:4px solid var(--blue);
  padding:18px 20px;
  border-radius:0 12px 12px 0;
  margin:26px 0;
}
.hub-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.hub-panel{
  border:1px solid var(--line);
  border-radius:16px;
  padding:24px;
  background:#fff;
}
.hub-panel h3{margin-top:0}
.area-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.area-links a{
  border:1px solid var(--line);
  border-radius:999px;
  padding:9px 13px;
  text-decoration:none;
  font-weight:750;
  color:var(--navy);
  background:#fff;
}
@media(max-width:900px){
  .hub-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .hub-grid,.hub-two{grid-template-columns:1fr}
  .hub-hero{padding:44px 0}
}
/* LCDA final mobile refinement */

@media(max-width:700px){
 .hub-hero{padding:38px 0 42px}
 .hub-hero h1{font-size:clamp(2rem,9vw,2.45rem);line-height:1.08}
 .hub-hero p{font-size:1rem;line-height:1.55}
 .hub-grid{gap:14px}.hub-card,.hub-panel{padding:18px}
}