:root{font-family:'Manrope',Arial,Helvetica,sans-serif;font-size:16px;color:#16212E;background:#F6F4F1}
*{box-sizing:border-box}
body{margin:0}
h1,h2{font-family:'Fraunces',Georgia,serif;font-weight:400}

main{max-width:1280px;margin:auto;padding:50px clamp(14px,3vw,40px) 90px}
.page-title{text-align:center;max-width:680px;margin:0 auto 40px}
.page-title h1{font-size:clamp(1.9rem,3vw,2.5rem);margin:0 0 10px;color:#102E4A}
.page-title p{color:#5C6B7A;line-height:1.6;font-size:1rem}

.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hub-card{
  display:flex;flex-direction:column;gap:10px;text-decoration:none;
  border-radius:8px;padding:30px 28px;min-height:300px;
  background:linear-gradient(160deg,#1B4370 0%,#102E4A 60%,#0A1D30 100%);
  color:#F6F4F1;border:1px solid rgba(157,122,90,.35);
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
.hub-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(16,46,74,.28);border-color:#9D7A5A}
.hub-card-tag{align-self:flex-start;background:rgba(157,122,90,.22);color:#D9BE9C;border-radius:99px;padding:6px 14px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.hub-card h2{font-size:1.4rem;margin:4px 0 0;color:#fff}
.hub-card>p{font-size:.88rem;line-height:1.55;color:rgba(246,244,241,.78);margin:0}
.hub-card-how{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;flex:1}
.hub-card-how li{font-size:.78rem;line-height:1.45;color:rgba(246,244,241,.68);padding-left:16px;position:relative}
.hub-card-how li::before{content:"—";position:absolute;left:0;color:#9D7A5A}
.hub-card-cta{margin-top:auto;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#D9BE9C}

.hub-card-external{border-style:dashed}
.hub-card-external .hub-card-tag{background:rgba(157,122,90,.32)}
.ext-icon{color:#D9BE9C;font-weight:700}

@media(max-width:1100px){
  .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .hub-grid{grid-template-columns:1fr}
  .hub-card{min-height:auto;padding:26px 24px}
}