.hc-hub{max-width:1200px;margin:0 auto;padding:32px 24px 80px;color:#17243b}
.hc-hub *{box-sizing:border-box}
.hc-hub__hero{padding:48px clamp(24px,5vw,64px);border-radius:20px;background:linear-gradient(125deg,#101c38,#1e3a66);color:#fff}
.hc-hub__hero h1{color:#fff;font-size:clamp(1.9rem,4vw,3rem);margin:8px 0 14px}
.hc-hub__hero>p:not(.hc-hub__eyebrow){margin:0;line-height:1.8}
.hc-hub__eyebrow,.hc-hub__heading>p{font-size:.75rem;font-weight:800;letter-spacing:.14em;margin:0;color:#92b8eb}
.hc-hub__nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hc-hub__nav a{color:#fff;border:1px solid #8199b9;border-radius:999px;padding:9px 16px;font-weight:700;font-size:.87rem;text-decoration:none}
.hc-hub__nav a:hover,.hc-hub__nav a:focus-visible{background:#fff;color:#152744}
.hc-hub__section{margin-top:48px;scroll-margin-top:30px}
.hc-hub__heading{margin-bottom:16px}
.hc-hub__heading>p{color:#9dbde7}
.hc-hub__heading h2{font-size:clamp(1.25rem,1.1rem + .5vw,1.625rem);margin:5px 0 0;color:#f3f7ff}
.hc-hub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hc-hub-card{--accent:#2657a8;--guide-base:#e3edf8;--guide-accent:#2657a8;--line:linear-gradient(90deg,#08173f 0%,#1e3a8a 22%,#3b82f6 50%,#1e40af 78%,#08173f 100%);--card-bg:#f0f2f5;--border:#ccd3dc;display:flex;flex-direction:column;min-width:0;container-type:inline-size;padding:17px 18px;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 5px 18px rgba(17,35,64,.08)}
.hc-hub-card--dtsx{--accent:#884310;--guide-accent:#884310;--guide-base:#f3e9da;--line:linear-gradient(135deg,#6b240f 0%,#9a3412 22%,#f59e0b 50%,#d97706 78%,#6b240f 100%)}
.hc-hub-card--seven{--accent:#206080;--guide-accent:#206080;--guide-base:#e0edf1;--line:linear-gradient(90deg,#6fa6bb 0%,#2f6f86 42%,#153949 100%)}
.hc-hub-card--five{--accent:#216b83;--guide-accent:#216b83;--guide-base:#e3eef1;--line:linear-gradient(90deg,#6fb3cf 0%,#1e7fa3 100%)}
.hc-hub-card--vision{--accent:#803978;--guide-accent:#803978;--guide-base:#ede6f2;--video-accent:#7c3aed;--line:linear-gradient(90deg,#7c3aed,#fb923c)}
.hc-hub-card--plus{--accent:#913b5a;--guide-accent:#913b5a;--guide-base:#f3e5e6;--video-accent:#ec4899;--line:linear-gradient(135deg,#be185d 0%,#ec4899 30%,#fb923c 65%,#fdba74 100%)}
.hc-hub-card--hdr{--accent:#913b5a;--guide-accent:#22655e;--guide-base:#e0eee9;--video-accent:#c91f73;--line:linear-gradient(90deg,#ff9acb 0%,#ec4899 46%,#c91f73 100%)}
.hc-hub-card h3{color:var(--accent);font-size:1.2rem;line-height:1.3;margin:0 0 6px}
.hc-hub-card h3::after{content:"";display:block;width:calc(101% + 24px);height:3px;margin:8px calc(-12px - .5%) 0;border-radius:12px / 50%;background:var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hc-hub-card__description{font-size:.9rem;line-height:1.6;color:#34465a;margin:0 0 12px}
.hc-hub-card__footer{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:4px;margin-top:auto}
.hc-hub-card__count{margin:0;min-width:0;flex:0 1 auto;color:#40566c;font-size:.70rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.hc-hub-card__count strong{font-size:1.05rem;color:#172d4b;margin:0 1px;font-variant-numeric:tabular-nums}
.hc-hub-card__links{display:flex;flex:0 0 auto;gap:4px;flex-wrap:nowrap}
.hc-hub-card__links a{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;text-decoration:none;font-weight:700;font-size:.75rem;line-height:1.2;border-radius:7px;padding:7px 5px;white-space:nowrap}
.hc-hub-card__primary{background:#29496b;color:#fff!important}
.hc-hub-card__guide{border:1px solid #7992ac;color:var(--hc-guide-ink,#17385e)!important;background:color-mix(in srgb,var(--guide-base) 78%,var(--guide-accent) 22%)}
.hc-hub-card:is(.hc-hub-card--vision,.hc-hub-card--plus,.hc-hub-card--hdr) .hc-hub-card__guide{background:color-mix(in srgb,#f0f2f5 83%,var(--video-accent) 17%);border-color:color-mix(in srgb,#f0f2f5 48%,var(--video-accent) 52%)}
.hc-hub-card__long{display:none}
.hc-hub-card__short{display:inline}
.hc-hub-card__links a:hover,.hc-hub-card__links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(min-width:1200px){.hc-hub{max-width:1300px}#audio .hc-hub__grid{grid-template-columns:repeat(4,minmax(0,1fr))}#video .hc-hub__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1200px) and (max-width:1229px){.hc-hub{padding-inline:19px}}
@media(min-width:601px) and (max-width:650px){.hc-hub-count-prefix{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(max-width:600px){.hc-hub{padding:20px 16px 55px}.hc-hub__hero{padding:30px 22px}.hc-hub__section{margin-top:36px}.hc-hub__grid{grid-template-columns:1fr}.hc-hub-card{padding:14px 15px}.hc-hub-card__description{margin-bottom:9px}}
@container (max-width:229px){.hc-hub-count-prefix{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@container (max-width:185px){.hc-hub-card__count-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@container (max-width:259px){.hc-hub-card--long-count .hc-hub-count-prefix{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@container (max-width:235px){.hc-hub-card--long-count .hc-hub-card__count-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@container (max-width:238px){.hc-hub-card--three-digit .hc-hub-count-prefix{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(prefers-color-scheme:light){
 .hc-hub__eyebrow{color:#b5d3f7}
 .hc-hub__heading>p{color:#283f5d}
 .hc-hub__heading h2{color:#17243b}
}
@media(prefers-color-scheme:dark){
 .hc-hub__hero{border:1px solid #3c587c;box-shadow:0 4px 18px rgba(0,0,0,.16);background:linear-gradient(125deg,#192c4b,#243f68)}
 .hc-hub-card{--accent:#95c2ff;--guide-base:#213a56;--card-bg:#454b55;--border:#69717d;box-shadow:0 5px 18px rgba(0,0,0,.18)}
 .hc-hub-card--dtsx{--accent:#ffc17d;--guide-base:#493629}
 .hc-hub-card--seven{--accent:#9ed9f0;--guide-base:#243e4d}
 .hc-hub-card--five{--accent:#a0ddea;--guide-base:#253f4b}
 .hc-hub-card--vision{--accent:#e4b8ed;--guide-base:#3f3049}
 .hc-hub-card--plus{--accent:#ffbdc8;--guide-base:#49323a}
 .hc-hub-card--hdr{--accent:#ffbdc8;--guide-base:#263f3d}
 .hc-hub-card__description,.hc-hub-card__count{color:#e0e9f2}
 .hc-hub-card__count strong{color:#fff}
 .hc-hub-card__primary{background:#c3d4e8;color:#142a45!important}
 .hc-hub-card__guide{background:color-mix(in srgb,var(--guide-base) 76%,white 24%);border-color:#9aadc1;color:var(--hc-guide-ink,#f4f8ff)!important}
 .hc-hub-card:is(.hc-hub-card--vision,.hc-hub-card--plus,.hc-hub-card--hdr) .hc-hub-card__guide{background:color-mix(in srgb,#454b55 80%,var(--video-accent) 20%);border-color:color-mix(in srgb,#c3c9d2 55%,var(--video-accent) 45%)}
}
@media(max-width:360px){.hc-hub__hero h1{font-size:1.5rem}}
