.archive-hub{padding:68px 7vw;background:#08161c;color:#e9f4f5}
.archive-hub__inner{max-width:1300px;margin:auto}
.archive-hub__eyebrow{color:#61ccd3;font-size:12px;font-weight:800;letter-spacing:.16em}
.archive-hub h2{margin:10px 0 13px;font-size:clamp(32px,4vw,52px)}
.archive-hub__intro{color:#9fbac0;max-width:740px;line-height:1.6}
.archive-hub__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.archive-hub__card{display:flex;flex-direction:column;gap:12px;min-height:215px;border:1px solid #31515a;background:#10242c;border-radius:16px;padding:22px;color:#e8f5f6;text-decoration:none;transition:transform .15s,border-color .15s}
.archive-hub__card:hover,.archive-hub__card:focus-visible{transform:translateY(-3px);border-color:#5dd8df;outline-offset:3px}
.archive-hub__card small{color:#67ced5;letter-spacing:.12em;font-weight:700}
.archive-hub__card strong{font-size:25px}
.archive-hub__card span{color:#a9c1c6;line-height:1.5}
.archive-hub__card b{margin-top:auto;font-size:13px;color:#75e2e8}
@media(max-width:980px){.archive-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.archive-hub__grid{grid-template-columns:1fr}.archive-hub{padding:55px 6vw}}