.hub-page .hub-intro { margin-top:2rem; color:var(--mut); font-size:var(--s-1); }
.hub-page nav a[aria-current="page"],.hub-page a:hover,.hub-page a:focus-visible { color:var(--a); }
.hub-page a:focus-visible { outline:1px solid var(--a); outline-offset:6px; }
.hub-page .action-link { display:inline-flex; align-items:center; gap:.7rem; }
.hub-page .isocon { width:24px; height:24px; object-fit:contain; opacity:.75; flex:none; }
.hub-page .action-link .isocon { width:17px; height:20px; }
.hub-page a:hover .isocon,.hub-page a:focus-visible .isocon { opacity:1; }
.hub-page .icon-heading { display:flex; align-items:center; gap:1rem; }
.hub-page .icon-heading .isocon { width:32px; height:38px; }
.hub-page .project-list { display:grid; grid-template-columns:1fr 1fr; gap:3rem; }
.hub-page .project-list article { border-top:1px solid rgba(255,255,255,.16); padding-top:1.5rem; }
.hub-page .project-list h3 { font-size:var(--s1); font-weight:500; margin:0 0 1.5rem; }
.hub-page .project-list p { color:var(--mut); }
.hub-page .feature-list { margin-bottom:2rem; }
.hub-page section[id] { scroll-margin-top:100px; }
@media(prefers-reduced-motion:reduce) { .hub-page .sunrise { transition:none; } }

.hub-page header nav { display:flex; align-items:center; gap:1.25rem; flex-wrap:wrap; }
.hub-page header nav a { display:inline-flex; align-items:center; gap:.5rem; margin-left:0; }
.hub-page .nav-product-mark { width:22px; height:24px; object-fit:contain; }
.hub-page .klu-word { font-family:Arial,Helvetica,sans-serif; font-weight:700; letter-spacing:.12em; }
.hub-page .hero-product-mark { display:block; width:76px; height:76px; object-fit:contain; margin:2rem 0; filter:drop-shadow(0 0 10px rgba(159,233,255,.2)); }
.hub-page h1 sup { font-size:.24em; vertical-align:super; margin-left:.25em; }
.hub-page .product-tagline { color:var(--mut); margin:1.5rem 0 0; font-size:var(--s1); }
.hub-page .footer-novexus { width:auto; max-width:160px; object-fit:contain; }
.hub-page .footer-links { border-top:1px solid rgba(255,255,255,.14); margin-top:2rem; padding-top:1.5rem; }
.hub-page .footer-links ul { display:flex; gap:1rem 2rem; flex-wrap:wrap; }
.hub-page .footer-links li { margin:0; }
.hub-page .footer-links a { font-size:.82rem; color:var(--mut); text-decoration:none; }
.hub-page .footer-links a:is(:hover,:focus-visible) { color:var(--a); }
.hub-page .personal-archive { font-size:.75rem; color:var(--mut); padding-top:2rem; }
.hub-page .personal-archive a { text-underline-offset:4px; }
.hub-page .reference-list h2:not(:first-child) { margin-top:4rem; }
.hub-page .reference-list p { max-width:72ch; color:var(--mut); }
.hub-page .archive-note { margin-top:2rem; color:var(--mut); font-size:var(--s-1); overflow-wrap:anywhere; }
@media(max-width:620px) { .hub-page .project-list { grid-template-columns:1fr; } .hub-page header nav { gap:1rem; } }